highlight errors in grids

we gave erroneous entries in grids the class .x-form-invalid-field
but since we changed to the "crisp" theme, this class did not have any
highlighting

so instead we use our own "pve-invalid-row" class
and give it a light red background

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index f42e935e6b28a424b4da56e3771fbdb30b4bec78..b7dec9864b3247dc840050ec9a63b58522d80cf7 100644 (file)
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -517,3 +517,7 @@ table.osds td:first-of-type {
 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
     height: initial;
 }
+
+.pve-invalid-row {
+    background-color: #f3d6d7;
+}

diff --git a/www/manager6/dc/Log.js b/www/manager6/dc/Log.js
index aa14331a337ea237b93a16e1e40fc14cb8673952..62370eca498f411cdd2126261ac7aeddc463e688 100644 (file)
--- a/www/manager6/dc/Log.js
+++ b/www/manager6/dc/Log.js
@@ -36,7 +36,7 @@ Ext.define('PVE.dc.Log', {
                    var pri = record.get('pri');
 
                    if (pri && pri <= 3) {
-                       return "x-form-invalid-field";
+                       return "pve-invalid-row";
                    }
                }
            },

diff --git a/www/manager6/dc/Tasks.js b/www/manager6/dc/Tasks.js
index ad9a22ca8cc252e12f039ab68bcf783b60924b29..5d65bd2ef6d90d6af0037ba70bb05076d6d19c44 100644 (file)
--- a/www/manager6/dc/Tasks.js
+++ b/www/manager6/dc/Tasks.js
@@ -61,7 +61,7 @@ Ext.define('PVE.dc.Tasks', {
                    var status = record.get('status');
 
                    if (status && status != 'OK') {
-                       return "x-form-invalid-field";
+                       return "pve-invalid-row";
                    }
                }
            },

diff --git a/www/manager6/grid/FirewallRules.js b/www/manager6/grid/FirewallRules.js
index 92c3d350b97de5f48b688fbd37b0f750e7fee5e9..2cd79ab7d6bd6b498f3148b4ac0a4d31dd07d4b6 100644 (file)
--- a/www/manager6/grid/FirewallRules.js
+++ b/www/manager6/grid/FirewallRules.js
@@ -629,7 +629,7 @@ Ext.define('PVE.FirewallRules', {
        var render_errors = function(name, value, metaData, record) {
            var errors = record.data.errors;
            if (errors && errors[name]) {
-               metaData.tdCls = 'x-form-invalid-field';
+               metaData.tdCls = 'pve-invalid-row';
                var html = '<p>' +  Ext.htmlEncode(errors[name]) + '</p>';
                metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + 
                    html.replace(/\"/g,'&quot;') + '"';

diff --git a/www/manager6/ha/Resources.js b/www/manager6/ha/Resources.js
index 9f716eb36fadc8292abc7daced26a0886857f042..a73a38adaed148cdf1e2f79a9f03a19aa7385662 100644 (file)
--- a/www/manager6/ha/Resources.js
+++ b/www/manager6/ha/Resources.js
@@ -35,7 +35,7 @@ Ext.define('PVE.ha.ResourcesView', {
            if (errors) {
                var msg = errors[dataIndex];
                if (msg) {
-                   metaData.tdCls = 'x-form-invalid-field';
+                   metaData.tdCls = 'pve-invalid-row';
                    var html = '<p>' +  Ext.htmlEncode(msg) + '</p>';
                    metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + 
                        html.replace(/\"/g,'&quot;') + '"';

diff --git a/www/manager6/node/Tasks.js b/www/manager6/node/Tasks.js
index b7c31346eae2fab2fc7e137403bb95dc4f648406..7d3b07546f29b5c8455b45bee3e6aeaecef37104 100644 (file)
--- a/www/manager6/node/Tasks.js
+++ b/www/manager6/node/Tasks.js
@@ -82,7 +82,7 @@ Ext.define('PVE.node.Tasks', {
                    var status = record.get('status');
 
                    if (status && status != 'OK') {
-                       return "x-form-invalid-field";
+                       return "pve-invalid-row";
                    }
                }
            },

diff --git a/www/manager6/panel/IPSet.js b/www/manager6/panel/IPSet.js
index beae5dc1265e6e28ced92181b5eab97083b99e83..c020a2f39d96cf83ef9b0574672c197f125aba1d 100644 (file)
--- a/www/manager6/panel/IPSet.js
+++ b/www/manager6/panel/IPSet.js
@@ -372,7 +372,7 @@ Ext.define('PVE.IPSetGrid', {
            if (errors) {
                var msg = errors.cidr || errors.nomatch;
                if (msg) {
-                   metaData.tdCls = 'x-form-invalid-field';
+                   metaData.tdCls = 'pve-invalid-row';
                    var html = '<p>' +  Ext.htmlEncode(msg) + '</p>';
                    metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + 
                        html.replace(/\"/g,'&quot;') + '"';