From: Hannes Laimer <h.laimer@proxmox.com>
To: pbs-devel@lists.proxmox.com
Subject: [pbs-devel] [PATCH proxmox-backup 1/4] ui: add summary mask when in maintenance mode
Date: Fri, 15 Apr 2022 07:28:14 +0000 [thread overview]
Message-ID: <20220415072817.14768-2-h.laimer@proxmox.com> (raw)
In-Reply-To: <20220415072817.14768-1-h.laimer@proxmox.com>
Signed-off-by: Hannes Laimer <h.laimer@proxmox.com>
---
www/Makefile | 1 +
www/css/ext6-pbs.css | 7 +++++++
www/datastore/Summary.js | 24 +++++++++++++++++++++++-
www/images/icon-maintenance.svg | 1 +
4 files changed, 32 insertions(+), 1 deletion(-)
create mode 100644 www/images/icon-maintenance.svg
diff --git a/www/Makefile b/www/Makefile
index 0952fb82..1331cff3 100644
--- a/www/Makefile
+++ b/www/Makefile
@@ -1,6 +1,7 @@
include ../defines.mk
IMAGES := \
+ images/icon-maintenance.svg \
images/icon-tape.svg \
images/icon-tape-drive.svg \
images/logo-128.png \
diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css
index f283bf0b..2edfa59e 100644
--- a/www/css/ext6-pbs.css
+++ b/www/css/ext6-pbs.css
@@ -257,6 +257,13 @@ span.snapshot-comment-column {
font-weight: 800;
}
+.pbs-maintenance-mask div.x-mask-msg-text {
+ padding-top: 33px;
+ background-repeat: no-repeat;
+ background-size: 28px;
+ background-image:url(../images/icon-maintenance.svg);
+}
+
/*' PBS specific icons */
.pbs-icon-tape {
diff --git a/www/datastore/Summary.js b/www/datastore/Summary.js
index c3769257..d2f3c18a 100644
--- a/www/datastore/Summary.js
+++ b/www/datastore/Summary.js
@@ -42,8 +42,30 @@ Ext.define('PBS.DataStoreInfo', {
xclass: 'Ext.app.ViewController',
onLoad: function(store, data, success) {
- if (!success) return;
let me = this;
+ if (!success) {
+ Proxmox.Utils.API2Request({
+ url: `/config/datastore/${me.view.datastore}`,
+ success: function(response) {
+ const config = response.result.data;
+ if (config['maintenance-mode']) {
+ const [_type, msg] = config['maintenance-mode'].split(/,(.+)/);
+ const message = msg ? ': ' + msg.split("=")[1]
+ .replace(/^"(.*)"$/, '$1')
+ .replaceAll('\\"', '"') : '';
+ me.view.el.mask(
+ `${gettext('Datastore is in maintenance mode')}${message}`,
+ 'pbs-maintenance-mask',
+ );
+ } else {
+ me.view.el.mask(gettext('Datastore is not available'));
+ }
+ },
+ });
+ return;
+ }
+ me.view.el.unmask();
+
let vm = me.getViewModel();
let counts = store.getById('counts').data.value;
diff --git a/www/images/icon-maintenance.svg b/www/images/icon-maintenance.svg
new file mode 100644
index 00000000..7cd369d9
--- /dev/null
+++ b/www/images/icon-maintenance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1664 1664" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><path fill="currentColor" d="M384 1344q0-26-19-45t-45-19t-45 19t-19 45t19 45t45 19t45-19t19-45zm644-420l-682 682q-37 37-90 37q-52 0-91-37L59 1498q-38-36-38-90q0-53 38-91l681-681q39 98 114.5 173.5T1028 924zm634-435q0 39-23 106q-47 134-164.5 217.5T1216 896q-185 0-316.5-131.5T768 448t131.5-316.5T1216 0q58 0 121.5 16.5T1445 63q16 11 16 28t-16 28l-293 169v224l193 107q5-3 79-48.5t135.5-81T1630 454q15 0 23.5 10t8.5 25z"/></svg>
\ No newline at end of file
--
2.30.2
next prev parent reply other threads:[~2022-04-15 7:28 UTC|newest]
Thread overview: 8+ messages / expand[flat|nested] mbox.gz Atom feed top
2022-04-15 7:28 [pbs-devel] [PATCH proxmox-backup 0/4] improve ui for " Hannes Laimer
2022-04-15 7:28 ` Hannes Laimer [this message]
2022-04-25 6:27 ` [pbs-devel] [PATCH proxmox-backup 1/4] ui: add summary mask when in " Thomas Lamprecht
2022-04-15 7:28 ` [pbs-devel] [PATCH proxmox-backup 2/4] api2: DataStoreListItem add maintenance info Hannes Laimer
2022-04-19 11:19 ` Fabian Grünbichler
2022-04-25 6:31 ` Thomas Lamprecht
2022-04-15 7:28 ` [pbs-devel] [PATCH proxmox-backup 3/4] ui: update icon in datastore list when in maintenance mode Hannes Laimer
2022-04-15 7:28 ` [pbs-devel] [PATCH proxmox-backup 4/4][optional] ui: update datastore list more often Hannes Laimer
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=20220415072817.14768-2-h.laimer@proxmox.com \
--to=h.laimer@proxmox.com \
--cc=pbs-devel@lists.proxmox.com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox