ui: ceph status: add pg warning state

Like ceph mgr dashboard, we need a warning state.

- set degraded as warning instead working
- set undersized as warning instead error
- rename error as critical
- add "busy" (info-blue) color for working state
- use warning (orange) color for warning state

Signed-off-by: Alexandre Derumier <aderumier@odiso.com>
Tested-By: Aaron Lauterer <a.lauterer@proxmox.com>
Reviewed-By: Aaron Lauterer <a.lauterer@proxmox.com>
 [ TL: fold in CSS class addition ]
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index 782c90442ecec241e8bac868f58f8a574ceada43..e18b173f510e6ccac15b5e4e2da10ec1932d487a 100644 (file)
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -718,6 +718,10 @@ table.osds td:first-of-type {
     font-weight: normal;
 }
 
+.pve-ceph-status-busy {
+    color: #3892d4;
+}
+
 .pmx-opacity-75 {
     opacity: 0.75;
 }

diff --git a/www/manager6/ceph/StatusDetail.js b/www/manager6/ceph/StatusDetail.js
index d6c0763be27be0e10279e5eb371375decf36bdfe..68896c821c3bd3161cc96094c32546fbdb375351 100644 (file)
--- a/www/manager6/ceph/StatusDetail.js
+++ b/www/manager6/ceph/StatusDetail.js
@@ -94,6 +94,7 @@ Ext.define('PVE.ceph.StatusDetail', {
        colors: [
            '#CFCFCF',
            '#21BF4B',
+           '#3892d4',
            '#FFCC00',
            '#FF6C59',
        ],
@@ -152,7 +153,6 @@ Ext.define('PVE.ceph.StatusDetail', {
        backfilling: 2,
        creating: 2,
        deep: 2,
-       degraded: 2,
        forced_backfill: 2,
        forced_recovery: 2,
        peered: 2,
@@ -165,17 +165,20 @@ Ext.define('PVE.ceph.StatusDetail', {
        snaptrim: 2,
        snaptrim_wait: 2,
 
-       // error
-       backfill_toofull: 3,
-       backfill_unfound: 3,
-       down: 3,
-       incomplete: 3,
-       inconsistent: 3,
-       recovery_toofull: 3,
-       recovery_unfound: 3,
-       snaptrim_error: 3,
-       stale: 3,
+       // warning
+       degraded: 3,
        undersized: 3,
+
+       // critical
+       backfill_toofull: 4,
+       backfill_unfound: 4,
+       down: 4,
+       incomplete: 4,
+       inconsistent: 4,
+       recovery_toofull: 4,
+       recovery_unfound: 4,
+       snaptrim_error: 4,
+       stale: 4,
     },
 
     statecategories: [
@@ -191,10 +194,14 @@ Ext.define('PVE.ceph.StatusDetail', {
        },
        {
            text: gettext('Working'),
+           cls: 'pve-ceph-status-busy',
+       },
+       {
+           text: gettext('Warning'),
            cls: 'warning',
        },
        {
-           text: gettext('Error'),
+           text: gettext('Critical'),
            cls: 'critical',
        },
     ],