Openbravo Issue Tracking System - POS2
The interaction pattern of this sorting component is not intuitive, as it does not allow the user to identify the type of sorting selected or its direction. In order to switch sorting types, the user has to press on the arrows instead of the header and if they want to change the sorting direction of a selected type, they have to click again on the arrows, which is not an intuitive action.
- Click on orders.
- resize the screen until list mode is showing.
- On the list header, click "Order No"
- Notice how nothing happens.
- On the list header, click on the arrows.
- Select "Created".
- Notice how the header still shows "Order No" as the header title with both up/down arrow icons active.
- On the list header, click on the arrows.
- Notice that in the pop-up, the "Created" option will have an active upwards arrow on the right with (a-z).
- Click on that active upwards arrow (a-z).
- Notice that sorting has changed but the header doesn't reflect how.
- On the list header, click again on the up/down arrows.
- Notice how on the "created" option, the sorting direction has changed (z-a).
- Add a label text "Sort by" on the header list, on top of the header title.
- The header title always reflects the sorting type, this means that if the title is showing "Order Nº" the list should be sorted accordingly.
- The header title should be interactive. When the user clicks on it, the pop-up with the sorting options appear.
- The icon on the right of the header title should be interactive and reflect the sorting direction, this means that if the list has an ascendant order, the icon is an upwards arrow.
- If the user clicks/presses on the arrow, the sorting direction should change to its opposite and the icon updates accordingly. This means that if the icon is an upward arrow, the sorting direction is ascendant, if the user clicks on it, the icon updates to a downwards arrow and the sorting on the list updates to descendant.
- The icon of the arrow should be updated to the one in the figma file.
Attached you will find a .png of the updated design.
| related to | defect | 0054657 | closed | ablasco | Revert - Default ordering in DocumentNo in Order Window causes cypress test fails | |
| related to | feature request | 0054375 | closed | jarmendariz | Add callback methods to Grid when the grid actions popover is shown/hidden | |
| related to | defect | 0055119 | new | Triage Platform Base | DataGridSorting Cypress test is not executed in runFeaturesSpecPOS2 |
Sorting component_solution.png (32,536) 2023-11-24 14:07https://issues.openbravo.com/file_download.php?file_id=19180&type=bug