]>
Commit | Line | Data |
---|---|---|
0ae8f034 DM |
1 | Ext.define('PVE.lxc.SnapshotTree', { |
2 | extend: 'Ext.tree.Panel', | |
3 | alias: ['widget.pveLxcSnapshotTree'], | |
4 | ||
ba93a9c6 DC |
5 | onlineHelp: 'pct_snapshots', |
6 | ||
0ae8f034 DM |
7 | load_delay: 3000, |
8 | ||
9 | old_digest: 'invalid', | |
10 | ||
af603c15 DC |
11 | stateful: true, |
12 | stateId: 'grid-lxc-snapshots', | |
13 | ||
0ae8f034 DM |
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 | ||
e7ade592 | 31 | Proxmox.Utils.API2Request({ |
0ae8f034 DM |
32 | url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot', |
33 | method: 'GET', | |
34 | failure: function(response, opts) { | |
e7ade592 | 35 | Proxmox.Utils.setErrorMask(me, response.htmlStatus); |
0ae8f034 DM |
36 | me.load_task.delay(me.load_delay); |
37 | }, | |
38 | success: function(response, opts) { | |
e7ade592 | 39 | Proxmox.Utils.setErrorMask(me, false); |
0ae8f034 DM |
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) { | |
79ae73ee | 49 | item.iconCls = 'fa fa-fw fa-desktop x-fa-tree-running'; |
0ae8f034 | 50 | } else { |
79ae73ee | 51 | item.iconCls = 'fa fa-fw fa-desktop x-fa-tree'; |
0ae8f034 DM |
52 | } |
53 | } else { | |
79ae73ee | 54 | item.iconCls = 'fa fa-fw fa-history x-fa-tree'; |
0ae8f034 DM |
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; | |
3061bc4f | 68 | parent_item.expandable = false; |
0ae8f034 DM |
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 | ||
e7ade592 | 81 | Proxmox.Utils.API2Request({ |
0ae8f034 DM |
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) { | |
bc53e071 DC |
88 | var snpBtns = Ext.ComponentQuery.query('#snapshotBtn'); |
89 | snpBtns.forEach(function(item){ | |
90 | item.enable(); | |
91 | }); | |
0ae8f034 DM |
92 | } |
93 | } | |
94 | }); | |
95 | ||
96 | ||
97 | }, | |
98 | ||
90ba9a4e DC |
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 | ||
0ae8f034 DM |
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 | ||
5720fafa | 148 | var editBtn = new Proxmox.button.Button({ |
0ae8f034 DM |
149 | text: gettext('Edit'), |
150 | disabled: true, | |
151 | selModel: sm, | |
152 | enableFn: valid_snapshot, | |
153 | handler: run_editor | |
154 | }); | |
155 | ||
5720fafa | 156 | var rollbackBtn = new Proxmox.button.Button({ |
0ae8f034 DM |
157 | text: gettext('Rollback'), |
158 | disabled: true, | |
159 | selModel: sm, | |
160 | enableFn: valid_snapshot_rollback, | |
161 | confirmMsg: function(rec) { | |
e7ade592 | 162 | return Proxmox.Utils.format_task_description('vzrollback', me.vmid) + |
16152937 | 163 | " '" + rec.data.name + "'"; |
0ae8f034 DM |
164 | }, |
165 | handler: function(btn, event) { | |
166 | var rec = sm.getSelection()[0]; | |
167 | if (!rec) { | |
168 | return; | |
169 | } | |
170 | var snapname = rec.data.name; | |
171 | ||
e7ade592 | 172 | Proxmox.Utils.API2Request({ |
0ae8f034 DM |
173 | url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname + '/rollback', |
174 | method: 'POST', | |
175 | waitMsgTarget: me, | |
176 | callback: function() { | |
177 | me.reload(); | |
178 | }, | |
179 | failure: function (response, opts) { | |
180 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
181 | }, | |
182 | success: function(response, options) { | |
183 | var upid = response.result.data; | |
8cbc11a7 | 184 | var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); |
0ae8f034 DM |
185 | win.show(); |
186 | } | |
187 | }); | |
188 | } | |
189 | }); | |
190 | ||
5720fafa | 191 | var removeBtn = new Proxmox.button.Button({ |
0ae8f034 DM |
192 | text: gettext('Remove'), |
193 | disabled: true, | |
194 | selModel: sm, | |
195 | confirmMsg: function(rec) { | |
196 | var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), | |
197 | "'" + rec.data.name + "'"); | |
198 | return msg; | |
199 | }, | |
200 | enableFn: valid_snapshot, | |
201 | handler: function(btn, event) { | |
202 | var rec = sm.getSelection()[0]; | |
203 | if (!rec) { | |
204 | return; | |
205 | } | |
206 | var snapname = rec.data.name; | |
207 | ||
e7ade592 | 208 | Proxmox.Utils.API2Request({ |
0ae8f034 DM |
209 | url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname, |
210 | method: 'DELETE', | |
211 | waitMsgTarget: me, | |
212 | callback: function() { | |
213 | me.reload(); | |
214 | }, | |
215 | failure: function (response, opts) { | |
216 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
217 | }, | |
218 | success: function(response, options) { | |
219 | var upid = response.result.data; | |
8cbc11a7 | 220 | var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); |
0ae8f034 DM |
221 | win.show(); |
222 | } | |
223 | }); | |
224 | } | |
225 | }); | |
226 | ||
227 | var snapshotBtn = Ext.create('Ext.Button', { | |
bc53e071 | 228 | itemId: 'snapshotBtn', |
0ae8f034 DM |
229 | text: gettext('Take Snapshot'), |
230 | disabled: true, | |
231 | handler: function() { | |
232 | var win = Ext.create('PVE.window.LxcSnapshot', { | |
233 | nodename: me.nodename, | |
234 | vmid: me.vmid | |
235 | }); | |
236 | win.show(); | |
237 | } | |
238 | }); | |
239 | ||
240 | Ext.apply(me, { | |
241 | layout: 'fit', | |
242 | rootVisible: false, | |
243 | animate: false, | |
244 | sortableColumns: false, | |
245 | selModel: sm, | |
246 | tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ], | |
247 | fields: [ | |
248 | 'name', 'description', 'snapstate', 'vmstate', 'running', | |
249 | { name: 'snaptime', type: 'date', dateFormat: 'timestamp' } | |
250 | ], | |
251 | columns: [ | |
252 | { | |
253 | xtype: 'treecolumn', | |
254 | text: gettext('Name'), | |
255 | dataIndex: 'name', | |
256 | width: 200, | |
257 | renderer: function(value, metaData, record) { | |
258 | if (value === 'current') { | |
259 | return "NOW"; | |
260 | } else { | |
261 | return value; | |
262 | } | |
263 | } | |
264 | }, | |
ac4905b2 DC |
265 | // { |
266 | // text: gettext('RAM'), | |
267 | // align: 'center', | |
268 | // resizable: false, | |
269 | // dataIndex: 'vmstate', | |
270 | // width: 50, | |
271 | // renderer: function(value, metaData, record) { | |
272 | // if (record.data.name !== 'current') { | |
e7ade592 | 273 | // return Proxmox.Utils.format_boolean(value); |
ac4905b2 DC |
274 | // } |
275 | // } | |
276 | // }, | |
0ae8f034 DM |
277 | { |
278 | text: gettext('Date') + "/" + gettext("Status"), | |
279 | dataIndex: 'snaptime', | |
280 | resizable: false, | |
44d71164 | 281 | width: 150, |
0ae8f034 DM |
282 | renderer: function(value, metaData, record) { |
283 | if (record.data.snapstate) { | |
284 | return record.data.snapstate; | |
285 | } | |
286 | if (value) { | |
287 | return Ext.Date.format(value,'Y-m-d H:i:s'); | |
288 | } | |
289 | } | |
290 | }, | |
291 | { | |
292 | text: gettext('Description'), | |
293 | dataIndex: 'description', | |
294 | flex: 1, | |
295 | renderer: function(value, metaData, record) { | |
296 | if (record.data.name === 'current') { | |
297 | return gettext("You are here!"); | |
298 | } else { | |
299 | return Ext.String.htmlEncode(value); | |
300 | } | |
301 | } | |
302 | } | |
303 | ], | |
4b488565 | 304 | columnLines: true, |
0ae8f034 | 305 | listeners: { |
4b488565 | 306 | activate: me.reload, |
0ae8f034 | 307 | destroy: me.load_task.cancel, |
0ae8f034 DM |
308 | itemdblclick: run_editor |
309 | } | |
310 | }); | |
311 | ||
312 | me.callParent(); | |
313 | ||
314 | me.store.sorters.add(new Ext.util.Sorter({ | |
315 | sorterFn: me.sorterFn | |
316 | })); | |
317 | } | |
318 | }); |