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 16D93605F9 for ; Wed, 2 Feb 2022 10:50:30 +0100 (CET) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id C86FF19D6A for ; Wed, 2 Feb 2022 10:50:29 +0100 (CET) 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 8C58819D13 for ; Wed, 2 Feb 2022 10:50:26 +0100 (CET) Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1]) by proxmox-new.maurer-it.com (Proxmox) with ESMTP id AAACB46CC2 for ; Wed, 2 Feb 2022 10:50:22 +0100 (CET) From: Dominik Csapak To: pbs-devel@lists.proxmox.com Date: Wed, 2 Feb 2022 10:50:19 +0100 Message-Id: <20220202095019.1799843-11-d.csapak@proxmox.com> X-Mailer: git-send-email 2.30.2 In-Reply-To: <20220202095019.1799843-1-d.csapak@proxmox.com> References: <20220202095019.1799843-1-d.csapak@proxmox.com> MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL 0.163 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 T_SCC_BODY_TEXT_LINE -0.01 - Subject: [pbs-devel] [PATCH proxmox-backup v5 8/8] ui: add MetricServerView and use it 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: Wed, 02 Feb 2022 09:50:30 -0000 simple CRUD interface to show/add/edit/delete metric servers it's a bit different from PVE's so that it's harder to reuse that to copy it. If we need it again, we can still refactor and combine them. Signed-off-by: Dominik Csapak --- www/Makefile | 1 + www/NavigationTree.js | 6 ++ www/config/MetricServerView.js | 145 +++++++++++++++++++++++++++++++++ 3 files changed, 152 insertions(+) create mode 100644 www/config/MetricServerView.js diff --git a/www/Makefile b/www/Makefile index df471e2c..08062dfc 100644 --- a/www/Makefile +++ b/www/Makefile @@ -56,6 +56,7 @@ JSSRC= \ config/WebauthnView.js \ config/CertificateView.js \ config/NodeOptionView.js \ + config/MetricServerView.js \ window/ACLEdit.js \ window/BackupFileDownloader.js \ window/BackupGroupChangeOwner.js \ diff --git a/www/NavigationTree.js b/www/NavigationTree.js index 576d05ab..4d7d4280 100644 --- a/www/NavigationTree.js +++ b/www/NavigationTree.js @@ -62,6 +62,12 @@ Ext.define('PBS.store.NavigationStore', { path: 'pbsCertificateConfiguration', leaf: true, }, + { + text: gettext('Metric Server'), + iconCls: 'fa fa-bar-chart', + path: 'pbsMetricServerView', + leaf: true, + }, { text: gettext('Subscription'), iconCls: 'fa fa-support', diff --git a/www/config/MetricServerView.js b/www/config/MetricServerView.js new file mode 100644 index 00000000..b904a427 --- /dev/null +++ b/www/config/MetricServerView.js @@ -0,0 +1,145 @@ +Ext.define('PBS.config.MetricServerView', { + extend: 'Ext.grid.Panel', + alias: ['widget.pbsMetricServerView'], + + stateful: true, + stateId: 'grid-metricserver', + + controller: { + xclass: 'Ext.app.ViewController', + + render_type: function(value) { + switch (value) { + case 'influxdb-http': return "InfluxDB (HTTP)"; + case 'influxdb-udp': return "InfluxDB (UDP)"; + default: return Proxmox.Utils.unknownText; + } + }, + + get_xtype: function(value) { + switch (value) { + case 'influxdb-http': return "InfluxDbHttp"; + case 'influxdb-udp': return "InfluxDbUdp"; + default: throw "invalid type"; + } + }, + + editWindow: function(xtype, id) { + let me = this; + Ext.create(`PBS.window.${xtype}Edit`, { + serverid: id, + autoShow: true, + autoLoad: true, + listeners: { + destroy: () => me.reload(), + }, + }); + }, + + addServer: function(button) { + this.editWindow(this.get_xtype(button.type)); + }, + + editServer: function() { + let me = this; + let view = me.getView(); + let selection = view.getSelection(); + if (!selection || selection.length < 1) { + return; + } + + let cfg = selection[0].data; + + let xtype = me.get_xtype(cfg.type); + me.editWindow(xtype, cfg.name); + }, + + reload: function() { + this.getView().getStore().load(); + }, + }, + + store: { + autoLoad: true, + id: 'metricservers', + proxy: { + type: 'proxmox', + url: '/api2/json/admin/metricserver', + }, + }, + + columns: [ + { + text: gettext('Name'), + flex: 2, + dataIndex: 'name', + }, + { + text: gettext('Type'), + width: 150, + dataIndex: 'type', + renderer: 'render_type', + }, + { + text: gettext('Enabled'), + dataIndex: 'disable', + width: 100, + renderer: Proxmox.Utils.format_neg_boolean, + }, + { + text: gettext('Target Server'), + width: 200, + dataIndex: 'server', + }, + { + text: gettext('Comment'), + flex: 3, + dataIndex: 'comment', + renderer: Ext.htmlEncode, + }, + ], + + tbar: [ + { + text: gettext('Add'), + menu: [ + { + text: 'InfluxDB (HTTP)', + type: 'influxdb-http', + iconCls: 'fa fa-fw fa-bar-chart', + handler: 'addServer', + }, + { + text: 'InfluxDB (UDP)', + type: 'influxdb-udp', + iconCls: 'fa fa-fw fa-bar-chart', + handler: 'addServer', + }, + ], + }, + { + text: gettext('Edit'), + xtype: 'proxmoxButton', + handler: 'editServer', + disabled: true, + }, + { + xtype: 'proxmoxStdRemoveButton', + getUrl: (rec) => `/api2/extjs/config/metricserver/${rec.data.type}/${rec.data.name}`, + getRecordName: (rec) => rec.data.name, + callback: 'reload', + }, + ], + + listeners: { + itemdblclick: 'editServer', + }, + + initComponent: function() { + var me = this; + + me.callParent(); + + Proxmox.Utils.monStoreErrors(me, me.getStore()); + }, +}); -- 2.30.2