ui: update icon in datastore list when in maintenance mode
Signed-off-by: Hannes Laimer <h.laimer@proxmox.com>
This commit is contained in:
parent
e022d13cf3
commit
adf5dcba8d
|
@ -1,6 +1,6 @@
|
||||||
Ext.define('pbs-datastore-list', {
|
Ext.define('pbs-datastore-list', {
|
||||||
extend: 'Ext.data.Model',
|
extend: 'Ext.data.Model',
|
||||||
fields: ['name', 'comment'],
|
fields: ['name', 'comment', 'maintenance'],
|
||||||
proxy: {
|
proxy: {
|
||||||
type: 'proxmox',
|
type: 'proxmox',
|
||||||
url: "/api2/json/admin/datastore",
|
url: "/api2/json/admin/datastore",
|
||||||
|
@ -236,13 +236,22 @@ Ext.define('PBS.view.main.NavigationTree', {
|
||||||
j++;
|
j++;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (getChildTextAt(j).localeCompare(name) !== 0) {
|
let iconCls = 'fa fa-database';
|
||||||
list.insertChild(j, {
|
const maintenance = records[i].data.maintenance;
|
||||||
|
if (maintenance) {
|
||||||
|
iconCls = 'fa fa-database pmx-tree-icon-custom maintenance';
|
||||||
|
}
|
||||||
|
|
||||||
|
const child = {
|
||||||
text: name,
|
text: name,
|
||||||
path: `DataStore-${name}`,
|
path: `DataStore-${name}`,
|
||||||
iconCls: 'fa fa-database',
|
iconCls,
|
||||||
leaf: true,
|
leaf: true,
|
||||||
});
|
};
|
||||||
|
if (getChildTextAt(j).localeCompare(name) !== 0) {
|
||||||
|
list.insertChild(j, child);
|
||||||
|
} else {
|
||||||
|
list.replaceChild(child, list.getChildAt(j));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -269,6 +269,26 @@ span.snapshot-comment-column {
|
||||||
content: "\f0ad";
|
content: "\f0ad";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* the small icons TODO move to proxmox-widget-toolkit */
|
||||||
|
.pmx-tree-icon-custom:after {
|
||||||
|
position: relative;
|
||||||
|
left: -4px;
|
||||||
|
top: 2px;
|
||||||
|
font-size: 0.8em;
|
||||||
|
text-shadow: -1px 0px 2px #fff;
|
||||||
|
content: "\ ";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* datastore maintenance */
|
||||||
|
.pmx-tree-icon-custom.maintenance:after {
|
||||||
|
content: "\f0ad";
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pmx-tree-icon-custom.maintenance:before {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
/*' PBS specific icons */
|
/*' PBS specific icons */
|
||||||
|
|
||||||
.pbs-icon-tape {
|
.pbs-icon-tape {
|
||||||
|
|
Loading…
Reference in New Issue