agama-project / agama / 17103116957 / 3 – web

74%

master: 74%

push

github

refactor(web): improve appearance and performace of DASD page  (#2648)

## Problem

Some users have reported that the DASD page hangs for them, although it
hasn't be reproducible by the Agama team members until now.

- https://bugzilla.suse.com/show_bug.cgi?id=1247444 (protected link)
- https://trello.com/c/dZK5hrG5/ (protected link)

## Solution

Although the issue couldn't be reproduced, the entire page has been
reimplemented to use the same component that the main storage page uses
for creating the device selector. This change helps reduce duplicated
code, brings the page up to date, and increases the chances of catching
bugs earlier in the shared component.

In addition to the component migration, several usability improvements
have been made:

* Reduced nesting, more horizontal space
* Added new filtering options
* Hints to help users discover bulk actions, now as control buttons
instead of a selector
* Ability to apply actions directly to individual devices without
selecting them first
* UI is now blocked while actions are in progress, preventing
interactions with potentially stale data

## Screenshots

<details>
<summary>Click to show/hide some screenshots</summary>

---

<em>Note: these screenshots might be outdated. They will not be updated
during code review unless the interface changes drastically due to
requested changes.</em>


* General view

<img width="2560" height="1706" alt="localhost_8080_ (31)"
src="https://github.com/user-attachments/assets/7c335994-ffc4-4ef5-b5a1-452185f9cf53"
/>

* Actions per device/row

<img width="2560" height="1706" alt="localhost_8080_ (38)"
src="https://github.com/user-attachments/assets/a0ac3083-547e-4e3a-b8cd-1fe7976ccade"
/>


* Filtering without results

<img width="2560" height="1706" alt="localhost_8080_ (39)"
src="https://github.com/user-attachments/assets/037fcf24-db0c-421e-a364-b4ac4eecf553"
/>

* Actions in progress

<img width="2560" height="1706" alt="localhost_8080_ (37)"
src="https://github.c... (continued)

2224 of 3989 branches covered (55.75%)

Branch coverage included in aggregate %.

11936 of 16662 relevant lines covered (71.64%)

70.93 hits per line