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          var me = this;
   9
  10         me.isCreate = !me.jobid;
  11
  12         var url;
  13         var method;
  14
  15         if (me.isCreate) {
  16             url = '/api2/extjs/cluster/backup';
  17             method = 'POST';
  18         } else {
  19             url = '/api2/extjs/cluster/backup/' + me.jobid;
  20             method = 'PUT';
  21         }
  22
  23         var vmidField = Ext.create('Ext.form.field.Hidden', {
  24             name: 'vmid'
  25         });
  26
  27         /*jslint confusion: true*/
  28         // 'value' can be assigned a string or an array
  29         var selModeField =  Ext.create('Proxmox.form.KVComboBox', {
  30             xtype: 'proxmoxKVComboBox',
  31             comboItems: [
  32                 ['include', gettext('Include selected VMs')],
  33                 ['all', gettext('All')],
  34                 ['exclude', gettext('Exclude selected VMs')],
  35                 ['pool', gettext('Pool based')]
  36             ],
  37             fieldLabel: gettext('Selection mode'),
  38             name: 'selMode',
  39             value: ''
  40         });
  41
  42         var sm = Ext.create('Ext.selection.CheckboxModel', {
  43             mode: 'SIMPLE',
  44             listeners: {
  45                 selectionchange: function(model, selected) {
  46                     var sel = [];
  47                     Ext.Array.each(selected, function(record) {
  48                         sel.push(record.data.vmid);
  49                     });
  50
  51                     // to avoid endless recursion suspend the vmidField change
  52                     // event temporary as it calls us again
  53                     vmidField.suspendEvent('change');
  54                     vmidField.setValue(sel);
  55                     vmidField.resumeEvent('change');
  56                 }
  57             }
  58         });
  59
  60         var storagesel = Ext.create('PVE.form.StorageSelector', {
  61             fieldLabel: gettext('Storage'),
  62             nodename: 'localhost',
  63             storageContent: 'backup',
  64             allowBlank: false,
  65             name: 'storage'
  66         });
  67
  68         var store = new Ext.data.Store({
  69             model: 'PVEResources',
  70             sorters: {
  71                 property: 'vmid',
  72                 order: 'ASC'
  73             }
  74         });
  75
  76         var vmgrid = Ext.createWidget('grid', {
  77             store: store,
  78             border: true,
  79             height: 300,
  80             selModel: sm,
  81             disabled: true,
  82             columns: [
  83                 {
  84                     header: 'ID',
  85                     dataIndex: 'vmid',
  86                     width: 60
  87                 },
  88                 {
  89                     header: gettext('Node'),
  90                     dataIndex: 'node'
  91                 },
  92                 {
  93                     header: gettext('Status'),
  94                     dataIndex: 'uptime',
  95                     renderer: function(value) {
  96                         if (value) {
  97                             return Proxmox.Utils.runningText;
  98                         } else {
  99                             return Proxmox.Utils.stoppedText;
 100                         }
 101                     }
 102                 },
 103                 {
 104                     header: gettext('Name'),
 105                     dataIndex: 'name',
 106                     flex: 1
 107                 },
 108                 {
 109                     header: gettext('Type'),
 110                     dataIndex: 'type'
 111                 }
 112             ]
 113         });
 114
 115         var selectPoolMembers = function(poolid) {
 116             if (!poolid) {
 117                 return;
 118             }
 119             sm.deselectAll(true);
 120             store.filter([
 121                 {
 122                     id: 'poolFilter',
 123                     property: 'pool',
 124                     value: poolid
 125                 }
 126             ]);
 127             sm.selectAll(true);
 128         };
 129
 130         var selPool = Ext.create('PVE.form.PoolSelector', {
 131             fieldLabel: gettext('Pool to backup'),
 132             hidden: true,
 133             allowBlank: true,
 134             name: 'pool',
 135             listeners: {
 136                 change: function( selpool, newValue, oldValue) {
 137                     selectPoolMembers(newValue);
 138                 }
 139             }
 140         });
 141
 142         var nodesel = Ext.create('PVE.form.NodeSelector', {
 143             name: 'node',
 144             fieldLabel: gettext('Node'),
 145             allowBlank: true,
 146             editable: true,
 147             autoSelect: false,
 148             emptyText: '-- ' + gettext('All') + ' --',
 149             listeners: {
 150                 change: function(f, value) {
 151                     storagesel.setNodename(value || 'localhost');
 152                     var mode = selModeField.getValue();
 153                     store.clearFilter();
 154                     store.filterBy(function(rec) {
 155                         return (!value || rec.get('node') === value);
 156                     });
 157                     if (mode === 'all') {
 158                         sm.selectAll(true);
 159                     }
 160
 161                     if (mode === 'pool') {
 162                         selectPoolMembers(selPool.value);
 163                     }
 164                 }
 165             }
 166         });
 167
 168         var column1 = [
 169             nodesel,
 170             storagesel,
 171             {
 172                 xtype: 'pveDayOfWeekSelector',
 173                 name: 'dow',
 174                 fieldLabel: gettext('Day of week'),
 175                 multiSelect: true,
 176                 value: ['sat'],
 177                 allowBlank: false
 178             },
 179             {
 180                 xtype: 'timefield',
 181                 fieldLabel: gettext('Start Time'),
 182                 name: 'starttime',
 183                 format: 'H:i',
 184                 formatText: 'HH:MM',
 185                 value: '00:00',
 186                 allowBlank: false
 187             },
 188             selModeField,
 189             selPool
 190         ];
 191
 192         var column2 = [
 193             {
 194                 xtype: 'textfield',
 195                 fieldLabel: gettext('Send email to'),
 196                 name: 'mailto'
 197             },
 198             {
 199                 xtype: 'pveEmailNotificationSelector',
 200                 fieldLabel: gettext('Email notification'),
 201                 name: 'mailnotification',
 202                 deleteEmpty: me.isCreate ? false : true,
 203                 value: me.isCreate ? 'always' : ''
 204             },
 205             {
 206                 xtype: 'pveCompressionSelector',
 207                 fieldLabel: gettext('Compression'),
 208                 name: 'compress',
 209                 deleteEmpty: me.isCreate ? false : true,
 210                 value: 'lzo'
 211             },
 212             {
 213                 xtype: 'pveBackupModeSelector',
 214                 fieldLabel: gettext('Mode'),
 215                 value: 'snapshot',
 216                 name: 'mode'
 217             },
 218             {
 219                 xtype: 'proxmoxcheckbox',
 220                 fieldLabel: gettext('Enable'),
 221                 name: 'enabled',
 222                 uncheckedValue: 0,
 223                 defaultValue: 1,
 224                 checked: true
 225             },
 226             vmidField
 227         ];
 228         /*jslint confusion: false*/
 229
 230         var ipanel = Ext.create('Proxmox.panel.InputPanel', {
 231             onlineHelp: 'chapter_vzdump',
 232             column1: column1,
 233             column2:  column2,
 234             onGetValues: function(values) {
 235                 if (!values.node) {
 236                     if (!me.isCreate) {
 237                         Proxmox.Utils.assemble_field_data(values, { 'delete': 'node' });
 238                     }
 239                     delete values.node;
 240                 }
 241
 242                 var selMode = values.selMode;
 243                 delete values.selMode;
 244
 245                 if (selMode === 'all') {
 246                     values.all = 1;
 247                     values.exclude = '';
 248                     delete values.vmid;
 249                 } else if (selMode === 'exclude') {
 250                     values.all = 1;
 251                     values.exclude = values.vmid;
 252                     delete values.vmid;
 253                 } else if (selMode === 'pool') {
 254                     delete values.vmid;
 255                 }
 256
 257                 if (selMode !== 'pool') {
 258                     delete values.pool;
 259                 }
 260                 return values;
 261             }
 262         });
 263
 264         var update_vmid_selection = function(list, mode) {
 265             if (mode !== 'all' && mode !== 'pool') {
 266                 sm.deselectAll(true);
 267                 if (list) {
 268                     Ext.Array.each(list.split(','), function(vmid) {
 269                         var rec = store.findRecord('vmid', vmid);
 270                         if (rec) {
 271                             sm.select(rec, true);
 272                         }
 273                     });
 274                 }
 275             }
 276         };
 277
 278         vmidField.on('change', function(f, value) {
 279             var mode = selModeField.getValue();
 280             update_vmid_selection(value, mode);
 281         });
 282
 283         selModeField.on('change', function(f, value, oldValue) {
 284             if (oldValue === 'pool') {
 285                 store.removeFilter('poolFilter');
 286             }
 287
 288             if (oldValue === 'all') {
 289                 sm.deselectAll(true);
 290                 vmidField.setValue('');
 291             }
 292
 293             if (value === 'all') {
 294                 sm.selectAll(true);
 295                 vmgrid.setDisabled(true);
 296             } else {
 297                 vmgrid.setDisabled(false);
 298             }
 299
 300             if (value === 'pool') {
 301                 vmgrid.setDisabled(true);
 302                 vmidField.setValue('');
 303                 selPool.setVisible(true);
 304                 selPool.allowBlank = false;
 305                 selectPoolMembers(selPool.value);
 306
 307             } else {
 308                 selPool.setVisible(false);
 309                 selPool.allowBlank = true;
 310             }
 311             var list = vmidField.getValue();
 312             update_vmid_selection(list, value);
 313         });
 314
 315         var reload = function() {
 316             store.load({
 317                 params: { type: 'vm' },
 318                 callback: function() {
 319                     var node = nodesel.getValue();
 320                     store.clearFilter();
 321                     store.filterBy(function(rec) {
 322                         return (!node || node.length === 0 || rec.get('node') === node);
 323                     });
 324                     var list = vmidField.getValue();
 325                     var mode = selModeField.getValue();
 326                     if (mode === 'all') {
 327                         sm.selectAll(true);
 328                     } else if (mode === 'pool'){
 329                         selectPoolMembers(selPool.value);
 330                     } else {
 331                         update_vmid_selection(list, mode);
 332                     }
 333                 }
 334             });
 335         };
 336
 337         Ext.applyIf(me, {
 338             subject: gettext("Backup Job"),
 339             url: url,
 340             method: method,
 341             items: [ ipanel, vmgrid ]
 342         });
 343
 344         me.callParent();
 345
 346         if (me.isCreate) {
 347             selModeField.setValue('include');
 348         } else {
 349             me.load({
 350                 success: function(response, options) {
 351                     var data = response.result.data;
 352
 353                     data.dow = data.dow.split(',');
 354
 355                     if (data.all || data.exclude) {
 356                         if (data.exclude) {
 357                             data.vmid = data.exclude;
 358                             data.selMode = 'exclude';
 359                         } else {
 360                             data.vmid = '';
 361                             data.selMode = 'all';
 362                         }
 363                     } else if (data.pool) {
 364                         data.selMode = 'pool';
 365                         data.selPool = data.pool;
 366                     } else {
 367                         data.selMode = 'include';
 368                     }
 369
 370                     me.setValues(data);
 371                }
 372             });
 373         }
 374
 375         reload();
 376     }
 377 });
 378
 379
 380 Ext.define('PVE.dc.BackupView', {
 381     extend: 'Ext.grid.GridPanel',
 382
 383     alias: ['widget.pveDcBackupView'],
 384
 385     onlineHelp: 'chapter_vzdump',
 386
 387     allText: '-- ' + gettext('All') + ' --',
 388     allExceptText: gettext('All except {0}'),
 389
 390     initComponent : function() {
 391         var me = this;
 392
 393         var store = new Ext.data.Store({
 394             model: 'pve-cluster-backup',
 395             proxy: {
 396                 type: 'proxmox',
 397                 url: "/api2/json/cluster/backup"
 398             }
 399         });
 400
 401         var reload = function() {
 402             store.load();
 403         };
 404
 405         var sm = Ext.create('Ext.selection.RowModel', {});
 406
 407         var run_editor = function() {
 408             var rec = sm.getSelection()[0];
 409             if (!rec) {
 410                 return;
 411             }
 412
 413             var win = Ext.create('PVE.dc.BackupEdit',{
 414                 jobid: rec.data.id
 415             });
 416             win.on('destroy', reload);
 417             win.show();
 418         };
 419
 420         var edit_btn = new Proxmox.button.Button({
 421             text: gettext('Edit'),
 422             disabled: true,
 423             selModel: sm,
 424             handler: run_editor
 425         });
 426
 427         var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', {
 428             selModel: sm,
 429             baseurl: '/cluster/backup',
 430             callback: function() {
 431                 reload();
 432             }
 433         });
 434
 435         Proxmox.Utils.monStoreErrors(me, store);
 436
 437         Ext.apply(me, {
 438             store: store,
 439             selModel: sm,
 440             stateful: true,
 441             stateId: 'grid-dc-backup',
 442             viewConfig: {
 443                 trackOver: false
 444             },
 445             tbar: [
 446                 {
 447                     text: gettext('Add'),
 448                     handler: function() {
 449                         var win = Ext.create('PVE.dc.BackupEdit',{});
 450                         win.on('destroy', reload);
 451                         win.show();
 452                     }
 453                 },
 454                 remove_btn,
 455                 edit_btn
 456             ],
 457             columns: [
 458                 {
 459                     header: gettext('Enabled'),
 460                     width: 80,
 461                     dataIndex: 'enabled',
 462                     xtype: 'checkcolumn',
 463                     sortable: true,
 464                     disabled: true,
 465                     disabledCls: 'x-item-enabled',
 466                     stopSelection: false
 467                 },
 468                 {
 469                     header: gettext('Node'),
 470                     width: 100,
 471                     sortable: true,
 472                     dataIndex: 'node',
 473                     renderer: function(value) {
 474                         if (value) {
 475                             return value;
 476                         }
 477                         return me.allText;
 478                     }
 479                 },
 480                 {
 481                     header: gettext('Day of week'),
 482                     width: 200,
 483                     sortable: false,
 484                     dataIndex: 'dow',
 485                     renderer: function(val) {
 486                         var dows = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
 487                         var selected = [];
 488                         var cur = -1;
 489                         val.split(',').forEach(function(day){
 490                             cur++;
 491                             var dow = (dows.indexOf(day)+6)%7;
 492                             if (cur === dow) {
 493                                 if (selected.length === 0 || selected[selected.length-1] === 0) {
 494                                     selected.push(1);
 495                                 } else {
 496                                     selected[selected.length-1]++;
 497                                 }
 498                             } else {
 499                                 while (cur < dow) {
 500                                     cur++;
 501                                     selected.push(0);
 502                                 }
 503                                 selected.push(1);
 504                             }
 505                         });
 506
 507                         cur = -1;
 508                         var days = [];
 509                         selected.forEach(function(item) {
 510                             cur++;
 511                             if (item > 2) {
 512                                 days.push(Ext.Date.dayNames[(cur+1)] + '-' + Ext.Date.dayNames[(cur+item)%7]);
 513                                 cur += item-1;
 514                             } else if (item == 2) {
 515                                 days.push(Ext.Date.dayNames[cur+1]);
 516                                 days.push(Ext.Date.dayNames[(cur+2)%7]);
 517                                 cur++;
 518                             } else if (item == 1) {
 519                                 days.push(Ext.Date.dayNames[(cur+1)%7]);
 520                             }
 521                         });
 522                         return days.join(', ');
 523                     }
 524                 },
 525                 {
 526                     header: gettext('Start Time'),
 527                     width: 60,
 528                     sortable: true,
 529                     dataIndex: 'starttime'
 530                 },
 531                 {
 532                     header: gettext('Storage'),
 533                     width: 100,
 534                     sortable: true,
 535                     dataIndex: 'storage'
 536                 },
 537                 {
 538                     header: gettext('Selection'),
 539                     flex: 1,
 540                     sortable: false,
 541                     dataIndex: 'vmid',
 542                     renderer: function(value, metaData, record) {
 543                         /*jslint confusion: true */
 544                         if (record.data.all) {
 545                             if (record.data.exclude) {
 546                                 return Ext.String.format(me.allExceptText, record.data.exclude);
 547                             }
 548                             return me.allText;
 549                         }
 550                         if (record.data.vmid) {
 551                             return record.data.vmid;
 552                         }
 553
 554                         if (record.data.pool) {
 555                             return "Pool '"+ record.data.pool + "'";
 556                         }
 557
 558                         return "-";
 559                     }
 560                 }
 561             ],
 562             listeners: {
 563                 activate: reload,
 564                 itemdblclick: run_editor
 565             }
 566         });
 567
 568         me.callParent();
 569     }
 570 }, function() {
 571
 572     Ext.define('pve-cluster-backup', {
 573         extend: 'Ext.data.Model',
 574         fields: [
 575             'id', 'starttime', 'dow',
 576             'storage', 'node', 'vmid', 'exclude',
 577             'mailto', 'pool',
 578             { name: 'enabled', type: 'boolean' },
 579             { name: 'all', type: 'boolean' },
 580             { name: 'snapshot', type: 'boolean' },
 581             { name: 'stop', type: 'boolean' },
 582             { name: 'suspend', type: 'boolean' },
 583             { name: 'compress', type: 'boolean' }
 584         ]
 585     });
 586 });