From e3cda36ba52acb2a0727a72ce395d3b390fd2d50 Mon Sep 17 00:00:00 2001 From: Thomas Lamprecht Date: Sat, 14 May 2022 18:51:54 +0200 Subject: [PATCH] ui: move prune input panel into own file Signed-off-by: Thomas Lamprecht --- www/Makefile | 1 + www/panel/PrunePanel.js | 100 ++++++++++++++++++++++++++++++++++++ www/window/DataStoreEdit.js | 100 ------------------------------------ 3 files changed, 101 insertions(+), 100 deletions(-) create mode 100644 www/panel/PrunePanel.js diff --git a/www/Makefile b/www/Makefile index e95345f17..60af9ca31 100644 --- a/www/Makefile +++ b/www/Makefile @@ -50,6 +50,7 @@ JSSRC= \ form/VerifyOutdatedAfter.js \ data/RunningTasksStore.js \ button/TaskButton.js \ + panel/PrunePanel.js \ config/UserView.js \ config/TokenView.js \ config/RemoteView.js \ diff --git a/www/panel/PrunePanel.js b/www/panel/PrunePanel.js new file mode 100644 index 000000000..60773725d --- /dev/null +++ b/www/panel/PrunePanel.js @@ -0,0 +1,100 @@ +Ext.define('PBS.panel.PruneInputPanel', { + extend: 'Proxmox.panel.InputPanel', + xtype: 'pbsPruneInputPanel', + + mixins: ['Proxmox.Mixin.CBind'], + + onlineHelp: 'maintenance_pruning', + + // show/hide dry-run field + dryrun: false, + + cbindData: function() { + let me = this; + me.isCreate = !!me.isCreate; + return { + ns: me.ns ?? '', + }; + }, + + onGetValues: function(values) { + if (values.ns === '') { + delete values.ns; + } + return values; + }, + + column1: [ + { + xtype: 'pbsPruneKeepInput', + name: 'keep-last', + fieldLabel: gettext('Keep Last'), + cbind: { + deleteEmpty: '{!isCreate}', + }, + }, + { + xtype: 'pbsPruneKeepInput', + name: 'keep-daily', + fieldLabel: gettext('Keep Daily'), + cbind: { + deleteEmpty: '{!isCreate}', + }, + }, + { + xtype: 'pbsPruneKeepInput', + name: 'keep-monthly', + fieldLabel: gettext('Keep Monthly'), + cbind: { + deleteEmpty: '{!isCreate}', + }, + }, + ], + column2: [ + { + xtype: 'pbsPruneKeepInput', + fieldLabel: gettext('Keep Hourly'), + name: 'keep-hourly', + cbind: { + deleteEmpty: '{!isCreate}', + }, + }, + { + xtype: 'pbsPruneKeepInput', + name: 'keep-weekly', + fieldLabel: gettext('Keep Weekly'), + cbind: { + deleteEmpty: '{!isCreate}', + }, + }, + { + xtype: 'pbsPruneKeepInput', + name: 'keep-yearly', + fieldLabel: gettext('Keep Yearly'), + cbind: { + deleteEmpty: '{!isCreate}', + }, + }, + ], + + columnB: [ + { + xtype: 'proxmoxcheckbox', + name: 'dry-run', + fieldLabel: gettext('Dry Run'), + cbind: { + hidden: '{!dryrun}', + disabled: '{!dryrun}', + }, + }, + { + xtype: 'proxmoxtextfield', + name: 'ns', + hidden: true, + cbind: { + value: '{ns}', + }, + }, + ], + +}); diff --git a/www/window/DataStoreEdit.js b/www/window/DataStoreEdit.js index f2e1ba7f1..aecf6b8de 100644 --- a/www/window/DataStoreEdit.js +++ b/www/window/DataStoreEdit.js @@ -1,103 +1,3 @@ -Ext.define('PBS.panel.PruneInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pbsPruneInputPanel', - - mixins: ['Proxmox.Mixin.CBind'], - - onlineHelp: 'maintenance_pruning', - - // show/hide dry-run field - dryrun: false, - - cbindData: function() { - let me = this; - me.isCreate = !!me.isCreate; - return { - ns: me.ns ?? '', - }; - }, - - onGetValues: function(values) { - if (values.ns === '') { - delete values.ns; - } - return values; - }, - - column1: [ - { - xtype: 'pbsPruneKeepInput', - name: 'keep-last', - fieldLabel: gettext('Keep Last'), - cbind: { - deleteEmpty: '{!isCreate}', - }, - }, - { - xtype: 'pbsPruneKeepInput', - name: 'keep-daily', - fieldLabel: gettext('Keep Daily'), - cbind: { - deleteEmpty: '{!isCreate}', - }, - }, - { - xtype: 'pbsPruneKeepInput', - name: 'keep-monthly', - fieldLabel: gettext('Keep Monthly'), - cbind: { - deleteEmpty: '{!isCreate}', - }, - }, - ], - column2: [ - { - xtype: 'pbsPruneKeepInput', - fieldLabel: gettext('Keep Hourly'), - name: 'keep-hourly', - cbind: { - deleteEmpty: '{!isCreate}', - }, - }, - { - xtype: 'pbsPruneKeepInput', - name: 'keep-weekly', - fieldLabel: gettext('Keep Weekly'), - cbind: { - deleteEmpty: '{!isCreate}', - }, - }, - { - xtype: 'pbsPruneKeepInput', - name: 'keep-yearly', - fieldLabel: gettext('Keep Yearly'), - cbind: { - deleteEmpty: '{!isCreate}', - }, - }, - ], - - columnB: [ - { - xtype: 'proxmoxcheckbox', - name: 'dry-run', - fieldLabel: gettext('Dry Run'), - cbind: { - hidden: '{!dryrun}', - disabled: '{!dryrun}', - }, - }, - { - xtype: 'proxmoxtextfield', - name: 'ns', - hidden: true, - cbind: { - value: '{ns}', - }, - }, - ], - -}); Ext.define('PBS.DataStoreEdit', { extend: 'Proxmox.window.Edit', alias: 'widget.pbsDataStoreEdit',