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
);
700 Ext
.define('PVE.dc.BackedGuests', {
701 extend
: 'Ext.grid.GridPanel',
702 alias
: 'widget.pveBackedGuests',
708 header
: gettext('Type'),
710 renderer
: PVE
.Utils
.render_resource_type
,
715 header
: gettext('VMID'),
721 header
: gettext('Name'),
728 initComponent: function() {
731 me
.store
.clearFilter(true);
735 stateId
: 'grid-dc-backed-guests',
738 gettext('Search') + ':', ' ',
742 enableKeyEvents
: true,
745 keyup: function(field
) {
746 let searchValue
= field
.getValue();
747 searchValue
= searchValue
.toLowerCase();
749 me
.store
.clearFilter(true);
750 me
.store
.filterBy(function(record
) {
753 Ext
.each(['name', 'vmid', 'type'], function(property
) {
754 if (record
.data
[property
] == null) {
758 let v
= record
.data
[property
].toString();
759 if (v
!== undefined) {
761 if (v
.includes(searchValue
)) {
782 Ext
.define('PVE.dc.BackupView', {
783 extend
: 'Ext.grid.GridPanel',
785 alias
: ['widget.pveDcBackupView'],
787 onlineHelp
: 'chapter_vzdump',
789 allText
: '-- ' + gettext('All') + ' --',
791 initComponent : function() {
794 var store
= new Ext
.data
.Store({
795 model
: 'pve-cluster-backup',
798 url
: "/api2/json/cluster/backup"
802 var not_backed_store
= new Ext
.data
.Store({
806 url
: 'api2/json/cluster/backupinfo/not_backed_up',
810 var reload = function() {
812 not_backed_store
.load({
813 callback: function(records
, operation
, success
) {
814 if (records
.length
) {
815 not_backed_warning
.setVisible(true);
816 not_backed_btn
.setVisible(true);
818 not_backed_warning
.setVisible(false);
819 not_backed_btn
.setVisible(false);
825 var sm
= Ext
.create('Ext.selection.RowModel', {});
827 var run_editor = function() {
828 var rec
= sm
.getSelection()[0];
833 var win
= Ext
.create('PVE.dc.BackupEdit', {
836 win
.on('destroy', reload
);
840 var run_detail = function() {
841 let record
= sm
.getSelection()[0]
846 var infoview
= Ext
.create('PVE.dc.BackupInfo', {
851 var disktree
= Ext
.create('PVE.dc.BackupDiskTree', {
852 title
: gettext('Included disks'),
854 jobid
: record
.data
.id
,
857 var win
= Ext
.create('Ext.window.Window', {
862 stateId
: 'backup-detail-view',
865 title
: gettext('Backup Details'),
874 items
: [infoview
, disktree
],
879 var run_backup_now = function(job
) {
880 job
= Ext
.clone(job
);
882 let jobNode
= job
.node
;
883 // Remove properties related to scheduling
885 delete job
.starttime
;
889 job
.all
= job
.all
=== true ? 1 : 0;
891 let allNodes
= PVE
.data
.ResourceStore
.getNodes();
892 let nodes
= allNodes
.filter(node
=> node
.status
=== 'online').map(node
=> node
.node
);
895 if (jobNode
!== undefined) {
896 if (!nodes
.includes(jobNode
)) {
897 Ext
.Msg
.alert('Error', "Node '"+ jobNode
+"' from backup job isn't online!");
902 let unkownNodes
= allNodes
.filter(node
=> node
.status
!== 'online');
903 if (unkownNodes
.length
> 0)
904 errors
.push(unkownNodes
.map(node
=> node
.node
+ ": " + gettext("Node is offline")));
906 let jobTotalCount
= nodes
.length
, jobsStarted
= 0;
909 title
: gettext('Please wait...'),
912 progressText
: '0/' + jobTotalCount
,
915 let postRequest = function () {
917 Ext
.Msg
.updateProgress(jobsStarted
/ jobTotalCount
, jobsStarted
+ '/' + jobTotalCount
);
919 if (jobsStarted
== jobTotalCount
) {
921 if (errors
.length
> 0) {
922 Ext
.Msg
.alert('Error', 'Some errors have been encountered:<br />' + errors
.join('<br />'));
927 nodes
.forEach(node
=> Proxmox
.Utils
.API2Request({
928 url
: '/nodes/' + node
+ '/vzdump',
931 failure: function (response
, opts
) {
932 errors
.push(node
+ ': ' + response
.htmlStatus
);
939 var run_show_not_backed = function() {
941 var backedinfo
= Ext
.create('PVE.dc.BackedGuests', {
944 store
: not_backed_store
,
947 var win
= Ext
.create('Ext.window.Window', {
953 title
: gettext('Guests without backup job'),
967 var edit_btn
= new Proxmox
.button
.Button({
968 text
: gettext('Edit'),
974 var run_btn
= new Proxmox
.button
.Button({
975 text
: gettext('Run now'),
978 handler: function() {
979 var rec
= sm
.getSelection()[0];
985 title
: gettext('Confirm'),
986 icon
: Ext
.Msg
.QUESTION
,
987 msg
: gettext('Start the selected backup job now?'),
988 buttons
: Ext
.Msg
.YESNO
,
989 callback: function(btn
) {
993 run_backup_now(rec
.data
);
999 var remove_btn
= Ext
.create('Proxmox.button.StdRemoveButton', {
1001 baseurl
: '/cluster/backup',
1002 callback: function() {
1007 var detail_btn
= new Proxmox
.button
.Button({
1008 text
: gettext('Detail'),
1010 tooltip
: gettext('Show job details and which guests and volumes are affected by the backup job'),
1012 handler
: run_detail
,
1015 var not_backed_warning
= Ext
.create('Ext.toolbar.TextItem', {
1016 html
: '<i class="fa fa-fw fa-exclamation-circle"></i>' + gettext('Some guests are not covered by any backup job.'),
1020 var not_backed_btn
= new Proxmox
.button
.Button({
1021 text
: gettext('Show'),
1023 handler
: run_show_not_backed
,
1026 Proxmox
.Utils
.monStoreErrors(me
, store
);
1032 stateId
: 'grid-dc-backup',
1038 text
: gettext('Add'),
1039 handler: function() {
1040 var win
= Ext
.create('PVE.dc.BackupEdit',{});
1041 win
.on('destroy', reload
);
1057 header
: gettext('Enabled'),
1059 dataIndex
: 'enabled',
1060 xtype
: 'checkcolumn',
1063 disabledCls
: 'x-item-enabled',
1064 stopSelection
: false
1067 header
: gettext('Node'),
1071 renderer: function(value
) {
1079 header
: gettext('Day of week'),
1083 renderer
: PVE
.Utils
.render_backup_days_of_week
1086 header
: gettext('Start Time'),
1089 dataIndex
: 'starttime'
1092 header
: gettext('Storage'),
1095 dataIndex
: 'storage'
1098 header
: gettext('Selection'),
1102 renderer
: PVE
.Utils
.render_backup_selection
1107 itemdblclick
: run_editor
1115 Ext
.define('pve-cluster-backup', {
1116 extend
: 'Ext.data.Model',
1118 'id', 'starttime', 'dow',
1119 'storage', 'node', 'vmid', 'exclude',
1120 'mailto', 'pool', 'compress', 'mode',
1121 { name
: 'enabled', type
: 'boolean' },
1122 { name
: 'all', type
: 'boolean' }