node/services: show masked and some unknown units as disabled (greyed out)

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 08e10cb6d01f8a35c0f74e0fb64fec47a03cecb1..74c48bc7c51a07efa2410817948dd9f788a6f636 100644 (file)
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -10,6 +10,11 @@
     text-align: center;
 }
 
+.proxmox-disabled-row, .proxmox-disabled-row td {
+    /*color: #a0a0a0;*/
+    color: #666665;
+}
+
 .proxmox-invalid-row {
     background-color: #f3d6d7;
 }

diff --git a/src/node/ServiceView.js b/src/node/ServiceView.js
index ae02ed48af74bda0867a06b1a407e71085b13f52..d55c57adda76bbc5664b4aded0a183499aaea66c 100644 (file)
--- a/src/node/ServiceView.js
+++ b/src/node/ServiceView.js
@@ -147,6 +147,25 @@ Ext.define('Proxmox.node.ServiceView', {
        Proxmox.Utils.monStoreErrors(me, rstore);
 
        Ext.apply(me, {
+           viewConfig: {
+               trackOver: false,
+               stripeRows: false, // does not work with getRowClass()
+               getRowClass: function(record, index) {
+                   let unitState = record.get('unit-state');
+                   if (!unitState) {
+                       return '';
+                   }
+                   if (unitState === 'masked') {
+                       return "proxmox-disabled-row";
+                   } else if (unitState === 'unknown') {
+                       if (record.get('name') === 'syslog') {
+                           return "proxmox-disabled-row"; // replaced by journal on most hosts
+                       }
+                       return "proxmox-warning-row";
+                   }
+                   return '';
+               },
+           },
            store: store,
            stateful: false,
            tbar: [start_btn, stop_btn, restart_btn, syslog_btn],