]> git.proxmox.com Git - pve-manager.git/blob - www/manager6/dc/Backup.js
vzdump: add new 'next-run' field for vzdump job listing
[pve-manager.git] / www / manager6 / dc / Backup.js
1 Ext.define('PVE.dc.BackupEdit', {
2 extend: 'Proxmox.window.Edit',
3 alias: ['widget.pveDcBackupEdit'],
4
5 defaultFocus: undefined,
6
7 initComponent: function() {
8 let me = this;
9
10 me.isCreate = !me.jobid;
11
12 let url, method;
13 if (me.isCreate) {
14 url = '/api2/extjs/cluster/backup';
15 method = 'POST';
16 } else {
17 url = '/api2/extjs/cluster/backup/' + me.jobid;
18 method = 'PUT';
19 }
20
21 let vmidField = Ext.create('Ext.form.field.Hidden', {
22 name: 'vmid',
23 });
24
25 // 'value' can be assigned a string or an array
26 let selModeField = Ext.create('Proxmox.form.KVComboBox', {
27 xtype: 'proxmoxKVComboBox',
28 comboItems: [
29 ['include', gettext('Include selected VMs')],
30 ['all', gettext('All')],
31 ['exclude', gettext('Exclude selected VMs')],
32 ['pool', gettext('Pool based')],
33 ],
34 fieldLabel: gettext('Selection mode'),
35 name: 'selMode',
36 value: '',
37 });
38
39 let sm = Ext.create('Ext.selection.CheckboxModel', {
40 mode: 'SIMPLE',
41 listeners: {
42 selectionchange: function(model, selected) {
43 let sel = selected.map(record => record.data.vmid);
44 // to avoid endless recursion suspend the vmidField change
45 // event temporary as it calls us again
46 vmidField.suspendEvent('change');
47 vmidField.setValue(sel);
48 vmidField.resumeEvent('change');
49 },
50 },
51 });
52
53 let storagesel = Ext.create('PVE.form.StorageSelector', {
54 fieldLabel: gettext('Storage'),
55 clusterView: true,
56 storageContent: 'backup',
57 allowBlank: false,
58 name: 'storage',
59 listeners: {
60 change: function(f, v) {
61 let store = f.getStore();
62 let rec = store.findRecord('storage', v, 0, false, true, true);
63 let compressionSelector = me.down('pveCompressionSelector');
64
65 if (rec && rec.data && rec.data.type === 'pbs') {
66 compressionSelector.setValue('zstd');
67 compressionSelector.setDisabled(true);
68 } else if (!compressionSelector.getEditable()) {
69 compressionSelector.setDisabled(false);
70 }
71 },
72 },
73 });
74
75 let store = new Ext.data.Store({
76 model: 'PVEResources',
77 sorters: {
78 property: 'vmid',
79 direction: 'ASC',
80 },
81 });
82
83 let vmgrid = Ext.createWidget('grid', {
84 store: store,
85 border: true,
86 height: 300,
87 selModel: sm,
88 disabled: true,
89 columns: [
90 {
91 header: 'ID',
92 dataIndex: 'vmid',
93 width: 60,
94 },
95 {
96 header: gettext('Node'),
97 dataIndex: 'node',
98 },
99 {
100 header: gettext('Status'),
101 dataIndex: 'uptime',
102 renderer: function(value) {
103 if (value) {
104 return Proxmox.Utils.runningText;
105 } else {
106 return Proxmox.Utils.stoppedText;
107 }
108 },
109 },
110 {
111 header: gettext('Name'),
112 dataIndex: 'name',
113 flex: 1,
114 },
115 {
116 header: gettext('Type'),
117 dataIndex: 'type',
118 },
119 ],
120 });
121
122 let selectPoolMembers = function(poolid) {
123 if (!poolid) {
124 return;
125 }
126 sm.deselectAll(true);
127 store.filter([
128 {
129 id: 'poolFilter',
130 property: 'pool',
131 value: poolid,
132 },
133 ]);
134 sm.selectAll(true);
135 };
136
137 let selPool = Ext.create('PVE.form.PoolSelector', {
138 fieldLabel: gettext('Pool to backup'),
139 hidden: true,
140 allowBlank: true,
141 name: 'pool',
142 listeners: {
143 change: function(selpool, newValue, oldValue) {
144 selectPoolMembers(newValue);
145 },
146 },
147 });
148
149 let nodesel = Ext.create('PVE.form.NodeSelector', {
150 name: 'node',
151 fieldLabel: gettext('Node'),
152 allowBlank: true,
153 editable: true,
154 autoSelect: false,
155 emptyText: '-- ' + gettext('All') + ' --',
156 listeners: {
157 change: function(f, value) {
158 storagesel.setNodename(value);
159 let mode = selModeField.getValue();
160 store.clearFilter();
161 store.filterBy(function(rec) {
162 return !value || rec.get('node') === value;
163 });
164 if (mode === 'all') {
165 sm.selectAll(true);
166 }
167 if (mode === 'pool') {
168 selectPoolMembers(selPool.value);
169 }
170 },
171 },
172 });
173
174 let column1 = [
175 nodesel,
176 storagesel,
177 {
178 xtype: 'pveCalendarEvent',
179 fieldLabel: gettext('Schedule'),
180 allowBlank: false,
181 name: 'schedule',
182 },
183 selModeField,
184 selPool,
185 ];
186
187 let column2 = [
188 {
189 xtype: 'textfield',
190 fieldLabel: gettext('Send email to'),
191 name: 'mailto',
192 },
193 {
194 xtype: 'pveEmailNotificationSelector',
195 fieldLabel: gettext('Email'),
196 name: 'mailnotification',
197 deleteEmpty: !me.isCreate,
198 value: me.isCreate ? 'always' : '',
199 },
200 {
201 xtype: 'pveCompressionSelector',
202 fieldLabel: gettext('Compression'),
203 name: 'compress',
204 deleteEmpty: !me.isCreate,
205 value: 'zstd',
206 },
207 {
208 xtype: 'pveBackupModeSelector',
209 fieldLabel: gettext('Mode'),
210 value: 'snapshot',
211 name: 'mode',
212 },
213 {
214 xtype: 'proxmoxcheckbox',
215 fieldLabel: gettext('Enable'),
216 name: 'enabled',
217 uncheckedValue: 0,
218 defaultValue: 1,
219 checked: true,
220 },
221 vmidField,
222 ];
223
224 let ipanel = Ext.create('Proxmox.panel.InputPanel', {
225 onlineHelp: 'chapter_vzdump',
226 column1: column1,
227 column2: column2,
228 columnB: [
229 {
230 xtype: 'proxmoxtextfield',
231 name: 'comment',
232 fieldLabel: gettext('Comment'),
233 deleteEmpty: !me.isCreate,
234 },
235 ],
236 onGetValues: function(values) {
237 if (!values.node) {
238 if (!me.isCreate) {
239 Proxmox.Utils.assemble_field_data(values, { 'delete': 'node' });
240 }
241 delete values.node;
242 }
243
244 if (!values.id && me.isCreate) {
245 values.id = 'backup-' + Ext.data.identifier.Uuid.Global.generate().slice(0, 13);
246 }
247
248 let selMode = values.selMode;
249 delete values.selMode;
250
251 if (selMode === 'all') {
252 values.all = 1;
253 values.exclude = '';
254 delete values.vmid;
255 } else if (selMode === 'exclude') {
256 values.all = 1;
257 values.exclude = values.vmid;
258 delete values.vmid;
259 } else if (selMode === 'pool') {
260 delete values.vmid;
261 }
262
263 if (selMode !== 'pool') {
264 delete values.pool;
265 }
266 return values;
267 },
268 });
269
270 let update_vmid_selection = function(list, mode) {
271 if (mode !== 'all' && mode !== 'pool') {
272 sm.deselectAll(true);
273 if (list) {
274 Ext.Array.each(list.split(','), function(vmid) {
275 var rec = store.findRecord('vmid', vmid, 0, false, true, true);
276 if (rec) {
277 sm.select(rec, true);
278 }
279 });
280 }
281 }
282 };
283
284 vmidField.on('change', function(f, value) {
285 let mode = selModeField.getValue();
286 update_vmid_selection(value, mode);
287 });
288
289 selModeField.on('change', function(f, value, oldValue) {
290 if (oldValue === 'pool') {
291 store.removeFilter('poolFilter');
292 }
293
294 if (oldValue === 'all') {
295 sm.deselectAll(true);
296 vmidField.setValue('');
297 }
298
299 if (value === 'all') {
300 sm.selectAll(true);
301 vmgrid.setDisabled(true);
302 } else {
303 vmgrid.setDisabled(false);
304 }
305
306 if (value === 'pool') {
307 vmgrid.setDisabled(true);
308 vmidField.setValue('');
309 selPool.setVisible(true);
310 selPool.allowBlank = false;
311 selectPoolMembers(selPool.value);
312 } else {
313 selPool.setVisible(false);
314 selPool.allowBlank = true;
315 }
316 let list = vmidField.getValue();
317 update_vmid_selection(list, value);
318 });
319
320 let reload = function() {
321 store.load({
322 params: {
323 type: 'vm',
324 },
325 callback: function() {
326 let node = nodesel.getValue();
327 store.clearFilter();
328 store.filterBy(rec => !node || node.length === 0 || rec.get('node') === node);
329 let list = vmidField.getValue();
330 let mode = selModeField.getValue();
331 if (mode === 'all') {
332 sm.selectAll(true);
333 } else if (mode === 'pool') {
334 selectPoolMembers(selPool.value);
335 } else {
336 update_vmid_selection(list, mode);
337 }
338 },
339 });
340 };
341
342 Ext.applyIf(me, {
343 subject: gettext("Backup Job"),
344 url: url,
345 method: method,
346 bodyPadding: 0,
347 items: [
348 {
349 xtype: 'tabpanel',
350 region: 'center',
351 layout: 'fit',
352 bodyPadding: 10,
353 items: [
354 {
355 xtype: 'container',
356 title: gettext('General'),
357 region: 'center',
358 layout: {
359 type: 'vbox',
360 align: 'stretch',
361 },
362 items: [
363 ipanel,
364 vmgrid,
365 ],
366 },
367 {
368 xtype: 'pveBackupJobPrunePanel',
369 title: gettext('Retention'),
370 isCreate: me.isCreate,
371 keepAllDefaultForCreate: false,
372 showPBSHint: false,
373 fallbackHintHtml: gettext('Without any keep option, the storage\'s configuration or node\'s vzdump.conf is used as fallback'),
374 },
375 ],
376 },
377 ],
378
379 });
380
381 me.callParent();
382
383 if (me.isCreate) {
384 selModeField.setValue('include');
385 } else {
386 me.load({
387 success: function(response, options) {
388 let data = response.result.data;
389
390 data.dow = (data.dow || '').split(',');
391
392 if (data.all || data.exclude) {
393 if (data.exclude) {
394 data.vmid = data.exclude;
395 data.selMode = 'exclude';
396 } else {
397 data.vmid = '';
398 data.selMode = 'all';
399 }
400 } else if (data.pool) {
401 data.selMode = 'pool';
402 data.selPool = data.pool;
403 } else {
404 data.selMode = 'include';
405 }
406
407 if (data['prune-backups']) {
408 Object.assign(data, data['prune-backups']);
409 delete data['prune-backups'];
410 } else if (data.maxfiles !== undefined) {
411 if (data.maxfiles > 0) {
412 data['keep-last'] = data.maxfiles;
413 } else {
414 data['keep-all'] = 1;
415 }
416 delete data.maxfiles;
417 }
418
419 me.setValues(data);
420 },
421 });
422 }
423
424 reload();
425 },
426 });
427
428 Ext.define('PVE.dc.BackupView', {
429 extend: 'Ext.grid.GridPanel',
430
431 alias: ['widget.pveDcBackupView'],
432
433 onlineHelp: 'chapter_vzdump',
434
435 allText: '-- ' + gettext('All') + ' --',
436
437 initComponent: function() {
438 let me = this;
439
440 let store = new Ext.data.Store({
441 model: 'pve-cluster-backup',
442 proxy: {
443 type: 'proxmox',
444 url: "/api2/json/cluster/backup",
445 },
446 });
447
448 let not_backed_store = new Ext.data.Store({
449 sorters: 'vmid',
450 proxy: {
451 type: 'proxmox',
452 url: 'api2/json/cluster/backup-info/not-backed-up',
453 },
454 });
455
456 let noBackupJobWarning, noBackupJobInfoButton;
457 let reload = function() {
458 store.load();
459 not_backed_store.load({
460 callback: function(records, operation, success) {
461 noBackupJobWarning.setVisible(records.length > 0);
462 noBackupJobInfoButton.setVisible(records.length > 0);
463 },
464 });
465 };
466
467 let sm = Ext.create('Ext.selection.RowModel', {});
468
469 let run_editor = function() {
470 let rec = sm.getSelection()[0];
471 if (!rec) {
472 return;
473 }
474
475 let win = Ext.create('PVE.dc.BackupEdit', {
476 jobid: rec.data.id,
477 });
478 win.on('destroy', reload);
479 win.show();
480 };
481
482 let run_detail = function() {
483 let record = sm.getSelection()[0];
484 if (!record) {
485 return;
486 }
487 Ext.create('Ext.window.Window', {
488 modal: true,
489 width: 800,
490 height: 600,
491 stateful: true,
492 stateId: 'backup-detail-view',
493 resizable: true,
494 layout: 'fit',
495 title: gettext('Backup Details'),
496 items: [
497 {
498 xtype: 'panel',
499 region: 'center',
500 layout: {
501 type: 'vbox',
502 align: 'stretch',
503 },
504 items: [
505 {
506 xtype: 'pveBackupInfo',
507 flex: 0,
508 layout: 'fit',
509 record: record.data,
510 },
511 {
512 xtype: 'pveBackupDiskTree',
513 title: gettext('Included disks'),
514 flex: 1,
515 jobid: record.data.id,
516 },
517 ],
518 },
519 ],
520 }).show();
521 };
522
523 let run_backup_now = function(job) {
524 job = Ext.clone(job);
525
526 let jobNode = job.node;
527 // Remove properties related to scheduling
528 delete job.enabled;
529 delete job.starttime;
530 delete job.dow;
531 delete job.id;
532 delete job.schedule;
533 delete job.type;
534 delete job.node;
535 delete job.comment;
536 job.all = job.all === true ? 1 : 0;
537
538 if (job['prune-backups']) {
539 job['prune-backups'] = PVE.Parser.printPropertyString(job['prune-backups']);
540 }
541
542 let allNodes = PVE.data.ResourceStore.getNodes();
543 let nodes = allNodes.filter(node => node.status === 'online').map(node => node.node);
544 let errors = [];
545
546 if (jobNode !== undefined) {
547 if (!nodes.includes(jobNode)) {
548 Ext.Msg.alert('Error', "Node '"+ jobNode +"' from backup job isn't online!");
549 return;
550 }
551 nodes = [jobNode];
552 } else {
553 let unkownNodes = allNodes.filter(node => node.status !== 'online');
554 if (unkownNodes.length > 0) {errors.push(unkownNodes.map(node => node.node + ": " + gettext("Node is offline")));}
555 }
556 let jobTotalCount = nodes.length, jobsStarted = 0;
557
558 Ext.Msg.show({
559 title: gettext('Please wait...'),
560 closable: false,
561 progress: true,
562 progressText: '0/' + jobTotalCount,
563 });
564
565 let postRequest = function() {
566 jobsStarted++;
567 Ext.Msg.updateProgress(jobsStarted / jobTotalCount, jobsStarted + '/' + jobTotalCount);
568
569 if (jobsStarted === jobTotalCount) {
570 Ext.Msg.hide();
571 if (errors.length > 0) {
572 Ext.Msg.alert('Error', 'Some errors have been encountered:<br />' + errors.join('<br />'));
573 }
574 }
575 };
576
577 nodes.forEach(node => Proxmox.Utils.API2Request({
578 url: '/nodes/' + node + '/vzdump',
579 method: 'POST',
580 params: job,
581 failure: function(response, opts) {
582 errors.push(node + ': ' + response.htmlStatus);
583 postRequest();
584 },
585 success: postRequest,
586 }));
587 };
588
589 let run_show_not_backed = function() {
590 Ext.create('Ext.window.Window', {
591 modal: true,
592 width: 600,
593 height: 500,
594 resizable: true,
595 layout: 'fit',
596 title: gettext('Guests without backup job'),
597 items: [
598 {
599 xtype: 'panel',
600 region: 'center',
601 layout: {
602 type: 'vbox',
603 align: 'stretch',
604 },
605 items: [
606 {
607 xtype: 'pveBackedGuests',
608 flex: 1,
609 layout: 'fit',
610 store: not_backed_store,
611 },
612 ],
613 },
614 ],
615 }).show();
616 };
617
618 var edit_btn = new Proxmox.button.Button({
619 text: gettext('Edit'),
620 disabled: true,
621 selModel: sm,
622 handler: run_editor,
623 });
624
625 var run_btn = new Proxmox.button.Button({
626 text: gettext('Run now'),
627 disabled: true,
628 selModel: sm,
629 handler: function() {
630 var rec = sm.getSelection()[0];
631 if (!rec) {
632 return;
633 }
634
635 Ext.Msg.show({
636 title: gettext('Confirm'),
637 icon: Ext.Msg.QUESTION,
638 msg: gettext('Start the selected backup job now?'),
639 buttons: Ext.Msg.YESNO,
640 callback: function(btn) {
641 if (btn !== 'yes') {
642 return;
643 }
644 run_backup_now(rec.data);
645 },
646 });
647 },
648 });
649
650 var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', {
651 selModel: sm,
652 baseurl: '/cluster/backup',
653 callback: function() {
654 reload();
655 },
656 });
657
658 var detail_btn = new Proxmox.button.Button({
659 text: gettext('Job Detail'),
660 disabled: true,
661 tooltip: gettext('Show job details and which guests and volumes are affected by the backup job'),
662 selModel: sm,
663 handler: run_detail,
664 });
665
666 noBackupJobWarning = Ext.create('Ext.toolbar.TextItem', {
667 html: '<i class="fa fa-fw fa-exclamation-circle"></i>' + gettext('Some guests are not covered by any backup job.'),
668 hidden: true,
669 });
670
671 noBackupJobInfoButton = new Proxmox.button.Button({
672 text: gettext('Show'),
673 hidden: true,
674 handler: run_show_not_backed,
675 });
676
677 Proxmox.Utils.monStoreErrors(me, store);
678
679 Ext.apply(me, {
680 store: store,
681 selModel: sm,
682 stateful: true,
683 stateId: 'grid-dc-backup',
684 viewConfig: {
685 trackOver: false,
686 },
687 tbar: [
688 {
689 text: gettext('Add'),
690 handler: function() {
691 var win = Ext.create('PVE.dc.BackupEdit', {});
692 win.on('destroy', reload);
693 win.show();
694 },
695 },
696 '-',
697 remove_btn,
698 edit_btn,
699 detail_btn,
700 '-',
701 run_btn,
702 '->',
703 noBackupJobWarning,
704 noBackupJobInfoButton,
705 '-',
706 {
707 xtype: 'proxmoxButton',
708 selModel: null,
709 text: gettext('Schedule Simulator'),
710 handler: () => {
711 let record = sm.getSelection()[0];
712 let schedule;
713 if (record) {
714 schedule = record.data.schedule;
715 }
716 Ext.create('PVE.window.ScheduleSimulator', {
717 schedule,
718 }).show();
719 },
720 },
721 ],
722 columns: [
723 {
724 header: gettext('Enabled'),
725 width: 80,
726 dataIndex: 'enabled',
727 xtype: 'checkcolumn',
728 sortable: true,
729 disabled: true,
730 disabledCls: 'x-item-enabled',
731 stopSelection: false,
732 },
733 {
734 header: gettext('ID'),
735 dataIndex: 'id',
736 hidden: true,
737 },
738 {
739 header: gettext('Node'),
740 width: 100,
741 sortable: true,
742 dataIndex: 'node',
743 renderer: function(value) {
744 if (value) {
745 return value;
746 }
747 return me.allText;
748 },
749 },
750 {
751 header: gettext('Schedule'),
752 width: 150,
753 dataIndex: 'schedule',
754 },
755 {
756 header: gettext('Storage'),
757 width: 100,
758 sortable: true,
759 dataIndex: 'storage',
760 },
761 {
762 header: gettext('Comment'),
763 dataIndex: 'comment',
764 renderer: Ext.htmlEncode,
765 sorter: (a, b) => (a.data.comment || '').localeCompare(b.data.comment || ''),
766 flex: 1,
767 },
768 {
769 text: gettext('Next Run'),
770 dataIndex: 'next-run',
771 width: 150,
772 renderer: function(value) {
773 if (!value) {
774 return '-';
775 }
776
777 let now = new Date(), next = new Date(value * 1000);
778 if (next < now) {
779 return gettext('pending');
780 }
781 return Proxmox.Utils.render_timestamp(value);
782 },
783 },
784 {
785 header: gettext('Retention'),
786 dataIndex: 'prune-backups',
787 renderer: v => v ? PVE.Parser.printPropertyString(v) : gettext('Fallback from storage config'),
788 flex: 2,
789 },
790 {
791 header: gettext('Selection'),
792 flex: 4,
793 sortable: false,
794 dataIndex: 'vmid',
795 renderer: PVE.Utils.render_backup_selection,
796 },
797 ],
798 listeners: {
799 activate: reload,
800 itemdblclick: run_editor,
801 },
802 });
803
804 me.callParent();
805 },
806 }, function() {
807 Ext.define('pve-cluster-backup', {
808 extend: 'Ext.data.Model',
809 fields: [
810 'id',
811 'compress',
812 'dow',
813 'exclude',
814 'mailto',
815 'mode',
816 'node',
817 'pool',
818 'prune-backups',
819 'starttime',
820 'storage',
821 'vmid',
822 { name: 'enabled', type: 'boolean' },
823 { name: 'all', type: 'boolean' },
824 ],
825 });
826 });