From fb0d9833af55c793fb2679c6a0197a59b32bc1cb Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Tue, 3 Nov 2020 14:49:04 +0100
Subject: [PATCH] ui: task filter: add button icons

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 www/css/ext6-pbs.css | 4 ++++
 www/panel/Tasks.js   | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css
index 6325c076..fb5df3ab 100644
--- a/www/css/ext6-pbs.css
+++ b/www/css/ext6-pbs.css
@@ -14,6 +14,10 @@
     background-color: #3892d4;
 }
 
+.info-blue {
+    color: #3892d4;
+}
+
 /* make the upper window end visible */
 .x-css-shadow {
     box-shadow: rgb(136,136,136) 0px -1px 15px !important;
diff --git a/www/panel/Tasks.js b/www/panel/Tasks.js
index 7fb3ed02..a194e478 100644
--- a/www/panel/Tasks.js
+++ b/www/panel/Tasks.js
@@ -84,6 +84,7 @@ Ext.define('PBS.node.Tasks', {
 	},
 
 	formulas: {
+	    filterIcon: (get) => 'fa fa-filter' + (get('showFilter') ? ' info-blue' : ''),
 	    extraParams: function(get) {
 		let me = this;
 		let params = {};
@@ -145,18 +146,23 @@ Ext.define('PBS.node.Tasks', {
 		{
 		    xtype: 'proxmoxButton',
 		    text: gettext('View'),
+		    iconCls: 'fa fa-window-restore',
 		    disabled: true,
 		    handler: 'showTaskLog',
 		},
 		{
 		    xtype: 'button',
 		    text: gettext('Reload'),
+		    iconCls: 'fa fa-refresh',
 		    handler: 'reload',
 		},
 		'->',
 		{
 		    xtype: 'button',
 		    enableToggle: true,
+		    bind: {
+			iconCls: '{filterIcon}',
+		    },
 		    text: gettext('Filter'),
 		    stateful: true,
 		    stateId: 'task-showfilter',