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>
This commit is contained in:
Dominik Csapak 2017-04-14 10:09:24 +02:00 committed by Dietmar Maurer
parent 5854ecdfca
commit cc83c7b862
7 changed files with 10 additions and 6 deletions

View File

@ -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;
}

View File

@ -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";
}
}
},

View File

@ -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";
}
}
},

View File

@ -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;') + '"';

View File

@ -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;') + '"';

View File

@ -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";
}
}
},

View File

@ -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;') + '"';