Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-91162

As a user I want to have full control of the collaborators in an easy way

    Details

      Description

      Description

      Resources: Product Team Feedback

      User Experience

      Resources: Discussion Document

      Basic Structure

      Modal

      STRUCTURE

      1. Header
      2. Body with Collaborators Items
      3. Footer

      Measurements

      • Width: 600px
      • Body Padding: 8px 0px
      • Margin between Items: 0px

      Collaborator Item

      1. Sticker
      2. Name + Surname
      3. Can share flag
      4. Expiration flag
      5. Permission
      6. Remove button

      Measurements & Style
      Width: 600px
      Height: 56px
      Font Size: 16px
      Font Weight: Semibold

      Visual States

      1. Collapsed/Normal
      2. Hover
      3. Expanded

      STRUCTURE

      1. Resharing Check Box with the text “Allow share and manage permissions”
      2. “Set Expiration Date” checkbox + Input (date input)
      3. Cancel Expiration Date Button with the text “Cancel expiration”

      Interaction

      Expand Interaction

      • After a user clicks an item it changes from collapsed to expanded state.
      • Only one item at a time can be expanded. If the user clicks an item while there is one expanded, the expanded item collapses and the item clicked expands.  

      Interaction Area: Selector and Remove button have their own interaction areas

      Expiration date

      • A user can enable an expiration date, checking the “Set Expiration Date” checkbox
      • When the checkbox is checked, the input date shows the tomorrow day set by default.
      • If the user unchecks the checkbox, the input date is cleared and hidden.

      Set expiration unchecked

      Flags

      • If an expiration date was set, the expiration flag shows.
      • If a user has permission to share and manage the file, the sharing flag shows.
      • When the user makes changes before saving, the flags are not shown/hide.

      Tooltips

      • Share and Manage Tooltip: “Can share and manage permissions”
      • Expiration Date Tooltip: “Until #expirationDate”.

        Attachments

        1. Abel Hancock Expanded.png
          Abel Hancock Expanded.png
          20 kB
        2. expiration date.png
          expiration date.png
          18 kB
        3. Interaction.png
          Interaction.png
          10 kB
        4. margins.png
          margins.png
          14 kB
        5. Measures 2.png
          Measures 2.png
          24 kB
        6. Modal.png
          Modal.png
          60 kB
        7. structure 2.png
          structure 2.png
          23 kB
        8. Tooltip 1.png
          Tooltip 1.png
          5 kB
        9. Tooltip 2.png
          Tooltip 2.png
          4 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