www/manager6/lxc/SnapshotTree.js

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