www/manager6/lxc/SnapshotTree.js

   1 Ext.define('PVE.lxc.SnapshotTree', {
   2     extend: 'Ext.tree.Panel',
   3     alias: ['widget.pveLxcSnapshotTree'],
   4
   5     onlineHelp: 'pct_snapshots',
   6
   7     load_delay: 3000,
   8
   9     old_digest: 'invalid',
  10
  11     stateful: true,
  12     stateId: 'grid-lxc-snapshots',
  13
  14     sorterFn: function(rec1, rec2) {
  15         var v1 = rec1.data.snaptime;
  16         var v2 = rec2.data.snaptime;
  17
  18         if (rec1.data.name === 'current') {
  19             return 1;
  20         }
  21         if (rec2.data.name === 'current') {
  22             return -1;
  23         }
  24
  25         return (v1 > v2 ? 1 : (v1 < v2 ? -1 : 0));
  26     },
  27
  28     reload: function(repeat) {
  29         var me = this;
  30
  31         Proxmox.Utils.API2Request({
  32             url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot',
  33             method: 'GET',
  34             failure: function(response, opts) {
  35                 Proxmox.Utils.setErrorMask(me, response.htmlStatus);
  36                 me.load_task.delay(me.load_delay);
  37             },
  38             success: function(response, opts) {
  39                 Proxmox.Utils.setErrorMask(me, false);
  40                 var digest = 'invalid';
  41                 var idhash = {};
  42                 var root = { name: '__root', expanded: true, children: [] };
  43                 Ext.Array.each(response.result.data, function(item) {
  44                     item.leaf = true;
  45                     item.children = [];
  46                     if (item.name === 'current') {
  47                         digest = item.digest + item.running;
  48                         if (item.running) {
  49                             item.iconCls = 'fa fa-fw fa-desktop x-fa-tree-running';
  50                         } else {
  51                             item.iconCls = 'fa fa-fw fa-desktop x-fa-tree';
  52                         }
  53                     } else {
  54                         item.iconCls = 'fa fa-fw fa-history x-fa-tree';
  55                     }
  56                     idhash[item.name] = item;
  57                 });
  58
  59                 if (digest !== me.old_digest) {
  60                     me.old_digest = digest;
  61
  62                     Ext.Array.each(response.result.data, function(item) {
  63                         if (item.parent && idhash[item.parent]) {
  64                             var parent_item = idhash[item.parent];
  65                             parent_item.children.push(item);
  66                             parent_item.leaf = false;
  67                             parent_item.expanded = true;
  68                             parent_item.expandable = false;
  69                         } else {
  70                             root.children.push(item);
  71                         }
  72                     });
  73
  74                     me.setRootNode(root);
  75                 }
  76
  77                 me.load_task.delay(me.load_delay);
  78             }
  79         });
  80
  81         Proxmox.Utils.API2Request({
  82             url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/feature',
  83             params: { feature: 'snapshot' },
  84             method: 'GET',
  85             success: function(response, options) {
  86                 var res = response.result.data;
  87                 if (res.hasFeature) {
  88                     var snpBtns = Ext.ComponentQuery.query('#snapshotBtn');
  89                     snpBtns.forEach(function(item){
  90                         item.enable();
  91                     });
  92                 }
  93             }
  94         });
  95
  96
  97     },
  98
  99     listeners: {
 100         beforestatesave: function(grid, state, eopts) {
 101             // extjs cannot serialize functions,
 102             // so a the sorter with only the sorterFn will
 103             // not be a valid sorter when restoring the state
 104             delete state.storeState.sorters;
 105         }
 106     },
 107
 108     initComponent: function() {
 109         var me = this;
 110
 111         me.nodename = me.pveSelNode.data.node;
 112         if (!me.nodename) {
 113             throw "no node name specified";
 114         }
 115
 116         me.vmid = me.pveSelNode.data.vmid;
 117         if (!me.vmid) {
 118             throw "no VM ID specified";
 119         }
 120
 121         me.load_task = new Ext.util.DelayedTask(me.reload, me);
 122
 123         var sm = Ext.create('Ext.selection.RowModel', {});
 124
 125         var valid_snapshot = function(record) {
 126             return record && record.data && record.data.name &&
 127                 record.data.name !== 'current';
 128         };
 129
 130         var valid_snapshot_rollback = function(record) {
 131             return record && record.data && record.data.name &&
 132                 record.data.name !== 'current' && !record.data.snapstate;
 133         };
 134
 135         var run_editor = function() {
 136             var rec = sm.getSelection()[0];
 137             if (valid_snapshot(rec)) {
 138                 var win = Ext.create('PVE.window.LxcSnapshot', {
 139                     snapname: rec.data.name,
 140                     nodename: me.nodename,
 141                     vmid: me.vmid
 142                 });
 143                 win.show();
 144                 me.mon(win, 'close', me.reload, me);
 145             }
 146         };
 147
 148         var editBtn = new Proxmox.button.Button({
 149             text: gettext('Edit'),
 150             disabled: true,
 151             selModel: sm,
 152             enableFn: valid_snapshot,
 153             handler: run_editor
 154         });
 155
 156         var rollbackBtn = new Proxmox.button.Button({
 157             text: gettext('Rollback'),
 158             disabled: true,
 159             dangerous: true,
 160             selModel: sm,
 161             enableFn: valid_snapshot_rollback,
 162             confirmMsg: function(rec) {
 163                 var taskdescription = Proxmox.Utils.format_task_description('vzrollback', me.vmid);
 164                 var snaptime = Ext.Date.format(rec.data.snaptime,'Y-m-d H:i:s');
 165                 var snapname = rec.data.name;
 166
 167                 var msg = Ext.String.format(gettext('{0} to {1} ({2})'),
 168                                             taskdescription, snapname, snaptime);
 169                 msg += '<p>' + gettext('Note: Rollback stops CT') + '</p>';
 170
 171                 return msg;
 172             },
 173             handler: function(btn, event) {
 174                 var rec = sm.getSelection()[0];
 175                 if (!rec) {
 176                     return;
 177                 }
 178                 var snapname = rec.data.name;
 179
 180                 Proxmox.Utils.API2Request({
 181                     url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname + '/rollback',
 182                     method: 'POST',
 183                     waitMsgTarget: me,
 184                     callback: function() {
 185                         me.reload();
 186                     },
 187                     failure: function (response, opts) {
 188                         Ext.Msg.alert(gettext('Error'), response.htmlStatus);
 189                     },
 190                     success: function(response, options) {
 191                         var upid = response.result.data;
 192                         var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
 193                         win.show();
 194                     }
 195                 });
 196             }
 197         });
 198
 199         var removeBtn = new Proxmox.button.Button({
 200             text: gettext('Remove'),
 201             disabled: true,
 202             selModel: sm,
 203             confirmMsg: function(rec) {
 204                 var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
 205                                             "'" + rec.data.name + "'");
 206                 return msg;
 207             },
 208             enableFn: valid_snapshot,
 209             handler: function(btn, event) {
 210                 var rec = sm.getSelection()[0];
 211                 if (!rec) {
 212                     return;
 213                 }
 214                 var snapname = rec.data.name;
 215
 216                 Proxmox.Utils.API2Request({
 217                     url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname,
 218                     method: 'DELETE',
 219                     waitMsgTarget: me,
 220                     callback: function() {
 221                         me.reload();
 222                     },
 223                     failure: function (response, opts) {
 224                         Ext.Msg.alert(gettext('Error'), response.htmlStatus);
 225                     },
 226                     success: function(response, options) {
 227                         var upid = response.result.data;
 228                         var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
 229                         win.show();
 230                     }
 231                 });
 232             }
 233         });
 234
 235         var snapshotBtn = Ext.create('Ext.Button', {
 236             itemId: 'snapshotBtn',
 237             text: gettext('Take Snapshot'),
 238             disabled: true,
 239             handler: function() {
 240                 var win = Ext.create('PVE.window.LxcSnapshot', {
 241                     nodename: me.nodename,
 242                     vmid: me.vmid
 243                 });
 244                 win.show();
 245             }
 246         });
 247
 248         Ext.apply(me, {
 249             layout: 'fit',
 250             rootVisible: false,
 251             animate: false,
 252             sortableColumns: false,
 253             selModel: sm,
 254             tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ],
 255             fields: [
 256                 'name', 'description', 'snapstate', 'vmstate', 'running',
 257                 { name: 'snaptime', type: 'date', dateFormat: 'timestamp' }
 258             ],
 259             columns: [
 260                 {
 261                     xtype: 'treecolumn',
 262                     text: gettext('Name'),
 263                     dataIndex: 'name',
 264                     width: 200,
 265                     renderer: function(value, metaData, record) {
 266                         if (value === 'current') {
 267                             return "NOW";
 268                         } else {
 269                             return value;
 270                         }
 271                     }
 272                 },
 273 //              {
 274 //                  text: gettext('RAM'),
 275 //                  align: 'center',
 276 //                  resizable: false,
 277 //                  dataIndex: 'vmstate',
 278 //                  width: 50,
 279 //                  renderer: function(value, metaData, record) {
 280 //                      if (record.data.name !== 'current') {
 281 //                          return Proxmox.Utils.format_boolean(value);
 282 //                      }
 283 //                  }
 284 //              },
 285                 {
 286                     text: gettext('Date') + "/" + gettext("Status"),
 287                     dataIndex: 'snaptime',
 288                     resizable: false,
 289                     width: 150,
 290                     renderer: function(value, metaData, record) {
 291                         if (record.data.snapstate) {
 292                             return record.data.snapstate;
 293                         }
 294                         if (value) {
 295                             return Ext.Date.format(value,'Y-m-d H:i:s');
 296                         }
 297                     }
 298                 },
 299                 {
 300                     text: gettext('Description'),
 301                     dataIndex: 'description',
 302                     flex: 1,
 303                     renderer: function(value, metaData, record) {
 304                         if (record.data.name === 'current') {
 305                             return gettext("You are here!");
 306                         } else {
 307                             return Ext.String.htmlEncode(value);
 308                         }
 309                     }
 310                 }
 311             ],
 312             columnLines: true,
 313             listeners: {
 314                 activate: me.reload,
 315                 destroy: me.load_task.cancel,
 316                 itemdblclick: run_editor
 317             }
 318         });
 319
 320         me.callParent();
 321
 322         me.store.sorters.add(new Ext.util.Sorter({
 323             sorterFn: me.sorterFn
 324         }));
 325     }
 326 });