From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by lists.proxmox.com (Postfix) with ESMTPS id 720B092BE for ; Tue, 26 Apr 2022 08:24:22 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 6CAD2E6D8 for ; Tue, 26 Apr 2022 08:24:22 +0200 (CEST) Received: from proxmox-new.maurer-it.com (proxmox-new.maurer-it.com [94.136.29.106]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by firstgate.proxmox.com (Proxmox) with ESMTPS id A96A5E528 for ; Tue, 26 Apr 2022 08:24:17 +0200 (CEST) Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1]) by proxmox-new.maurer-it.com (Proxmox) with ESMTP id 7D63C42B74 for ; Tue, 26 Apr 2022 08:24:17 +0200 (CEST) From: Hannes Laimer To: pbs-devel@lists.proxmox.com Date: Tue, 26 Apr 2022 06:23:32 +0000 Message-Id: <20220426062335.6215-4-h.laimer@proxmox.com> X-Mailer: git-send-email 2.30.2 In-Reply-To: <20220426062335.6215-1-h.laimer@proxmox.com> References: <20220426062335.6215-1-h.laimer@proxmox.com> MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL 0.044 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Subject: [pbs-devel] [PATCH proxmox-backup v2 3/6] ui: update icon in datastore list when in maintenance mode X-BeenThere: pbs-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox Backup Server development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Tue, 26 Apr 2022 06:24:22 -0000 Signed-off-by: Hannes Laimer --- www/NavigationTree.js | 23 ++++++++++++++++------- www/css/ext6-pbs.css | 20 ++++++++++++++++++++ 2 files changed, 36 insertions(+), 7 deletions(-) diff --git a/www/NavigationTree.js b/www/NavigationTree.js index 576d05ab..196203f2 100644 --- a/www/NavigationTree.js +++ b/www/NavigationTree.js @@ -1,6 +1,6 @@ Ext.define('pbs-datastore-list', { extend: 'Ext.data.Model', - fields: ['name', 'comment'], + fields: ['name', 'comment', 'maintenance'], proxy: { type: 'proxmox', url: "/api2/json/admin/datastore", @@ -230,13 +230,22 @@ Ext.define('PBS.view.main.NavigationTree', { j++; } + let iconCls = 'fa fa-database'; + const maintenance = records[i].data.maintenance; + if (maintenance) { + iconCls = 'fa fa-database pmx-tree-icon-custom maintenance'; + } + + const child = { + text: name, + path: `DataStore-${name}`, + iconCls, + leaf: true, + }; if (getChildTextAt(j).localeCompare(name) !== 0) { - list.insertChild(j, { - text: name, - path: `DataStore-${name}`, - iconCls: 'fa fa-database', - leaf: true, - }); + list.insertChild(j, child); + } else { + list.replaceChild(child, list.getChildAt(j)); } } diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css index 9c782e93..3c8bed55 100644 --- a/www/css/ext6-pbs.css +++ b/www/css/ext6-pbs.css @@ -269,6 +269,26 @@ span.snapshot-comment-column { 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-icon-tape { -- 2.30.2