1 Ext
.define('PVE.dc.BackupEdit', {
2 extend
: 'Proxmox.window.Edit',
3 alias
: ['widget.pveDcBackupEdit'],
5 defaultFocus
: undefined,
7 initComponent : function() {
10 me
.isCreate
= !me
.jobid
;
16 url
= '/api2/extjs/cluster/backup';
19 url
= '/api2/extjs/cluster/backup/' + me
.jobid
;
23 var vmidField
= Ext
.create('Ext.form.field.Hidden', {
27 // 'value' can be assigned a string or an array
28 var selModeField
= Ext
.create('Proxmox.form.KVComboBox', {
29 xtype
: 'proxmoxKVComboBox',
31 ['include', gettext('Include selected VMs')],
32 ['all', gettext('All')],
33 ['exclude', gettext('Exclude selected VMs')],
34 ['pool', gettext('Pool based')]
36 fieldLabel
: gettext('Selection mode'),
41 var sm
= Ext
.create('Ext.selection.CheckboxModel', {
44 selectionchange: function(model
, selected
) {
46 Ext
.Array
.each(selected
, function(record
) {
47 sel
.push(record
.data
.vmid
);
50 // to avoid endless recursion suspend the vmidField change
51 // event temporary as it calls us again
52 vmidField
.suspendEvent('change');
53 vmidField
.setValue(sel
);
54 vmidField
.resumeEvent('change');
59 var storagesel
= Ext
.create('PVE.form.StorageSelector', {
60 fieldLabel
: gettext('Storage'),
61 nodename
: 'localhost',
62 storageContent
: 'backup',
67 var store
= new Ext
.data
.Store({
68 model
: 'PVEResources',
75 var vmgrid
= Ext
.createWidget('grid', {
88 header
: gettext('Node'),
92 header
: gettext('Status'),
94 renderer: function(value
) {
96 return Proxmox
.Utils
.runningText
;
98 return Proxmox
.Utils
.stoppedText
;
103 header
: gettext('Name'),
108 header
: gettext('Type'),
114 var selectPoolMembers = function(poolid
) {
118 sm
.deselectAll(true);
129 var selPool
= Ext
.create('PVE.form.PoolSelector', {
130 fieldLabel
: gettext('Pool to backup'),
135 change: function( selpool
, newValue
, oldValue
) {
136 selectPoolMembers(newValue
);
141 var nodesel
= Ext
.create('PVE.form.NodeSelector', {
143 fieldLabel
: gettext('Node'),
147 emptyText
: '-- ' + gettext('All') + ' --',
149 change: function(f
, value
) {
150 storagesel
.setNodename(value
|| 'localhost');
151 var mode
= selModeField
.getValue();
153 store
.filterBy(function(rec
) {
154 return (!value
|| rec
.get('node') === value
);
156 if (mode
=== 'all') {
160 if (mode
=== 'pool') {
161 selectPoolMembers(selPool
.value
);
171 xtype
: 'pveDayOfWeekSelector',
173 fieldLabel
: gettext('Day of week'),
180 fieldLabel
: gettext('Start Time'),
194 fieldLabel
: gettext('Send email to'),
198 xtype
: 'pveEmailNotificationSelector',
199 fieldLabel
: gettext('Email notification'),
200 name
: 'mailnotification',
201 deleteEmpty
: me
.isCreate
? false : true,
202 value
: me
.isCreate
? 'always' : ''
205 xtype
: 'pveCompressionSelector',
206 fieldLabel
: gettext('Compression'),
208 deleteEmpty
: me
.isCreate
? false : true,
212 xtype
: 'pveBackupModeSelector',
213 fieldLabel
: gettext('Mode'),
218 xtype
: 'proxmoxcheckbox',
219 fieldLabel
: gettext('Enable'),
228 var ipanel
= Ext
.create('Proxmox.panel.InputPanel', {
229 onlineHelp
: 'chapter_vzdump',
232 onGetValues: function(values
) {
235 Proxmox
.Utils
.assemble_field_data(values
, { 'delete': 'node' });
240 var selMode
= values
.selMode
;
241 delete values
.selMode
;
243 if (selMode
=== 'all') {
247 } else if (selMode
=== 'exclude') {
249 values
.exclude
= values
.vmid
;
251 } else if (selMode
=== 'pool') {
255 if (selMode
!== 'pool') {
262 var update_vmid_selection = function(list
, mode
) {
263 if (mode
!== 'all' && mode
!== 'pool') {
264 sm
.deselectAll(true);
266 Ext
.Array
.each(list
.split(','), function(vmid
) {
267 var rec
= store
.findRecord('vmid', vmid
);
269 sm
.select(rec
, true);
276 vmidField
.on('change', function(f
, value
) {
277 var mode
= selModeField
.getValue();
278 update_vmid_selection(value
, mode
);
281 selModeField
.on('change', function(f
, value
, oldValue
) {
282 if (oldValue
=== 'pool') {
283 store
.removeFilter('poolFilter');
286 if (oldValue
=== 'all') {
287 sm
.deselectAll(true);
288 vmidField
.setValue('');
291 if (value
=== 'all') {
293 vmgrid
.setDisabled(true);
295 vmgrid
.setDisabled(false);
298 if (value
=== 'pool') {
299 vmgrid
.setDisabled(true);
300 vmidField
.setValue('');
301 selPool
.setVisible(true);
302 selPool
.allowBlank
= false;
303 selectPoolMembers(selPool
.value
);
306 selPool
.setVisible(false);
307 selPool
.allowBlank
= true;
309 var list
= vmidField
.getValue();
310 update_vmid_selection(list
, value
);
313 var reload = function() {
315 params
: { type
: 'vm' },
316 callback: function() {
317 var node
= nodesel
.getValue();
319 store
.filterBy(function(rec
) {
320 return (!node
|| node
.length
=== 0 || rec
.get('node') === node
);
322 var list
= vmidField
.getValue();
323 var mode
= selModeField
.getValue();
324 if (mode
=== 'all') {
326 } else if (mode
=== 'pool'){
327 selectPoolMembers(selPool
.value
);
329 update_vmid_selection(list
, mode
);
336 subject
: gettext("Backup Job"),
339 items
: [ ipanel
, vmgrid
]
345 selModeField
.setValue('include');
348 success: function(response
, options
) {
349 var data
= response
.result
.data
;
351 data
.dow
= data
.dow
.split(',');
353 if (data
.all
|| data
.exclude
) {
355 data
.vmid
= data
.exclude
;
356 data
.selMode
= 'exclude';
359 data
.selMode
= 'all';
361 } else if (data
.pool
) {
362 data
.selMode
= 'pool';
363 data
.selPool
= data
.pool
;
365 data
.selMode
= 'include';
378 Ext
.define('PVE.dc.BackupDiskTree', {
379 extend
: 'Ext.tree.Panel',
380 alias
: 'widget.pveBackupDiskTree',
393 tooltip
: gettext('Expand All'),
395 callback: function(panel
) {
401 tooltip
: gettext('Collapse All'),
403 callback: function(panel
) {
412 text
: gettext('Guest Image'),
413 renderer: function(value
, meta
, record
) {
414 if (record
.data
.type
) {
417 if (record
.data
.name
) {
418 ret
+= " (" + record
.data
.name
+ ")";
423 // extJS needs unique IDs but we only want to show the
424 // volumes key from "vmid:key"
425 return value
.split(':')[1] + " - " + record
.data
.name
;
432 text
: gettext('Type'),
437 text
: gettext('Backup Job'),
438 renderer
: PVE
.Utils
.render_backup_status
,
439 dataIndex
: 'included',
446 var sm
= me
.getSelectionModel();
448 Proxmox
.Utils
.API2Request({
449 url
: "/cluster/backup/" + me
.jobid
+ "/included_volumes",
452 failure: function(response
, opts
) {
453 Proxmox
.Utils
.setErrorMask(me
, response
.htmlStatus
);
455 success: function(response
, opts
) {
457 me
.setRootNode(response
.result
.data
);
463 initComponent: function() {
467 throw "no job id specified";
470 var sm
= Ext
.create('Ext.selection.TreeModel', {});
474 fields
: ['id', 'type',
478 calculate: function(data
) {
479 var txt
= 'fa x-fa-tree fa-';
480 if (data
.leaf
&& !data
.type
) {
481 return txt
+ 'hdd-o';
482 } else if (data
.type
=== 'qemu') {
483 return txt
+ 'desktop';
484 } else if (data
.type
=== 'lxc') {
487 return txt
+ 'question-circle';
494 gettext('Search') + ':', ' ',
498 enableKeyEvents
: true,
501 keyup: function(field
) {
502 let searchValue
= field
.getValue();
503 searchValue
= searchValue
.toLowerCase();
505 me
.store
.clearFilter(true);
506 me
.store
.filterBy(function(record
) {
510 if (record
.data
.depth
== 0) {
512 } else if (record
.data
.depth
== 1) {
514 } else if (record
.data
.depth
== 2) {
515 data
= record
.parentNode
.data
;
518 Ext
.each(['name', 'id', 'type'], function(property
) {
519 if (data
[property
] == null) {
523 let v
= data
[property
].toString();
524 if (v
!== undefined) {
526 if (v
.includes(searchValue
)) {
546 Ext
.define('PVE.dc.BackupInfo', {
547 extend
: 'Proxmox.panel.InputPanel',
548 alias
: 'widget.pveBackupInfo',
555 fieldLabel
: gettext('Node'),
556 xtype
: 'displayfield',
557 renderer: function (value
) {
559 return '-- ' + gettext('All') + ' --';
567 fieldLabel
: gettext('Storage'),
568 xtype
: 'displayfield',
572 fieldLabel
: gettext('Day of week'),
573 xtype
: 'displayfield',
574 renderer
: PVE
.Utils
.render_backup_days_of_week
,
578 fieldLabel
: gettext('Start Time'),
579 xtype
: 'displayfield',
583 fieldLabel
: gettext('Selection mode'),
584 xtype
: 'displayfield',
588 fieldLabel
: gettext('Pool to backup'),
589 xtype
: 'displayfield',
595 fieldLabel
: gettext('Send email to'),
596 xtype
: 'displayfield',
599 name
: 'mailnotification',
600 fieldLabel
: gettext('Email notification'),
601 xtype
: 'displayfield',
602 renderer: function (value
) {
606 msg
= gettext('Always');
609 msg
= gettext('On failure only');
617 fieldLabel
: gettext('Compression'),
618 xtype
: 'displayfield',
622 fieldLabel
: gettext('Mode'),
623 xtype
: 'displayfield',
624 renderer: function (value
) {
628 msg
= gettext('Snapshot');
631 msg
= gettext('Suspend');
634 msg
= gettext('Stop');
642 fieldLabel
: gettext('Enabled'),
643 xtype
: 'displayfield',
644 renderer: function (value
) {
645 if (PVE
.Parser
.parseBoolean(value
.toString())) {
646 return gettext('Yes');
648 return gettext('No');
654 setValues: function(values
) {
657 Ext
.iterate(values
, function(fieldId
, val
) {
658 let field
= me
.query('[isFormField][name=' + fieldId
+ ']')[0];
664 // selection Mode depends on the presence/absence of several keys
665 let selModeField
= me
.query('[isFormField][name=selMode]')[0];
666 let selMode
= 'none';
668 selMode
= gettext('Include selected VMs');
671 selMode
= gettext('All');
673 if (values
.exclude
) {
674 selMode
= gettext('Exclude selected VMs');
677 selMode
= gettext('Pool based');
679 selModeField
.setValue(selMode
);
682 let poolField
= me
.query('[isFormField][name=pool]')[0];
683 poolField
.setVisible(0);
687 initComponent: function() {
691 throw "no data provided";
695 me
.setValues(me
.record
);
699 Ext
.define('PVE.dc.BackupView', {
700 extend
: 'Ext.grid.GridPanel',
702 alias
: ['widget.pveDcBackupView'],
704 onlineHelp
: 'chapter_vzdump',
706 allText
: '-- ' + gettext('All') + ' --',
708 initComponent : function() {
711 var store
= new Ext
.data
.Store({
712 model
: 'pve-cluster-backup',
715 url
: "/api2/json/cluster/backup"
719 var reload = function() {
723 var sm
= Ext
.create('Ext.selection.RowModel', {});
725 var run_editor = function() {
726 var rec
= sm
.getSelection()[0];
731 var win
= Ext
.create('PVE.dc.BackupEdit', {
734 win
.on('destroy', reload
);
738 var run_detail = function() {
739 let record
= sm
.getSelection()[0]
744 var infoview
= Ext
.create('PVE.dc.BackupInfo', {
749 var disktree
= Ext
.create('PVE.dc.BackupDiskTree', {
750 title
: gettext('Included disks'),
752 jobid
: record
.data
.id
,
755 var win
= Ext
.create('Ext.window.Window', {
760 stateId
: 'backup-detail-view',
763 title
: gettext('Backup Details'),
772 items
: [infoview
, disktree
],
777 var run_backup_now = function(job
) {
778 job
= Ext
.clone(job
);
780 let jobNode
= job
.node
;
781 // Remove properties related to scheduling
783 delete job
.starttime
;
787 job
.all
= job
.all
=== true ? 1 : 0;
789 let allNodes
= PVE
.data
.ResourceStore
.getNodes();
790 let nodes
= allNodes
.filter(node
=> node
.status
=== 'online').map(node
=> node
.node
);
793 if (jobNode
!== undefined) {
794 if (!nodes
.includes(jobNode
)) {
795 Ext
.Msg
.alert('Error', "Node '"+ jobNode
+"' from backup job isn't online!");
800 let unkownNodes
= allNodes
.filter(node
=> node
.status
!== 'online');
801 if (unkownNodes
.length
> 0)
802 errors
.push(unkownNodes
.map(node
=> node
.node
+ ": " + gettext("Node is offline")));
804 let jobTotalCount
= nodes
.length
, jobsStarted
= 0;
807 title
: gettext('Please wait...'),
810 progressText
: '0/' + jobTotalCount
,
813 let postRequest = function () {
815 Ext
.Msg
.updateProgress(jobsStarted
/ jobTotalCount
, jobsStarted
+ '/' + jobTotalCount
);
817 if (jobsStarted
== jobTotalCount
) {
819 if (errors
.length
> 0) {
820 Ext
.Msg
.alert('Error', 'Some errors have been encountered:<br />' + errors
.join('<br />'));
825 nodes
.forEach(node
=> Proxmox
.Utils
.API2Request({
826 url
: '/nodes/' + node
+ '/vzdump',
829 failure: function (response
, opts
) {
830 errors
.push(node
+ ': ' + response
.htmlStatus
);
837 var edit_btn
= new Proxmox
.button
.Button({
838 text
: gettext('Edit'),
844 var run_btn
= new Proxmox
.button
.Button({
845 text
: gettext('Run now'),
848 handler: function() {
849 var rec
= sm
.getSelection()[0];
855 title
: gettext('Confirm'),
856 icon
: Ext
.Msg
.QUESTION
,
857 msg
: gettext('Start the selected backup job now?'),
858 buttons
: Ext
.Msg
.YESNO
,
859 callback: function(btn
) {
863 run_backup_now(rec
.data
);
869 var remove_btn
= Ext
.create('Proxmox.button.StdRemoveButton', {
871 baseurl
: '/cluster/backup',
872 callback: function() {
877 var detail_btn
= new Proxmox
.button
.Button({
878 text
: gettext('Detail'),
880 tooltip
: gettext('Show job details and which guests and volumes are affected by the backup job'),
885 Proxmox
.Utils
.monStoreErrors(me
, store
);
891 stateId
: 'grid-dc-backup',
897 text
: gettext('Add'),
898 handler: function() {
899 var win
= Ext
.create('PVE.dc.BackupEdit',{});
900 win
.on('destroy', reload
);
914 header
: gettext('Enabled'),
916 dataIndex
: 'enabled',
917 xtype
: 'checkcolumn',
920 disabledCls
: 'x-item-enabled',
924 header
: gettext('Node'),
928 renderer: function(value
) {
936 header
: gettext('Day of week'),
940 renderer
: PVE
.Utils
.render_backup_days_of_week
943 header
: gettext('Start Time'),
946 dataIndex
: 'starttime'
949 header
: gettext('Storage'),
955 header
: gettext('Selection'),
959 renderer
: PVE
.Utils
.render_backup_selection
964 itemdblclick
: run_editor
972 Ext
.define('pve-cluster-backup', {
973 extend
: 'Ext.data.Model',
975 'id', 'starttime', 'dow',
976 'storage', 'node', 'vmid', 'exclude',
977 'mailto', 'pool', 'compress', 'mode',
978 { name
: 'enabled', type
: 'boolean' },
979 { name
: 'all', type
: 'boolean' }