Content
View differences
Updated by Alexander Coles 16 days ago
### Acceptance criteria
Extract the following functionality from the `BacklogComponent` and meetings components into a reusable `BorderBoxList` component.
* action menus for header and rows (B/M)
* optional collapsible headers (B/M)
* enhancements for responsiveness (e.g. showing description on one or multiple rows depending on viewport) (B)
* optimised for display of work packages - using `InfoLinecomponent` (B/M) (implemented as a slot)
Key:
* B - supported by Backlogs
* M - supported by Meetings
`BorderBoxTable` is a similar component, but with table semantics. It does not support sorting and currently requires manual integration of action menus. We may replace `BorderBoxTable` with `DataTable` in the future (see ##70204)
<br>
#### Out of scope
* editable header titles (B/M)
* optional reordering via drag and drop (B/M) - #[75509](https://community.openproject.org/work_packages/75509)
* optional reordering via row (action) menu (B/M) - (possibly <mention class="mention" data-id="75509" data-type="work_package" data-text="#75509" data-display-id="75509">#75509</mention> )
* optional moving via row (action) menu (B) - (possibly #[75509](https://community.openproject.org/work_packages/75509))
* optional moving via drag and drop (B) - <mention class="mention" data-id="75509" data-type="work_package" data-text="#DREAM-698" data-display-id="DREAM-698">#DREAM-698</mention>
### Hints for QA
* The following enumerations pages have been migrated from regular Border Box lists to `BorderBoxListComponent`.
* _Administration / Time and costs / Time tracking_
* _Administration / Work packages / Priorities_
* Please check the lists render as before - there should be no discernible visual changes.
* Please check reordering functionality via drag and drop, and that action menus (`...`) display correctly.
Please also do a quick check of the Lookbook documentation page on [https://qa.openproject-edge.com/lookbook/pages/components/border\_box\_list](https://qa.openproject-edge.com/lookbook/pages/components/border_box_list), checking its previews load correctly. No need to do an in-depth review of the page content. #[75509](https://community.openproject.org/work_packages/75509)
Extract the following functionality from the `BacklogComponent` and meetings components into a reusable `BorderBoxList` component.
* action menus for header and rows (B/M)
* optional collapsible headers (B/M)
* enhancements for responsiveness (e.g. showing description on one or multiple rows depending on viewport) (B)
* optimised for display of work packages - using `InfoLinecomponent` (B/M) (implemented as a slot)
Key:
* B - supported by Backlogs
* M - supported by Meetings
`BorderBoxTable` is a similar component, but with table semantics. It does not support sorting and currently requires manual integration of action menus. We may replace `BorderBoxTable` with `DataTable` in the future (see ##70204)
<br>
#### Out of scope
* editable header titles (B/M)
* optional reordering via drag and drop (B/M) - #[75509](https://community.openproject.org/work_packages/75509)
* optional reordering via row (action) menu (B/M) - (possibly <mention class="mention" data-id="75509" data-type="work_package" data-text="#75509" data-display-id="75509">#75509</mention> )
* optional moving via row (action) menu (B) - (possibly #[75509](https://community.openproject.org/work_packages/75509))
* optional moving via drag and drop (B) - <mention class="mention" data-id="75509" data-type="work_package" data-text="#DREAM-698" data-display-id="DREAM-698">#DREAM-698</mention>
### Hints for QA
* The following enumerations pages have been migrated from regular Border Box lists to `BorderBoxListComponent`.
* _Administration / Time and costs / Time tracking_
* _Administration / Work packages / Priorities_
* Please check the lists render as before - there should be no discernible visual changes.
* Please check reordering functionality via drag and drop, and that action menus (`...`) display correctly.
Please also do a quick check of the Lookbook documentation page on [https://qa.openproject-edge.com/lookbook/pages/components/border\_box\_list](https://qa.openproject-edge.com/lookbook/pages/components/border_box_list), checking its previews load correctly. No need to do an in-depth review of the page content.