ui: fix align mode of two column container

[pve-manager.git] / www / manager6 / grid / BackupView.js

diff --git a/www/manager6/grid/BackupView.js b/www/manager6/grid/BackupView.js
index 8d5fe947c127aaf022768d144d0fdde51590936c..e71d1c88ac4b8d4c948f2b8a61e3eeebe7082f0d 100644 (file)
--- a/www/manager6/grid/BackupView.js
+++ b/www/manager6/grid/BackupView.js
@@ -54,10 +54,16 @@ Ext.define('PVE.grid.BackupView', {
 
        me.store = Ext.create('Ext.data.Store', {
            model: 'pve-storage-content',
-           sorters: {
-               property: 'volid',
-               order: 'DESC',
-           },
+           sorters: [
+               {
+                   property: 'vmid',
+                   direction: 'ASC',
+               },
+               {
+                   property: 'vdate',
+                   direction: 'DESC',
+               },
+           ],
            filters: [
                vmtypeFilter,
                searchFilter,
@@ -73,9 +79,9 @@ Ext.define('PVE.grid.BackupView', {
            ]);
        };
 
-       var reload = Ext.Function.createBuffered(function() {
+       const reload = Ext.Function.createBuffered((options) => {
            if (me.store) {
-               me.store.load();
+               me.store.load(options);
            }
        }, 100);
 
@@ -89,6 +95,8 @@ Ext.define('PVE.grid.BackupView', {
                url: url,
            });
 
+           Proxmox.Utils.monStoreErrors(me.view, me.store, true);
+
            reload();
        };
 
@@ -191,45 +199,35 @@ Ext.define('PVE.grid.BackupView', {
            },
        });
 
-       var delete_btn = Ext.create('Proxmox.button.StdRemoveButton', {
+       let delete_btn = Ext.create('Proxmox.button.StdRemoveButton', {
            selModel: sm,
            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 + "'");
-               msg += " " + gettext('This will permanently erase all data.');
-
-               return msg;
-           },
-           getUrl: function(rec) {
-               var storage = storagesel.getValue();
-               return '/nodes/' + nodename + '/storage/' + storage + '/content/' + rec.data.volid;
-           },
-           callback: function() {
-               reload();
+           enableFn: rec => !rec?.data?.protected,
+           confirmMsg: ({ data }) => {
+               let msg = Ext.String.format(
+                   gettext('Are you sure you want to remove entry {0}'), `'${data.volid}'`);
+               return msg + " " + gettext('This will permanently erase all data.');
            },
+           getUrl: ({ data }) => `/nodes/${nodename}/storage/${storagesel.getValue()}/content/${data.volid}`,
+           callback: () => reload(),
        });
 
-       var config_btn = Ext.create('Proxmox.button.Button', {
+       let config_btn = Ext.create('Proxmox.button.Button', {
            text: gettext('Show Configuration'),
            disabled: true,
            selModel: sm,
-           enableFn: function(rec) {
-               return !!rec;
-           },
+           enableFn: rec => !!rec,
            handler: function(b, e, rec) {
-               var storage = storagesel.getValue();
+               let storage = storagesel.getValue();
                if (!storage) {
                    return;
                }
-
-               var win = Ext.create('PVE.window.BackupConfig', {
+               Ext.create('PVE.window.BackupConfig', {
                    volume: rec.data.volid,
                    pveSelNode: me.pveSelNode,
+                   autoShow: true,
                });
-
-               win.show();
            },
        });
 
@@ -238,12 +236,11 @@ Ext.define('PVE.grid.BackupView', {
            text: gettext('File Restore'),
            disabled: true,
            selModel: sm,
-           enableFn: function(rec) {
-               return !!rec && isPBS;
-           },
+           enableFn: rec => !!rec && isPBS,
            hidden: !isPBS,
            handler: function(b, e, rec) {
-               var storage = storagesel.getValue();
+               let storage = storagesel.getValue();
+               let isVMArchive = PVE.Utils.volume_is_qemu_backup(rec.data.volid, rec.data.format);
                Ext.create('Proxmox.window.FileBrowser', {
                    title: gettext('File Restore') + " - " + rec.data.text,
                    listURL: `/api2/json/nodes/localhost/storage/${storage}/file-restore/list`,
@@ -251,9 +248,9 @@ Ext.define('PVE.grid.BackupView', {
                    extraParams: {
                        volume: rec.data.volid,
                    },
-                   archive: PVE.Utils.volume_is_qemu_backup(rec.data.volid, rec.data.format) ?
-                       'all' : undefined,
-               }).show();
+                   archive: isVMArchive ? 'all' : undefined,
+                   autoShow: true,
+               });
            },
        });
 
@@ -263,12 +260,10 @@ Ext.define('PVE.grid.BackupView', {
                overflowHandler: 'scroller',
                items: [
                    backup_btn,
-                   restore_btn,
-                   delete_btn,
                    '-',
-                   config_btn,
+                   restore_btn,
                    file_restore_btn,
-                   '-',
+                   config_btn,
                    {
                        xtype: 'proxmoxButton',
                        text: gettext('Edit Notes'),
@@ -298,6 +293,31 @@ Ext.define('PVE.grid.BackupView', {
                            }).show();
                        },
                    },
+                   {
+                       xtype: 'proxmoxButton',
+                       text: gettext('Change Protection'),
+                       disabled: true,
+                       handler: function(button, event, record) {
+                           let volid = record.data.volid, storage = storagesel.getValue();
+                           let url = `/api2/extjs/nodes/${nodename}/storage/${storage}/content/${volid}`;
+                           Proxmox.Utils.API2Request({
+                               url: url,
+                               method: 'PUT',
+                               waitMsgTarget: me,
+                               params: {
+                                   'protected': record.data.protected ? 0 : 1,
+                               },
+                               failure: (response) => Ext.Msg.alert('Error', response.htmlStatus),
+                               success: () => {
+                                   reload({
+                                       callback: () => sm.fireEvent('selectionchange', sm, [record]),
+                                   });
+                               },
+                           });
+                       },
+                   },
+                   '-',
+                   delete_btn,
                    '->',
                    storagesel,
                    '-',
@@ -319,6 +339,14 @@ Ext.define('PVE.grid.BackupView', {
                    flex: 1,
                    renderer: Ext.htmlEncode,
                },
+               {
+                   header: `<i class="fa fa-shield"></i>`,
+                   tooltip: gettext('Protected'),
+                   width: 30,
+                   renderer: v => v ? `<i data-qtip="${gettext('Protected')}" class="fa fa-shield"></i>` : '',
+                   sorter: (a, b) => (b.data.protected || 0) - (a.data.protected || 0),
+                   dataIndex: 'protected',
+               },
                {
                    header: gettext('Date'),
                    width: 150,
@@ -336,7 +364,7 @@ Ext.define('PVE.grid.BackupView', {
                    dataIndex: 'size',
                },
                {
-                   header: gettext('VMID'),
+                   header: 'VMID',
                    dataIndex: 'vmid',
                    hidden: true,
                },