]>
Commit | Line | Data |
---|---|---|
2a30f274 WL |
1 | Ext.define('PVE.window.LxcSnapshot', { |
2 | extend: 'Ext.window.Window', | |
3 | ||
4 | resizable: false, | |
5 | ||
6 | take_snapshot: function(snapname, descr, vmstate) { | |
7 | var me = this; | |
8 | var params = { snapname: snapname }; | |
9 | if (descr) { | |
10 | params.description = descr; | |
11 | } | |
12 | ||
13 | PVE.Utils.API2Request({ | |
14 | params: params, | |
15 | url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot", | |
16 | waitMsgTarget: me, | |
17 | method: 'POST', | |
18 | failure: function(response, opts) { | |
19 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
20 | }, | |
21 | success: function(response, options) { | |
22 | var upid = response.result.data; | |
23 | var win = Ext.create('PVE.window.TaskProgress', { upid: upid }); | |
24 | win.show(); | |
25 | me.close(); | |
26 | } | |
27 | }); | |
28 | }, | |
29 | ||
30 | update_snapshot: function(snapname, descr) { | |
31 | var me = this; | |
32 | PVE.Utils.API2Request({ | |
33 | params: { description: descr }, | |
34 | url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" + | |
35 | snapname + '/config', | |
36 | waitMsgTarget: me, | |
37 | method: 'PUT', | |
38 | failure: function(response, opts) { | |
39 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
40 | }, | |
41 | success: function(response, options) { | |
42 | me.close(); | |
43 | } | |
44 | }); | |
45 | }, | |
46 | ||
47 | initComponent : function() { | |
48 | var me = this; | |
49 | ||
50 | if (!me.nodename) { | |
51 | throw "no node name specified"; | |
52 | } | |
53 | ||
54 | if (!me.vmid) { | |
55 | throw "no VM ID specified"; | |
56 | } | |
57 | ||
58 | var summarystore = Ext.create('Ext.data.Store', { | |
59 | model: 'KeyValue', | |
60 | sorters: [ | |
61 | { | |
62 | property : 'key', | |
63 | direction: 'ASC' | |
64 | } | |
65 | ] | |
66 | }); | |
67 | ||
68 | var items = [ | |
69 | { | |
70 | xtype: me.snapname ? 'displayfield' : 'textfield', | |
71 | name: 'snapname', | |
72 | value: me.snapname, | |
73 | fieldLabel: gettext('Name'), | |
24bf5bd4 | 74 | vtype: 'ConfigId', |
2a30f274 WL |
75 | allowBlank: false |
76 | } | |
77 | ]; | |
78 | ||
79 | if (me.snapname) { | |
80 | items.push({ | |
81 | xtype: 'displayfield', | |
82 | name: 'snaptime', | |
83 | fieldLabel: gettext('Timestamp') | |
84 | }); | |
85 | } | |
86 | ||
87 | items.push({ | |
88 | xtype: 'textareafield', | |
89 | grow: true, | |
90 | name: 'description', | |
91 | fieldLabel: gettext('Description') | |
92 | }); | |
93 | ||
94 | if (me.snapname) { | |
95 | items.push({ | |
96 | title: gettext('Settings'), | |
97 | xtype: 'grid', | |
98 | height: 200, | |
99 | store: summarystore, | |
100 | columns: [ | |
101 | {header: gettext('Key'), width: 150, dataIndex: 'key'}, | |
102 | {header: gettext('Value'), flex: 1, dataIndex: 'value'} | |
103 | ] | |
104 | }); | |
105 | } | |
106 | ||
107 | me.formPanel = Ext.create('Ext.form.Panel', { | |
108 | bodyPadding: 10, | |
109 | border: false, | |
110 | fieldDefaults: { | |
111 | labelWidth: 100, | |
112 | anchor: '100%' | |
113 | }, | |
114 | items: items | |
115 | }); | |
116 | ||
117 | var form = me.formPanel.getForm(); | |
118 | ||
119 | var submitBtn; | |
120 | ||
121 | if (me.snapname) { | |
122 | me.title = gettext('Edit') + ': ' + gettext('Snapshot'); | |
123 | submitBtn = Ext.create('Ext.Button', { | |
124 | text: gettext('Update'), | |
125 | handler: function() { | |
126 | if (form.isValid()) { | |
127 | var values = form.getValues(); | |
128 | me.update_snapshot(me.snapname, values.description); | |
129 | } | |
130 | } | |
131 | }); | |
132 | } else { | |
133 | me.title ="VM " + me.vmid + ': ' + gettext('Take Snapshot'); | |
134 | submitBtn = Ext.create('Ext.Button', { | |
135 | text: gettext('Take Snapshot'), | |
136 | handler: function() { | |
137 | if (form.isValid()) { | |
138 | var values = form.getValues(); | |
139 | me.take_snapshot(values.snapname, values.description); | |
140 | } | |
141 | } | |
142 | }); | |
143 | } | |
144 | ||
145 | Ext.apply(me, { | |
146 | modal: true, | |
147 | width: 450, | |
148 | border: false, | |
149 | layout: 'fit', | |
150 | buttons: [ submitBtn ], | |
151 | items: [ me.formPanel ] | |
152 | }); | |
153 | ||
154 | if (me.snapname) { | |
155 | Ext.apply(me, { | |
156 | width: 620, | |
157 | height: 400 | |
158 | }); | |
159 | } | |
160 | ||
161 | me.callParent(); | |
162 | ||
163 | if (!me.snapname) { | |
164 | return; | |
165 | } | |
166 | ||
167 | // else load data | |
168 | PVE.Utils.API2Request({ | |
169 | url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" + | |
170 | me.snapname + '/config', | |
171 | waitMsgTarget: me, | |
172 | method: 'GET', | |
173 | failure: function(response, opts) { | |
174 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
175 | me.close(); | |
176 | }, | |
177 | success: function(response, options) { | |
178 | var data = response.result.data; | |
179 | var kvarray = []; | |
180 | Ext.Object.each(data, function(key, value) { | |
181 | if (key === 'description' || key === 'snaptime') { | |
182 | return; | |
183 | } | |
184 | kvarray.push({ key: key, value: value }); | |
185 | }); | |
186 | ||
187 | summarystore.suspendEvents(); | |
188 | summarystore.add(kvarray); | |
189 | summarystore.sort(); | |
190 | summarystore.resumeEvents(); | |
191 | summarystore.fireEvent('datachanged', summarystore); | |
192 | ||
193 | form.findField('snaptime').setValue(new Date(data.snaptime)); | |
194 | form.findField('description').setValue(data.description); | |
195 | } | |
196 | }); | |
197 | } | |
198 | }); |