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('Job Comment'),
 233                     deleteEmpty: !me.isCreate,
 234                     autoEl: {
 235                         tag: 'div',
 236                         'data-qtip': gettext('Description of the job'),
 237                     },
 238                 },
 239                 vmgrid,
 240             ],
 241             advancedColumn1: [
 242                 {
 243                     xtype: 'proxmoxcheckbox',
 244                     fieldLabel: gettext('Repeat missed'),
 245                     name: 'repeat-missed',
 246                     uncheckedValue: 0,
 247                     defaultValue: 0,
 248                     deleteDefaultValue: !me.isCreate,
 249                 },
 250             ],
 251             onGetValues: function(values) {
 252                 if (!values.node) {
 253                     if (!me.isCreate) {
 254                         Proxmox.Utils.assemble_field_data(values, { 'delete': 'node' });
 255                     }
 256                     delete values.node;
 257                 }
 258
 259                 if (!values.id && me.isCreate) {
 260                     values.id = 'backup-' + Ext.data.identifier.Uuid.Global.generate().slice(0, 13);
 261                 }
 262
 263                 let selMode = values.selMode;
 264                 delete values.selMode;
 265
 266                 if (selMode === 'all') {
 267                     values.all = 1;
 268                     values.exclude = '';
 269                     delete values.vmid;
 270                 } else if (selMode === 'exclude') {
 271                     values.all = 1;
 272                     values.exclude = values.vmid;
 273                     delete values.vmid;
 274                 } else if (selMode === 'pool') {
 275                     delete values.vmid;
 276                 }
 277
 278                 if (selMode !== 'pool') {
 279                     delete values.pool;
 280                 }
 281                 return values;
 282             },
 283         });
 284
 285         let update_vmid_selection = function(list, mode) {
 286             if (mode !== 'all' && mode !== 'pool') {
 287                 sm.deselectAll(true);
 288                 if (list) {
 289                     Ext.Array.each(list.split(','), function(vmid) {
 290                         var rec = store.findRecord('vmid', vmid, 0, false, true, true);
 291                         if (rec) {
 292                             sm.select(rec, true);
 293                         }
 294                     });
 295                 }
 296             }
 297         };
 298
 299         vmidField.on('change', function(f, value) {
 300             let mode = selModeField.getValue();
 301             update_vmid_selection(value, mode);
 302         });
 303
 304         selModeField.on('change', function(f, value, oldValue) {
 305             if (oldValue === 'pool') {
 306                 store.removeFilter('poolFilter');
 307             }
 308
 309             if (oldValue === 'all') {
 310                 sm.deselectAll(true);
 311                 vmidField.setValue('');
 312             }
 313
 314             if (value === 'all') {
 315                 sm.selectAll(true);
 316                 vmgrid.setDisabled(true);
 317             } else {
 318                 vmgrid.setDisabled(false);
 319             }
 320
 321             if (value === 'pool') {
 322                 vmgrid.setDisabled(true);
 323                 vmidField.setValue('');
 324                 selPool.setVisible(true);
 325                 selPool.allowBlank = false;
 326                 selectPoolMembers(selPool.value);
 327             } else {
 328                 selPool.setVisible(false);
 329                 selPool.allowBlank = true;
 330             }
 331             let list = vmidField.getValue();
 332             update_vmid_selection(list, value);
 333         });
 334
 335         let reload = function() {
 336             store.load({
 337                 params: {
 338                     type: 'vm',
 339                 },
 340                 callback: function() {
 341                     let node = nodesel.getValue();
 342                     store.clearFilter();
 343                     store.filterBy(rec => !node || node.length === 0 || rec.get('node') === node);
 344                     let list = vmidField.getValue();
 345                     let mode = selModeField.getValue();
 346                     if (mode === 'all') {
 347                         sm.selectAll(true);
 348                     } else if (mode === 'pool') {
 349                         selectPoolMembers(selPool.value);
 350                     } else {
 351                         update_vmid_selection(list, mode);
 352                     }
 353                 },
 354             });
 355         };
 356
 357         Ext.applyIf(me, {
 358             subject: gettext("Backup Job"),
 359             url: url,
 360             method: method,
 361             bodyPadding: 0,
 362             items: [
 363                 {
 364                     xtype: 'tabpanel',
 365                     region: 'center',
 366                     layout: 'fit',
 367                     bodyPadding: 10,
 368                     items: [
 369                         {
 370                             xtype: 'container',
 371                             title: gettext('General'),
 372                             region: 'center',
 373                             layout: {
 374                                 type: 'vbox',
 375                                 align: 'stretch',
 376                             },
 377                             items: [
 378                                 ipanel,
 379                             ],
 380                         },
 381                         {
 382                             xtype: 'pveBackupJobPrunePanel',
 383                             title: gettext('Retention'),
 384                             isCreate: me.isCreate,
 385                             keepAllDefaultForCreate: false,
 386                             showPBSHint: false,
 387                             fallbackHintHtml: gettext('Without any keep option, the storage\'s configuration or node\'s vzdump.conf is used as fallback'),
 388                         },
 389                         {
 390                             xtype: 'inputpanel',
 391                             title: gettext('Note Template'),
 392                             region: 'center',
 393                             layout: {
 394                                 type: 'vbox',
 395                                 align: 'stretch',
 396                             },
 397                             onGetValues: function(values) {
 398                                 if (values['notes-template']) {
 399                                     values['notes-template'] = PVE.Utils.escapeNotesTemplate(
 400                                         values['notes-template']);
 401                                 }
 402                                 return values;
 403                             },
 404                             items: [
 405                                 {
 406                                     xtype: 'textarea',
 407                                     name: 'notes-template',
 408                                     fieldLabel: gettext('Backup Notes'),
 409                                     height: 100,
 410                                     maxLength: 512,
 411                                     deleteEmpty: !me.isCreate,
 412                                     value: me.isCreate ? '{{guestname}}' : undefined,
 413                                 },
 414                                 {
 415                                     xtype: 'box',
 416                                     style: {
 417                                         margin: '8px 0px',
 418                                         'line-height': '1.5em',
 419                                     },
 420                                     html: gettext('The notes are added to each backup created by this job.')
 421                                       + '<br>'
 422                                       + Ext.String.format(
 423                                         gettext('Possible template variables are: {0}'),
 424                                         PVE.Utils.notesTemplateVars.map(v => `<code>{{${v}}}</code>`).join(', '),
 425                                     ),
 426                                 },
 427                             ],
 428                         },
 429                     ],
 430                 },
 431             ],
 432
 433         });
 434
 435         me.callParent();
 436
 437         if (me.isCreate) {
 438             selModeField.setValue('include');
 439         } else {
 440             me.load({
 441                 success: function(response, options) {
 442                     let data = response.result.data;
 443
 444                     data.dow = (data.dow || '').split(',');
 445
 446                     if (data.all || data.exclude) {
 447                         if (data.exclude) {
 448                             data.vmid = data.exclude;
 449                             data.selMode = 'exclude';
 450                         } else {
 451                             data.vmid = '';
 452                             data.selMode = 'all';
 453                         }
 454                     } else if (data.pool) {
 455                         data.selMode = 'pool';
 456                         data.selPool = data.pool;
 457                     } else {
 458                         data.selMode = 'include';
 459                     }
 460
 461                     if (data['prune-backups']) {
 462                         Object.assign(data, data['prune-backups']);
 463                         delete data['prune-backups'];
 464                     } else if (data.maxfiles !== undefined) {
 465                         if (data.maxfiles > 0) {
 466                             data['keep-last'] = data.maxfiles;
 467                         } else {
 468                             data['keep-all'] = 1;
 469                         }
 470                         delete data.maxfiles;
 471                     }
 472
 473                     if (data['notes-template']) {
 474                         data['notes-template'] = PVE.Utils.unEscapeNotesTemplate(
 475                             data['notes-template']);
 476                     }
 477
 478                     me.setValues(data);
 479                 },
 480             });
 481         }
 482
 483         reload();
 484     },
 485 });
 486
 487 Ext.define('PVE.dc.BackupView', {
 488     extend: 'Ext.grid.GridPanel',
 489
 490     alias: ['widget.pveDcBackupView'],
 491
 492     onlineHelp: 'chapter_vzdump',
 493
 494     allText: '-- ' + gettext('All') + ' --',
 495
 496     initComponent: function() {
 497         let me = this;
 498
 499         let store = new Ext.data.Store({
 500             model: 'pve-cluster-backup',
 501             proxy: {
 502                 type: 'proxmox',
 503                 url: "/api2/json/cluster/backup",
 504             },
 505         });
 506
 507         let not_backed_store = new Ext.data.Store({
 508             sorters: 'vmid',
 509             proxy: {
 510                 type: 'proxmox',
 511                 url: 'api2/json/cluster/backup-info/not-backed-up',
 512             },
 513         });
 514
 515         let noBackupJobWarning, noBackupJobInfoButton;
 516         let reload = function() {
 517             store.load();
 518             not_backed_store.load({
 519                 callback: function(records, operation, success) {
 520                     noBackupJobWarning.setVisible(records.length > 0);
 521                     noBackupJobInfoButton.setVisible(records.length > 0);
 522                 },
 523             });
 524         };
 525
 526         let sm = Ext.create('Ext.selection.RowModel', {});
 527
 528         let run_editor = function() {
 529             let rec = sm.getSelection()[0];
 530             if (!rec) {
 531                 return;
 532             }
 533
 534             let win = Ext.create('PVE.dc.BackupEdit', {
 535                 jobid: rec.data.id,
 536             });
 537             win.on('destroy', reload);
 538             win.show();
 539         };
 540
 541         let run_detail = function() {
 542             let record = sm.getSelection()[0];
 543             if (!record) {
 544                 return;
 545             }
 546             Ext.create('Ext.window.Window', {
 547                 modal: true,
 548                 width: 800,
 549                 height: 700,
 550                 resizable: true,
 551                 layout: 'fit',
 552                 title: gettext('Backup Details'),
 553                 items: [
 554                     {
 555                         xtype: 'panel',
 556                         region: 'center',
 557                         layout: {
 558                             type: 'vbox',
 559                             align: 'stretch',
 560                         },
 561                         items: [
 562                             {
 563                                 xtype: 'pveBackupInfo',
 564                                 flex: 0,
 565                                 layout: 'fit',
 566                                 record: record.data,
 567                             },
 568                             {
 569                                 xtype: 'pveBackupDiskTree',
 570                                 title: gettext('Included disks'),
 571                                 flex: 1,
 572                                 jobid: record.data.id,
 573                             },
 574                         ],
 575                     },
 576                 ],
 577             }).show();
 578         };
 579
 580         let run_backup_now = function(job) {
 581             job = Ext.clone(job);
 582
 583             let jobNode = job.node;
 584             // Remove properties related to scheduling
 585             delete job.enabled;
 586             delete job.starttime;
 587             delete job.dow;
 588             delete job.id;
 589             delete job.schedule;
 590             delete job.type;
 591             delete job.node;
 592             delete job.comment;
 593             delete job['next-run'];
 594             delete job['repeat-missed'];
 595             job.all = job.all === true ? 1 : 0;
 596
 597             ['performance', 'prune-backups'].forEach(key => {
 598                 if (job[key]) {
 599                     job[key] = PVE.Parser.printPropertyString(job[key]);
 600                 }
 601             });
 602
 603             let allNodes = PVE.data.ResourceStore.getNodes();
 604             let nodes = allNodes.filter(node => node.status === 'online').map(node => node.node);
 605             let errors = [];
 606
 607             if (jobNode !== undefined) {
 608                 if (!nodes.includes(jobNode)) {
 609                     Ext.Msg.alert('Error', "Node '"+ jobNode +"' from backup job isn't online!");
 610                     return;
 611                 }
 612                 nodes = [jobNode];
 613             } else {
 614                 let unkownNodes = allNodes.filter(node => node.status !== 'online');
 615                 if (unkownNodes.length > 0) {errors.push(unkownNodes.map(node => node.node + ": " + gettext("Node is offline")));}
 616             }
 617             let jobTotalCount = nodes.length, jobsStarted = 0;
 618
 619             Ext.Msg.show({
 620                 title: gettext('Please wait...'),
 621                 closable: false,
 622                 progress: true,
 623                 progressText: '0/' + jobTotalCount,
 624             });
 625
 626             let postRequest = function() {
 627                 jobsStarted++;
 628                 Ext.Msg.updateProgress(jobsStarted / jobTotalCount, jobsStarted + '/' + jobTotalCount);
 629
 630                 if (jobsStarted === jobTotalCount) {
 631                     Ext.Msg.hide();
 632                     if (errors.length > 0) {
 633                         Ext.Msg.alert('Error', 'Some errors have been encountered:<br />' + errors.join('<br />'));
 634                     }
 635                 }
 636             };
 637
 638             nodes.forEach(node => Proxmox.Utils.API2Request({
 639                 url: '/nodes/' + node + '/vzdump',
 640                 method: 'POST',
 641                 params: job,
 642                 failure: function(response, opts) {
 643                     errors.push(node + ': ' + response.htmlStatus);
 644                     postRequest();
 645                 },
 646                 success: postRequest,
 647             }));
 648         };
 649
 650         let run_show_not_backed = function() {
 651             Ext.create('Ext.window.Window', {
 652                 modal: true,
 653                 width: 600,
 654                 height: 500,
 655                 resizable: true,
 656                 layout: 'fit',
 657                 title: gettext('Guests without backup job'),
 658                 items: [
 659                     {
 660                         xtype: 'panel',
 661                         region: 'center',
 662                         layout: {
 663                             type: 'vbox',
 664                             align: 'stretch',
 665                         },
 666                         items: [
 667                             {
 668                                 xtype: 'pveBackedGuests',
 669                                 flex: 1,
 670                                 layout: 'fit',
 671                                 store: not_backed_store,
 672                             },
 673                         ],
 674                     },
 675                 ],
 676             }).show();
 677         };
 678
 679         var edit_btn = new Proxmox.button.Button({
 680             text: gettext('Edit'),
 681             disabled: true,
 682             selModel: sm,
 683             handler: run_editor,
 684         });
 685
 686         var run_btn = new Proxmox.button.Button({
 687             text: gettext('Run now'),
 688             disabled: true,
 689             selModel: sm,
 690             handler: function() {
 691                 var rec = sm.getSelection()[0];
 692                 if (!rec) {
 693                     return;
 694                 }
 695
 696                 Ext.Msg.show({
 697                     title: gettext('Confirm'),
 698                     icon: Ext.Msg.QUESTION,
 699                     msg: gettext('Start the selected backup job now?'),
 700                     buttons: Ext.Msg.YESNO,
 701                     callback: function(btn) {
 702                         if (btn !== 'yes') {
 703                             return;
 704                         }
 705                         run_backup_now(rec.data);
 706                     },
 707                 });
 708             },
 709         });
 710
 711         var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', {
 712             selModel: sm,
 713             baseurl: '/cluster/backup',
 714             callback: function() {
 715                 reload();
 716             },
 717         });
 718
 719         var detail_btn = new Proxmox.button.Button({
 720             text: gettext('Job Detail'),
 721             disabled: true,
 722             tooltip: gettext('Show job details and which guests and volumes are affected by the backup job'),
 723             selModel: sm,
 724             handler: run_detail,
 725         });
 726
 727         noBackupJobWarning = Ext.create('Ext.toolbar.TextItem', {
 728             html: '<i class="fa fa-fw fa-exclamation-circle"></i>' + gettext('Some guests are not covered by any backup job.'),
 729             hidden: true,
 730         });
 731
 732         noBackupJobInfoButton = new Proxmox.button.Button({
 733             text: gettext('Show'),
 734             hidden: true,
 735             handler: run_show_not_backed,
 736         });
 737
 738         Proxmox.Utils.monStoreErrors(me, store);
 739
 740         Ext.apply(me, {
 741             store: store,
 742             selModel: sm,
 743             stateful: true,
 744             stateId: 'grid-dc-backup',
 745             viewConfig: {
 746                 trackOver: false,
 747             },
 748             tbar: [
 749                 {
 750                     text: gettext('Add'),
 751                     handler: function() {
 752                         var win = Ext.create('PVE.dc.BackupEdit', {});
 753                         win.on('destroy', reload);
 754                         win.show();
 755                     },
 756                 },
 757                 '-',
 758                 remove_btn,
 759                 edit_btn,
 760                 detail_btn,
 761                 '-',
 762                 run_btn,
 763                 '->',
 764                 noBackupJobWarning,
 765                 noBackupJobInfoButton,
 766                 '-',
 767                 {
 768                     xtype: 'proxmoxButton',
 769                     selModel: null,
 770                     text: gettext('Schedule Simulator'),
 771                     handler: () => {
 772                         let record = sm.getSelection()[0];
 773                         let schedule;
 774                         if (record) {
 775                             schedule = record.data.schedule;
 776                         }
 777                         Ext.create('PVE.window.ScheduleSimulator', {
 778                             schedule,
 779                         }).show();
 780                     },
 781                 },
 782             ],
 783             columns: [
 784                 {
 785                     header: gettext('Enabled'),
 786                     width: 80,
 787                     dataIndex: 'enabled',
 788                     xtype: 'checkcolumn',
 789                     sortable: true,
 790                     disabled: true,
 791                     disabledCls: 'x-item-enabled',
 792                     stopSelection: false,
 793                 },
 794                 {
 795                     header: gettext('ID'),
 796                     dataIndex: 'id',
 797                     hidden: true,
 798                 },
 799                 {
 800                     header: gettext('Node'),
 801                     width: 100,
 802                     sortable: true,
 803                     dataIndex: 'node',
 804                     renderer: function(value) {
 805                         if (value) {
 806                             return value;
 807                         }
 808                         return me.allText;
 809                     },
 810                 },
 811                 {
 812                     header: gettext('Schedule'),
 813                     width: 150,
 814                     dataIndex: 'schedule',
 815                 },
 816                 {
 817                     text: gettext('Next Run'),
 818                     dataIndex: 'next-run',
 819                     width: 150,
 820                     renderer: PVE.Utils.render_next_event,
 821                 },
 822                 {
 823                     header: gettext('Storage'),
 824                     width: 100,
 825                     sortable: true,
 826                     dataIndex: 'storage',
 827                 },
 828                 {
 829                     header: gettext('Comment'),
 830                     dataIndex: 'comment',
 831                     renderer: Ext.htmlEncode,
 832                     sorter: (a, b) => (a.data.comment || '').localeCompare(b.data.comment || ''),
 833                     flex: 1,
 834                 },
 835                 {
 836                     header: gettext('Retention'),
 837                     dataIndex: 'prune-backups',
 838                     renderer: v => v ? PVE.Parser.printPropertyString(v) : gettext('Fallback from storage config'),
 839                     flex: 2,
 840                 },
 841                 {
 842                     header: gettext('Selection'),
 843                     flex: 4,
 844                     sortable: false,
 845                     dataIndex: 'vmid',
 846                     renderer: PVE.Utils.render_backup_selection,
 847                 },
 848             ],
 849             listeners: {
 850                 activate: reload,
 851                 itemdblclick: run_editor,
 852             },
 853         });
 854
 855         me.callParent();
 856     },
 857 }, function() {
 858     Ext.define('pve-cluster-backup', {
 859         extend: 'Ext.data.Model',
 860         fields: [
 861             'id',
 862             'compress',
 863             'dow',
 864             'exclude',
 865             'mailto',
 866             'mode',
 867             'node',
 868             'pool',
 869             'prune-backups',
 870             'starttime',
 871             'storage',
 872             'vmid',
 873             { name: 'enabled', type: 'boolean' },
 874             { name: 'all', type: 'boolean' },
 875         ],
 876     });
 877 });