]> git.proxmox.com Git - pve-manager.git/blobdiff - www/manager6/grid/BackupView.js
ui: factor out backup verification renderer
[pve-manager.git] / www / manager6 / grid / BackupView.js
index a924c0a4bd0bddf0482894e2b174eef7ea87489d..d04baeefd2ea6cfaf309e6d89c469d0effa01432 100644 (file)
@@ -27,17 +27,13 @@ Ext.define('PVE.grid.BackupView', {
        }
 
        var vmtypeFilter;
-       if (vmtype === 'openvz') {
+       if (vmtype === 'lxc' || vmtype === 'openvz') {
            vmtypeFilter = function(item) {
-               return item.data.volid.match(':backup/vzdump-openvz-');
-           };
-       } else if (vmtype === 'lxc') {
-           vmtypeFilter = function(item) {
-               return item.data.volid.match(':backup/vzdump-lxc-');
+               return PVE.Utils.volume_is_lxc_backup(item.data.volid, item.data.format);
            };
        } else if (vmtype === 'qemu') {
            vmtypeFilter = function(item) {
-               return item.data.volid.match(':backup/vzdump-qemu-');
+               return PVE.Utils.volume_is_qemu_backup(item.data.volid, item.data.format);
            };
        } else {
            throw "unsupported VM type '" + vmtype + "'";
@@ -45,13 +41,17 @@ Ext.define('PVE.grid.BackupView', {
 
        var searchFilter = {
            property: 'volid',
-       // on initial store display only our vmid backups
-       // surround with minus sign to prevent the 2016 VMID bug
-           value: vmtype + '-' + vmid + '-',
+           value: '',
            anyMatch: true,
            caseSensitive: false
        };
 
+       var vmidFilter = {
+           property: 'vmid',
+           value: vmid,
+           exactMatch: true,
+       };
+
        me.store = Ext.create('Ext.data.Store', {
            model: 'pve-storage-content',
            sorters: { 
@@ -60,12 +60,21 @@ Ext.define('PVE.grid.BackupView', {
            },
            filters: [
                vmtypeFilter,
-               searchFilter
+               searchFilter,
+               vmidFilter,
                ]
        });
 
+       let updateFilter = function() {
+           me.store.filter([
+               vmtypeFilter,
+               searchFilter,
+               vmidFilter,
+           ]);
+       };
+
        var reload = Ext.Function.createBuffered(function() {
-           if (me.store && me.store.proxy.url) {
+           if (me.store) {
                me.store.load();
            }
        }, 100);
@@ -75,7 +84,7 @@ Ext.define('PVE.grid.BackupView', {
            url += '?content=backup';
 
            me.store.setProxy({
-               type: 'pve',
+               type: 'proxmox',
                url: url
            });
 
@@ -90,6 +99,16 @@ Ext.define('PVE.grid.BackupView', {
            allowBlank: false,
            listeners: {
                change: function(f, value) {
+                   let storage = f.getStore().findRecord('storage', value);
+                   if (storage) {
+                       let isPBS = storage.data.type === 'pbs';
+                       me.getColumns().forEach((column) => {
+                           let id = column.dataIndex;
+                           if (id === 'verification' || id === 'encrypted') {
+                               column.setHidden(!isPBS);
+                           }
+                       });
+                   }
                    setStorage(value);
                }
            }
@@ -106,14 +125,23 @@ Ext.define('PVE.grid.BackupView', {
                keyup: function(field) {
                    me.store.clearFilter(true);
                    searchFilter.value = field.getValue();
-                   me.store.filter([
-                       vmtypeFilter,
-                       searchFilter
-                   ]);
+                   updateFilter();
                }
            }
        });
 
+       var vmidfilterCB = Ext.create('Ext.form.field.Checkbox', {
+           boxLabel: gettext('Filter VMID'),
+           value: '1',
+           listeners: {
+               change: function(cb, value) {
+                   vmidFilter.value = value ? vmid : '';
+                   vmidFilter.exactMatch = !!value;
+                   updateFilter();
+               },
+           },
+       });
+
        var sm = Ext.create('Ext.selection.RowModel', {});
 
        var backup_btn = Ext.create('Ext.button.Button', {
@@ -123,13 +151,18 @@ Ext.define('PVE.grid.BackupView', {
                    nodename: nodename,
                    vmid: vmid,
                    vmtype: vmtype,
-                   storage: storagesel.getValue()
+                   storage: storagesel.getValue(),
+                   listeners : {
+                       close: function() {
+                           reload();
+                       }
+                   }
                });
                win.show();
            }
        });
 
-       var restore_btn = Ext.create('PVE.button.Button', {
+       var restore_btn = Ext.create('Proxmox.button.Button', {
            text: gettext('Restore'),
            disabled: true,
            selModel: sm,
@@ -137,9 +170,7 @@ Ext.define('PVE.grid.BackupView', {
                return !!rec;
            },
            handler: function(b, e, rec) {
-               var volid = rec.data.volid;
-
-               var win = Ext.create('PVE.window.Restore', {
+               let win = Ext.create('PVE.window.Restore', {
                    nodename: nodename,
                    vmid: vmid,
                    volid: rec.data.volid,
@@ -151,11 +182,10 @@ Ext.define('PVE.grid.BackupView', {
            }
        });
 
-       var delete_btn = Ext.create('PVE.button.Button', {
-           text: gettext('Remove'),
-           disabled: true,
+       var delete_btn = Ext.create('Proxmox.button.StdRemoveButton', {
            selModel: sm,
-           dangerous: true,        
+           dangerous: true,
+           delay: 5,
            confirmMsg: function(rec) {
                var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
                                            "'" + rec.data.volid + "'");
@@ -163,31 +193,16 @@ Ext.define('PVE.grid.BackupView', {
 
                return msg;
            },
-           enableFn: function(rec) {
-               return !!rec;
-           },
-           handler: function(b, e, rec){
+           getUrl: function(rec) {
                var storage = storagesel.getValue();
-               if (!storage) {
-                   return;
-               }
-
-               var volid = rec.data.volid;
-               PVE.Utils.API2Request({
-                   url: "/nodes/" + nodename + "/storage/" + storage + "/content/" + volid,
-                   method: 'DELETE',
-                   waitMsgTarget: me,
-                   failure: function(response, opts) {
-                       Ext.Msg.alert('Error', response.htmlStatus);
-                   },
-                   success: function(response, options) {
-                       reload();
-                   }
-               });
+               return '/nodes/' + nodename + '/storage/' + storage + '/content/' + rec.data.volid;
+           },
+           callback: function() {
+               reload();
            }
        });
 
-       var config_btn = Ext.create('PVE.button.Button', {
+       var config_btn = Ext.create('Proxmox.button.Button', {
            text: gettext('Show Configuration'),
            disabled: true,
            selModel: sm,
@@ -211,15 +226,78 @@ Ext.define('PVE.grid.BackupView', {
 
        Ext.apply(me, {
            selModel: sm,
-           tbar: [ backup_btn, restore_btn, delete_btn,config_btn, '->', storagesel, storagefilter ],
+           tbar: {
+               overflowHandler: 'scroller',
+               items: [
+                   backup_btn,
+                   restore_btn,
+                   delete_btn,
+                   '-',
+                   config_btn,
+                   '-',
+                   {
+                       xtype: 'proxmoxButton',
+                       text: gettext('Edit Notes'),
+                       disabled: true,
+                       enableFn: function() {
+                           let storageVal = storagesel.getValue();
+                           let storage = storagesel.getStore().findRecord('storage', storageVal);
+                           if (storage) {
+                               return storage.data.type !== 'pbs';
+                           }
+                           return true;
+                       },
+                       handler: function() {
+                           let volid = sm.getSelection()[0].data.volid;
+                           var storage = storagesel.getValue();
+                           Ext.create('Proxmox.window.Edit', {
+                               autoLoad: true,
+                               width: 600,
+                               height: 400,
+                               resizable: true,
+                               title: gettext('Notes'),
+                               url: `/api2/extjs/nodes/${nodename}/storage/${storage}/content/${volid}`,
+                               layout: 'fit',
+                               items: [
+                                   {
+                                       xtype: 'textarea',
+                                       layout: 'fit',
+                                       name: 'notes',
+                                       height: '100%',
+                                   },
+                               ],
+                               listeners: {
+                                   destroy: () => reload(),
+                               },
+                           }).show();
+                       },
+                   },
+                   '->',
+                   storagesel,
+                   '-',
+                   vmidfilterCB,
+                   storagefilter
+               ],
+           },
            columns: [
                {
                    header: gettext('Name'),
-                   flex: 1,
+                   flex: 2,
                    sortable: true,
                    renderer: PVE.Utils.render_storage_content,
                    dataIndex: 'volid'
                },
+               {
+                   header: gettext('Notes'),
+                   dataIndex: 'notes',
+                   flex: 1,
+                   renderer: Ext.htmlEncode,
+               },
+               {
+                   header: gettext('Date'),
+                   width: 150,
+                   dataIndex: 'vdate'
+               },
                {
                    header: gettext('Format'),
                    width: 100,
@@ -228,13 +306,25 @@ Ext.define('PVE.grid.BackupView', {
                {
                    header: gettext('Size'),
                    width: 100,
-                   renderer: PVE.Utils.format_size,
+                   renderer: Proxmox.Utils.format_size,
                    dataIndex: 'size'
+               },
+               {
+                   header: gettext('VMID'),
+                   dataIndex: 'vmid',
+                   hidden: true,
+               },
+               {
+                   header: gettext('Encrypted'),
+                   dataIndex: 'encrypted',
+                   renderer: PVE.Utils.render_backup_encryption,
+               },
+               {
+                   header: gettext('Verify State'),
+                   dataIndex: 'verification',
+                   renderer: PVE.Utils.render_backup_verification,
                }
-           ],
-           listeners: {
-               activate: reload
-           }
+           ]
        });
 
        me.callParent();