[pve-devel] [PATCH v3 manager/widget-toolkit 0/2] ui: replace non-clickable checkboxes with icons

Lukas Wagner l.wagner at proxmox.com
Thu Jan 26 11:47:09 CET 2023


In our UI, we've been a bit inconsistent with the use of checkboxes/text
for `enabled` properties in table views. Looking through the UI, I've
found that the following UI elements use a checkbox UI control to
indicate wheter something is enabled or not:

 * backup job overview
 * APT repository overview
 * replication job overview

While looking sleek, the problem with this is that from a user's
perspective, a checkbox generally implies that it is operable by
clicking on it (which we allow in other places, to make the matter even
more confusing). Now, for the three UI elements mentioned above, I would
say it is a good thing that they are not manipulateable from the overview,
in order to avoid any accidental modifications.

In this patch series, the checkbox is replaced by a checkmark
(fa-check) icon if enabled, or by a minus/dash (fa-minus) icon if disabled.

Note: Firewall configuration also uses a checkbox, however there it is
possible to enable/disable elements by clicking on the checkbox.
As mentioned by Thomas in v1, this could be replaced by a more explicit
icon-based toggle button in a future series.

Changes v2 -> v3:
  * Fixed typo 'dataindex' -> 'dataIndex'
  * Use camel case for render function
  * Use arrow functions
  * Remove spurious newline

proxmox-widget-toolkit:
Lukas Wagner (1):
  repo view: replace non-clickable checkbox with icons

 src/Utils.js                | 2 ++
 src/node/APTRepositories.js | 6 ++----
 2 files changed, 4 insertions(+), 4 deletions(-)

pve-manager:
Lukas Wagner (1):
 ui: backup: replication: replace non-clickable checkbox with icons

 www/manager6/dc/Backup.js        | 7 +++----
 www/manager6/grid/Replication.js | 7 ++++---
 2 files changed, 7 insertions(+), 7 deletions(-)
-- 
2.30.2






More information about the pve-devel mailing list