Add Snapshot to LXC
Signed-off-by: Wolfgang Link <w.link@proxmox.com>
This commit is contained in:
Wolfgang Link
Dietmar Maurer
parent
d67a3aaa9a
commit
e00f8e857b
@ -147,6 +147,8 @@ JSSRC= \
|
||||
lxc/DNS.js \
|
||||
lxc/Config.js \
|
||||
lxc/CreateWizard.js \
|
||||
lxc/SnapshotTree.js \
|
||||
lxc/Snapshot.js \
|
||||
pool/StatusView.js \
|
||||
pool/Summary.js \
|
||||
pool/Config.js \
|
||||
|
||||
@ -542,6 +542,9 @@ Ext.define('PVE.Utils', { statics: {
|
||||
vzshutdown: ['CT', gettext('Shutdown') ],
|
||||
vzsuspend: [ 'CT', gettext('Suspend') ],
|
||||
vzresume: [ 'CT', gettext('Resume') ],
|
||||
vzsnapshot: [ 'CT', gettext('Snapshot') ],
|
||||
vzrollback: [ 'CT', gettext('Rollback') ],
|
||||
vzdelsnapshot: [ 'CT', gettext('Delete Snapshot') ],
|
||||
hamigrate: [ 'HA', gettext('Migrate') ],
|
||||
hastart: [ 'HA', gettext('Start') ],
|
||||
hastop: [ 'HA', gettext('Stop') ],
|
||||
|
||||
@ -172,7 +172,14 @@ Ext.define('PVE.lxc.Config', {
|
||||
nodename: nodename
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
if (caps.vms['VM.Snapshot']) {
|
||||
me.items.push({
|
||||
title: gettext('Snapshots'),
|
||||
xtype: 'pveLxcSnapshotTree',
|
||||
itemId: 'snapshot'
|
||||
});
|
||||
}
|
||||
|
||||
if (caps.vms['VM.Console']) {
|
||||
me.items.push([
|
||||
|
||||
198
www/manager/lxc/Snapshot.js
Normal file
198
www/manager/lxc/Snapshot.js
Normal file
@ -0,0 +1,198 @@
|
||||
Ext.define('PVE.window.LxcSnapshot', {
|
||||
extend: 'Ext.window.Window',
|
||||
|
||||
resizable: false,
|
||||
|
||||
take_snapshot: function(snapname, descr, vmstate) {
|
||||
var me = this;
|
||||
var params = { snapname: snapname };
|
||||
if (descr) {
|
||||
params.description = descr;
|
||||
}
|
||||
|
||||
PVE.Utils.API2Request({
|
||||
params: params,
|
||||
url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot",
|
||||
waitMsgTarget: me,
|
||||
method: 'POST',
|
||||
failure: function(response, opts) {
|
||||
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||
},
|
||||
success: function(response, options) {
|
||||
var upid = response.result.data;
|
||||
var win = Ext.create('PVE.window.TaskProgress', { upid: upid });
|
||||
win.show();
|
||||
me.close();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
update_snapshot: function(snapname, descr) {
|
||||
var me = this;
|
||||
PVE.Utils.API2Request({
|
||||
params: { description: descr },
|
||||
url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" +
|
||||
snapname + '/config',
|
||||
waitMsgTarget: me,
|
||||
method: 'PUT',
|
||||
failure: function(response, opts) {
|
||||
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||
},
|
||||
success: function(response, options) {
|
||||
me.close();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
initComponent : function() {
|
||||
var me = this;
|
||||
|
||||
if (!me.nodename) {
|
||||
throw "no node name specified";
|
||||
}
|
||||
|
||||
if (!me.vmid) {
|
||||
throw "no VM ID specified";
|
||||
}
|
||||
|
||||
var summarystore = Ext.create('Ext.data.Store', {
|
||||
model: 'KeyValue',
|
||||
sorters: [
|
||||
{
|
||||
property : 'key',
|
||||
direction: 'ASC'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
var items = [
|
||||
{
|
||||
xtype: me.snapname ? 'displayfield' : 'textfield',
|
||||
name: 'snapname',
|
||||
value: me.snapname,
|
||||
fieldLabel: gettext('Name'),
|
||||
vtype: 'StorageId',
|
||||
allowBlank: false
|
||||
}
|
||||
];
|
||||
|
||||
if (me.snapname) {
|
||||
items.push({
|
||||
xtype: 'displayfield',
|
||||
name: 'snaptime',
|
||||
fieldLabel: gettext('Timestamp')
|
||||
});
|
||||
}
|
||||
|
||||
items.push({
|
||||
xtype: 'textareafield',
|
||||
grow: true,
|
||||
name: 'description',
|
||||
fieldLabel: gettext('Description')
|
||||
});
|
||||
|
||||
if (me.snapname) {
|
||||
items.push({
|
||||
title: gettext('Settings'),
|
||||
xtype: 'grid',
|
||||
height: 200,
|
||||
store: summarystore,
|
||||
columns: [
|
||||
{header: gettext('Key'), width: 150, dataIndex: 'key'},
|
||||
{header: gettext('Value'), flex: 1, dataIndex: 'value'}
|
||||
]
|
||||
});
|
||||
}
|
||||
|
||||
me.formPanel = Ext.create('Ext.form.Panel', {
|
||||
bodyPadding: 10,
|
||||
border: false,
|
||||
fieldDefaults: {
|
||||
labelWidth: 100,
|
||||
anchor: '100%'
|
||||
},
|
||||
items: items
|
||||
});
|
||||
|
||||
var form = me.formPanel.getForm();
|
||||
|
||||
var submitBtn;
|
||||
|
||||
if (me.snapname) {
|
||||
me.title = gettext('Edit') + ': ' + gettext('Snapshot');
|
||||
submitBtn = Ext.create('Ext.Button', {
|
||||
text: gettext('Update'),
|
||||
handler: function() {
|
||||
if (form.isValid()) {
|
||||
var values = form.getValues();
|
||||
me.update_snapshot(me.snapname, values.description);
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
me.title ="VM " + me.vmid + ': ' + gettext('Take Snapshot');
|
||||
submitBtn = Ext.create('Ext.Button', {
|
||||
text: gettext('Take Snapshot'),
|
||||
handler: function() {
|
||||
if (form.isValid()) {
|
||||
var values = form.getValues();
|
||||
me.take_snapshot(values.snapname, values.description);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Ext.apply(me, {
|
||||
modal: true,
|
||||
width: 450,
|
||||
border: false,
|
||||
layout: 'fit',
|
||||
buttons: [ submitBtn ],
|
||||
items: [ me.formPanel ]
|
||||
});
|
||||
|
||||
if (me.snapname) {
|
||||
Ext.apply(me, {
|
||||
width: 620,
|
||||
height: 400
|
||||
});
|
||||
}
|
||||
|
||||
me.callParent();
|
||||
|
||||
if (!me.snapname) {
|
||||
return;
|
||||
}
|
||||
|
||||
// else load data
|
||||
PVE.Utils.API2Request({
|
||||
url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" +
|
||||
me.snapname + '/config',
|
||||
waitMsgTarget: me,
|
||||
method: 'GET',
|
||||
failure: function(response, opts) {
|
||||
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||
me.close();
|
||||
},
|
||||
success: function(response, options) {
|
||||
var data = response.result.data;
|
||||
var kvarray = [];
|
||||
Ext.Object.each(data, function(key, value) {
|
||||
if (key === 'description' || key === 'snaptime') {
|
||||
return;
|
||||
}
|
||||
kvarray.push({ key: key, value: value });
|
||||
});
|
||||
|
||||
summarystore.suspendEvents();
|
||||
summarystore.add(kvarray);
|
||||
summarystore.sort();
|
||||
summarystore.resumeEvents();
|
||||
summarystore.fireEvent('datachanged', summarystore);
|
||||
|
||||
form.findField('snaptime').setValue(new Date(data.snaptime));
|
||||
form.findField('description').setValue(data.description);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
304
www/manager/lxc/SnapshotTree.js
Normal file
304
www/manager/lxc/SnapshotTree.js
Normal file
@ -0,0 +1,304 @@
|
||||
Ext.define('PVE.lxc.SnapshotTree', {
|
||||
extend: 'Ext.tree.Panel',
|
||||
alias: ['widget.pveLxcSnapshotTree'],
|
||||
|
||||
load_delay: 3000,
|
||||
|
||||
old_digest: 'invalid',
|
||||
|
||||
sorterFn: function(rec1, rec2) {
|
||||
var v1 = rec1.data.snaptime;
|
||||
var v2 = rec2.data.snaptime;
|
||||
|
||||
if (rec1.data.name === 'current') {
|
||||
return 1;
|
||||
}
|
||||
if (rec2.data.name === 'current') {
|
||||
return -1;
|
||||
}
|
||||
|
||||
return (v1 > v2 ? 1 : (v1 < v2 ? -1 : 0));
|
||||
},
|
||||
|
||||
reload: function(repeat) {
|
||||
var me = this;
|
||||
|
||||
PVE.Utils.API2Request({
|
||||
url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot',
|
||||
method: 'GET',
|
||||
failure: function(response, opts) {
|
||||
PVE.Utils.setErrorMask(me, response.htmlStatus);
|
||||
me.load_task.delay(me.load_delay);
|
||||
},
|
||||
success: function(response, opts) {
|
||||
PVE.Utils.setErrorMask(me, false);
|
||||
var digest = 'invalid';
|
||||
var idhash = {};
|
||||
var root = { name: '__root', expanded: true, children: [] };
|
||||
Ext.Array.each(response.result.data, function(item) {
|
||||
item.leaf = true;
|
||||
item.children = [];
|
||||
if (item.name === 'current') {
|
||||
digest = item.digest + item.running;
|
||||
if (item.running) {
|
||||
item.iconCls = 'x-tree-node-computer-running';
|
||||
} else {
|
||||
item.iconCls = 'x-tree-node-computer';
|
||||
}
|
||||
} else {
|
||||
item.iconCls = 'x-tree-node-snapshot';
|
||||
}
|
||||
idhash[item.name] = item;
|
||||
});
|
||||
|
||||
if (digest !== me.old_digest) {
|
||||
me.old_digest = digest;
|
||||
|
||||
Ext.Array.each(response.result.data, function(item) {
|
||||
if (item.parent && idhash[item.parent]) {
|
||||
var parent_item = idhash[item.parent];
|
||||
parent_item.children.push(item);
|
||||
parent_item.leaf = false;
|
||||
parent_item.expanded = true;
|
||||
} else {
|
||||
root.children.push(item);
|
||||
}
|
||||
});
|
||||
|
||||
me.setRootNode(root);
|
||||
}
|
||||
|
||||
me.load_task.delay(me.load_delay);
|
||||
}
|
||||
});
|
||||
|
||||
PVE.Utils.API2Request({
|
||||
url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/feature',
|
||||
params: { feature: 'snapshot' },
|
||||
method: 'GET',
|
||||
success: function(response, options) {
|
||||
var res = response.result.data;
|
||||
if (res.hasFeature) {
|
||||
Ext.getCmp('snapshotBtn').enable();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
|
||||
initComponent: function() {
|
||||
var me = this;
|
||||
|
||||
me.nodename = me.pveSelNode.data.node;
|
||||
if (!me.nodename) {
|
||||
throw "no node name specified";
|
||||
}
|
||||
|
||||
me.vmid = me.pveSelNode.data.vmid;
|
||||
if (!me.vmid) {
|
||||
throw "no VM ID specified";
|
||||
}
|
||||
|
||||
me.load_task = new Ext.util.DelayedTask(me.reload, me);
|
||||
|
||||
var sm = Ext.create('Ext.selection.RowModel', {});
|
||||
|
||||
var valid_snapshot = function(record) {
|
||||
return record && record.data && record.data.name &&
|
||||
record.data.name !== 'current';
|
||||
};
|
||||
|
||||
var valid_snapshot_rollback = function(record) {
|
||||
return record && record.data && record.data.name &&
|
||||
record.data.name !== 'current' && !record.data.snapstate;
|
||||
};
|
||||
|
||||
var run_editor = function() {
|
||||
var rec = sm.getSelection()[0];
|
||||
if (valid_snapshot(rec)) {
|
||||
var win = Ext.create('PVE.window.LxcSnapshot', {
|
||||
snapname: rec.data.name,
|
||||
nodename: me.nodename,
|
||||
vmid: me.vmid
|
||||
});
|
||||
win.show();
|
||||
me.mon(win, 'close', me.reload, me);
|
||||
}
|
||||
};
|
||||
|
||||
var editBtn = new PVE.button.Button({
|
||||
text: gettext('Edit'),
|
||||
disabled: true,
|
||||
selModel: sm,
|
||||
enableFn: valid_snapshot,
|
||||
handler: run_editor
|
||||
});
|
||||
|
||||
var rollbackBtn = new PVE.button.Button({
|
||||
text: gettext('Rollback'),
|
||||
disabled: true,
|
||||
selModel: sm,
|
||||
enableFn: valid_snapshot_rollback,
|
||||
confirmMsg: function(rec) {
|
||||
var msg = Ext.String.format(gettext('Are you sure you want to rollback to snapshot {0}'),
|
||||
"'" + rec.data.name + "'");
|
||||
return msg;
|
||||
},
|
||||
handler: function(btn, event) {
|
||||
var rec = sm.getSelection()[0];
|
||||
if (!rec) {
|
||||
return;
|
||||
}
|
||||
var snapname = rec.data.name;
|
||||
|
||||
PVE.Utils.API2Request({
|
||||
url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname + '/rollback',
|
||||
method: 'POST',
|
||||
waitMsgTarget: me,
|
||||
callback: function() {
|
||||
me.reload();
|
||||
},
|
||||
failure: function (response, opts) {
|
||||
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||
},
|
||||
success: function(response, options) {
|
||||
var upid = response.result.data;
|
||||
var win = Ext.create('PVE.window.TaskProgress', { upid: upid });
|
||||
win.show();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var removeBtn = new PVE.button.Button({
|
||||
text: gettext('Remove'),
|
||||
disabled: true,
|
||||
selModel: sm,
|
||||
confirmMsg: function(rec) {
|
||||
var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
|
||||
"'" + rec.data.name + "'");
|
||||
return msg;
|
||||
},
|
||||
enableFn: valid_snapshot,
|
||||
handler: function(btn, event) {
|
||||
var rec = sm.getSelection()[0];
|
||||
if (!rec) {
|
||||
return;
|
||||
}
|
||||
var snapname = rec.data.name;
|
||||
|
||||
PVE.Utils.API2Request({
|
||||
url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname,
|
||||
method: 'DELETE',
|
||||
waitMsgTarget: me,
|
||||
callback: function() {
|
||||
me.reload();
|
||||
},
|
||||
failure: function (response, opts) {
|
||||
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||
},
|
||||
success: function(response, options) {
|
||||
var upid = response.result.data;
|
||||
var win = Ext.create('PVE.window.TaskProgress', { upid: upid });
|
||||
win.show();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var snapshotBtn = Ext.create('Ext.Button', {
|
||||
id: 'snapshotBtn',
|
||||
text: gettext('Take Snapshot'),
|
||||
disabled: true,
|
||||
handler: function() {
|
||||
var win = Ext.create('PVE.window.LxcSnapshot', {
|
||||
nodename: me.nodename,
|
||||
vmid: me.vmid
|
||||
});
|
||||
win.show();
|
||||
}
|
||||
});
|
||||
|
||||
Ext.apply(me, {
|
||||
layout: 'fit',
|
||||
rootVisible: false,
|
||||
animate: false,
|
||||
sortableColumns: false,
|
||||
selModel: sm,
|
||||
tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ],
|
||||
fields: [
|
||||
'name', 'description', 'snapstate', 'vmstate', 'running',
|
||||
{ name: 'snaptime', type: 'date', dateFormat: 'timestamp' }
|
||||
],
|
||||
columns: [
|
||||
{
|
||||
xtype: 'treecolumn',
|
||||
text: gettext('Name'),
|
||||
dataIndex: 'name',
|
||||
width: 200,
|
||||
renderer: function(value, metaData, record) {
|
||||
if (value === 'current') {
|
||||
return "NOW";
|
||||
} else {
|
||||
return value;
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
text: gettext('RAM'),
|
||||
align: 'center',
|
||||
resizable: false,
|
||||
dataIndex: 'vmstate',
|
||||
width: 50,
|
||||
renderer: function(value, metaData, record) {
|
||||
if (record.data.name !== 'current') {
|
||||
return PVE.Utils.format_boolean(value);
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
text: gettext('Date') + "/" + gettext("Status"),
|
||||
dataIndex: 'snaptime',
|
||||
resizable: false,
|
||||
width: 120,
|
||||
renderer: function(value, metaData, record) {
|
||||
if (record.data.snapstate) {
|
||||
return record.data.snapstate;
|
||||
}
|
||||
if (value) {
|
||||
return Ext.Date.format(value,'Y-m-d H:i:s');
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
text: gettext('Description'),
|
||||
dataIndex: 'description',
|
||||
flex: 1,
|
||||
renderer: function(value, metaData, record) {
|
||||
if (record.data.name === 'current') {
|
||||
return gettext("You are here!");
|
||||
} else {
|
||||
return value;
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
columnLines: true, // will work in 4.1?
|
||||
listeners: {
|
||||
show: me.reload,
|
||||
hide: me.load_task.cancel,
|
||||
destroy: me.load_task.cancel,
|
||||
// disable collapse
|
||||
beforeitemcollapse: function() { return false; },
|
||||
itemdblclick: run_editor
|
||||
}
|
||||
});
|
||||
|
||||
me.callParent();
|
||||
|
||||
me.store.sorters.add(new Ext.util.Sorter({
|
||||
sorterFn: me.sorterFn
|
||||
}));
|
||||
}
|
||||
});
|
||||
Loading…
x
Reference in New Issue
Block a user