tyler
/
proxmox-backup
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ui: tape/Backup: add namespace and recursion field for manual backup 

and change the layout to two columns, because the window was getting
too tall.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak 2022-05-13 08:34:11 +02:00
parent 12d334615b
commit 80df7caded
1 changed files with 83 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
www/tape/window/TapeBackup.js
View File

@ -2,67 +2,98 @@ Ext.define('PBS.TapeManagement.TapeBackupWindow', {
extend: 'Proxmox.window.Edit',
alias: 'pbsTapeBackupWindow',
width: 400,
subject: gettext('Backup'),
url: '/api2/extjs/tape/backup',
method: 'POST',
showTaskViewer: true,
isCreate: true,
defaults: {
labelWidth: 150,
},
items: [
{
xtype: 'pbsDataStoreSelector',
fieldLabel: gettext('Datastore'),
name: 'store',
},
{
xtype: 'pbsMediaPoolSelector',
fieldLabel: gettext('Media Pool'),
name: 'pool',
},
{
xtype: 'pbsDriveSelector',
fieldLabel: gettext('Drive'),
name: 'drive',
},
{
xtype: 'proxmoxcheckbox',
name: 'force-media-set',
fieldLabel: gettext('Force new Media-Set'),
},
{
xtype: 'proxmoxcheckbox',
name: 'export-media-set',
fieldLabel: gettext('Export Media-Set'),
listeners: {
change: function(cb, value) {
let me = this;
let eject = me.up('window').down('proxmoxcheckbox[name=eject-media]');
if (value) {
eject.setValue(false);
}
eject.setDisabled(!!value);
xtype: 'inputpanel',
column1: [
{
xtype: 'pbsDataStoreSelector',
fieldLabel: gettext('Datastore'),
name: 'store',
listeners: {
change: function(_, value) {
let me = this;
if (value) {
let namespace = me.up('window').down('pbsNamespaceSelector');
namespace.setDatastore(value);
namespace.setDisabled(false);
me.up('window').down('pbsNamespaceMaxDepth').setDisabled(false);
}
},
},
},
},
},
{
xtype: 'proxmoxcheckbox',
name: 'eject-media',
fieldLabel: gettext('Eject Media'),
},
{
xtype: 'pmxUserSelector',
name: 'notify-user',
fieldLabel: gettext('Notify User'),
emptyText: 'root@pam',
value: null,
allowBlank: true,
skipEmptyText: true,
renderer: Ext.String.htmlEncode,
{
xtype: 'pbsNamespaceSelector',
fieldLabel: gettext('Namespace'),
disabled: true,
name: 'ns',
},
{
xtype: 'pbsNamespaceMaxDepth',
fieldLabel: gettext('Max Depth'),
disabled: true,
name: 'max-depth',
},
{
xtype: 'pbsMediaPoolSelector',
fieldLabel: gettext('Media Pool'),
name: 'pool',
},
{
xtype: 'pbsDriveSelector',
fieldLabel: gettext('Drive'),
name: 'drive',
},
],
column2: [
{
xtype: 'proxmoxcheckbox',
labelWidth: 150,
name: 'force-media-set',
fieldLabel: gettext('Force new Media-Set'),
},
{
xtype: 'proxmoxcheckbox',
labelWidth: 150,
name: 'export-media-set',
fieldLabel: gettext('Export Media-Set'),
listeners: {
change: function(cb, value) {
let me = this;
let eject = me.up('window').down('proxmoxcheckbox[name=eject-media]');
if (value) {
eject.setValue(false);
}
eject.setDisabled(!!value);
},
},
},
{
xtype: 'proxmoxcheckbox',
labelWidth: 150,
name: 'eject-media',
fieldLabel: gettext('Eject Media'),
},
{
xtype: 'pmxUserSelector',
labelWidth: 150,
name: 'notify-user',
fieldLabel: gettext('Notify User'),
emptyText: 'root@pam',
value: null,
allowBlank: true,
skipEmptyText: true,
renderer: Ext.String.htmlEncode,
},
],
},
],
});