ui: task filter: add button icons

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2020-11-03 14:49:04 +01:00
parent bfe4b7d782
commit fb0d9833af
2 changed files with 10 additions and 0 deletions

View File

@ -14,6 +14,10 @@
background-color: #3892d4; background-color: #3892d4;
} }
.info-blue {
color: #3892d4;
}
/* make the upper window end visible */ /* make the upper window end visible */
.x-css-shadow { .x-css-shadow {
box-shadow: rgb(136,136,136) 0px -1px 15px !important; box-shadow: rgb(136,136,136) 0px -1px 15px !important;

View File

@ -84,6 +84,7 @@ Ext.define('PBS.node.Tasks', {
}, },
formulas: { formulas: {
filterIcon: (get) => 'fa fa-filter' + (get('showFilter') ? ' info-blue' : ''),
extraParams: function(get) { extraParams: function(get) {
let me = this; let me = this;
let params = {}; let params = {};
@ -145,18 +146,23 @@ Ext.define('PBS.node.Tasks', {
{ {
xtype: 'proxmoxButton', xtype: 'proxmoxButton',
text: gettext('View'), text: gettext('View'),
iconCls: 'fa fa-window-restore',
disabled: true, disabled: true,
handler: 'showTaskLog', handler: 'showTaskLog',
}, },
{ {
xtype: 'button', xtype: 'button',
text: gettext('Reload'), text: gettext('Reload'),
iconCls: 'fa fa-refresh',
handler: 'reload', handler: 'reload',
}, },
'->', '->',
{ {
xtype: 'button', xtype: 'button',
enableToggle: true, enableToggle: true,
bind: {
iconCls: '{filterIcon}',
},
text: gettext('Filter'), text: gettext('Filter'),
stateful: true, stateful: true,
stateId: 'task-showfilter', stateId: 'task-showfilter',