Uploaded image for project: 'ui-inventory'
  1. ui-inventory
  2. UIIN-1363

Implement Results List Column Chooser

    XMLWordPrintable

    Details

    • Template:
    • Sprint:
      Prokopovych - Sprint 106, Prokopovych - Sprint 107
    • Story Points:
      8
    • Development Team:
      Prokopovych

      Description

      Overview: Implement in Inventory, the newly developed functionality Results List Column Chooser, where the user per session can define which columns to display in a given app, here Inventory. The selection of columns is defined in the Actions menu, with a list of columns being check marked as shown, or unchecked and therefore being hidden in the Result list display. This functionality is implemented in Users.

      Usecase:
      As a staff user I want to optimize my display of search result, so the screen display of the MCL has the most optimal layout and use of screen estate for my purpose.

      Stories:

      1. Story
        • Log into FOLIO Snapshot as diku_admin
        • Go to Inventory, and click the Actions menu
        • When viewing the list of actions,
        • then the action menu has two subheadings in grey colored text
          • Actions
          • Show columns
      2. Story
        • When viewing the Actions menu
        • then the action menu is displayed (as we always have seen if, depending on permissions, and if the current behavior is functioning
      3. Story
        • When viewing the Show columns
        • Then following columns as default are being selected by being marked with check marks
          • Contributors
          • Publishers
          • Relation
        • And the Title and all the selected columns will be displayed as default.
      4. Story
        • When click on the check mark
        • Then the given column is unselected
        • and will be hidden from the display in the result list
      5. Story
        • When all the columns listed in the Actions menu are unchecked and to be hidden in the result list
        • Then the result list will only show the column Title

      Documentation:
      Rasmus Wølk:
      We recently added a "Results List Column Chooser"-feature for ui-users which makes it possible for the user to choose which columns they want to see in the results list.
      Note: It's currently using sessionStorage to store the preferred columns but the plan is to persist it on a user-level via. the API at some point.
      I just wanted to share the PR because this UX pattern is most likely going to be implemented in most UI modules that includes a list view.
      While the implementation obviously will vary, the components (and the props) needed for building the UI can be found in stripes-components:
      MenuSection (Useful for dividing the action menu into sections)
      https://ux.folio.org/storybook/?path=/story/menusection--basic-usage
      MultiColumnList (supports updating column visibility via. the visibleColumns-prop)
      https://ux.folio.org/storybook/?path=/story/multicolumnlist--basic-usage
      Checkbox
      https://ux.folio.org/storybook/?path=/story/checkbox--basic-usage
      Here's the PR:
      https://github.com/folio-org/ui-users/pull/1566
      Preview the changes here:
      https://folio-testing.dev.folio.org/users?filters=active.active&sort=name

        TestRail: Results

          Attachments

            Activity

              People

              Assignee:
              mpk35 Michal Kuklis
              Reporter:
              charlotte Charlotte Whitt
              Tester Assignee:
              Charlotte Whitt Charlotte Whitt
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  TestRail: Runs

                    TestRail: Cases