Details

      Description

      link title

      Goal

      The goal of this story is to implement the upper toolbar based on the new mockups designed for the new Document View UI

       mockup

      Use Cases

      • As a user, I want to see the key information of the file
      • As a user, I want to able to do a quick action such as download, share
      • As a user, I want to be able to browse quickly between items
      • As a user, I want to have more options like edit, move checkout, permission, move to recycle
      • As a user, once I previewed the file I want to go back go back to where I was previously ( folder)
      • As a user, rename the document directly from the title 

      1. Key information of the file   

      As a user, I want to see the key information of the file

      The information

      • Filename
      • File extension
      • Checked out state
      • Shared state ( currently this feature is not implemented ) 

      2. Quick actions 

      As a user, I want to able to do a quick action such as download, share

      Download: default download pattern

      Share: default share pattern

       

      Default:

      With flag:

      Visual Design

      • text truncate when title text is too long
      • Below image with visual design metrics

       

      6. Mobile version

      The upper toolbar will be limited in the mobile version

      • Title
      • ( ellipsis action bar with download only option )

       

      Features not Included in this story

      Inline edit title

        

      Navigation ( between files)

      Navigation will not be implemented in this story.

      We have created a new story to implement later on. link to story

      As a user, I want to be able to browse quickly between items
      Context

      The library fetches information about the file and its converted representations through choosing the appropriate viewer for the file type, dynamically loads the necessary static assets and file representations, and finally renders the file.

      with navigation arrow user to navigate between files

       

       

       

        Attachments

        1. Captura de pantalla 2019-04-08 13.23.40.png
          Captura de pantalla 2019-04-08 13.23.40.png
          89 kB
        2. Captura de pantalla 2019-04-08 13.27.50.png
          Captura de pantalla 2019-04-08 13.27.50.png
          21 kB
        3. inline edit  03.png
          inline edit 03.png
          38 kB
        4. inline edit  04.png
          inline edit 04.png
          38 kB
        5. metrics.png
          metrics.png
          41 kB
        6. Mobile behavour 02.3.png
          Mobile behavour 02.3.png
          5 kB
        7. Mobile behavour 02.4.png
          Mobile behavour 02.4.png
          5 kB
        8. Mobile behavour 02.5.png
          Mobile behavour 02.5.png
          15 kB
        9. regular.png
          regular.png
          16 kB
        10. text truncate.png
          text truncate.png
          50 kB
        11. with flag.png
          with flag.png
          19 kB

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Packages

                  Version Package
                  Master