]> git.proxmox.com Git - pve-manager.git/blame - www/manager6/storage/LvmThinEdit.js
jslint: fix curly braces for if
[pve-manager.git] / www / manager6 / storage / LvmThinEdit.js
CommitLineData
cbebb721
DM
1Ext.define('PVE.storage.TPoolSelector', {
2 extend: 'Ext.form.field.ComboBox',
3 alias: 'widget.pveTPSelector',
4
5 queryParam: 'vg',
c2317525
DC
6 valueField: 'lv',
7 displayField: 'lv',
8 editable: false,
cbebb721
DM
9
10 doRawQuery: function() {
11 },
12
13 onTriggerClick: function() {
14 var me = this;
15
16 if (!me.queryCaching || me.lastQuery !== me.vg) {
17 me.store.removeAll();
18 }
19
20 me.allQuery = me.vg;
21
22 me.callParent();
23 },
24
25 setVG: function(myvg) {
26 var me = this;
27
28 me.vg = myvg;
29 },
30
31 initComponent : function() {
32 var me = this;
33
34 if (!me.nodename) {
35 me.nodename = 'localhost';
36 }
37
38 var store = Ext.create('Ext.data.Store', {
39 fields: [ 'lv' ],
40 proxy: {
41 type: 'pve',
42 url: '/api2/json/nodes/' + me.nodename + '/scan/lvmthin'
43 }
44 });
45
46 Ext.apply(me, {
47 store: store,
cbebb721
DM
48 listConfig: {
49 loadingText: gettext('Scanning...'),
cbebb721
DM
50 }
51 });
52
53 me.callParent();
54 }
55});
56
57Ext.define('PVE.storage.BaseVGSelector', {
58 extend: 'Ext.form.field.ComboBox',
59 alias: 'widget.pveBaseVGSelector',
60
c2317525
DC
61 valueField: 'vg',
62 displayField: 'vg',
63 queryMode: 'local',
64 editable: false,
cbebb721
DM
65 initComponent : function() {
66 var me = this;
67
68 if (!me.nodename) {
69 me.nodename = 'localhost';
70 }
71
72 var store = Ext.create('Ext.data.Store', {
73 autoLoad: {},
74 fields: [ 'vg', 'size', 'free'],
75 proxy: {
76 type: 'pve',
77 url: '/api2/json/nodes/' + me.nodename + '/scan/lvm'
78 }
79 });
80
81 Ext.apply(me, {
82 store: store,
cbebb721
DM
83 listConfig: {
84 loadingText: gettext('Scanning...'),
cbebb721
DM
85 }
86 });
87
88 me.callParent();
89 }
90});
91
92Ext.define('PVE.storage.LvmThinInputPanel', {
93 extend: 'PVE.panel.InputPanel',
94
95 onGetValues: function(values) {
96 var me = this;
97
98 if (me.create) {
99 values.type = 'lvmthin';
100 } else {
101 delete values.storage;
102 }
103
104 values.disable = values.enable ? 0 : 1;
105 delete values.enable;
106
107 return values;
108 },
109
110 initComponent : function() {
111 var me = this;
112
113 me.column1 = [
114 {
115 xtype: me.create ? 'textfield' : 'displayfield',
116 name: 'storage',
cbebb721
DM
117 value: me.storageId || '',
118 fieldLabel: 'ID',
119 vtype: 'StorageId',
120 submitValue: !!me.create,
121 allowBlank: false
122 }
123 ];
124
125 var vgnameField = Ext.createWidget(me.create ? 'textfield' : 'displayfield', {
cbebb721
DM
126 name: 'vgname',
127 hidden: !!me.create,
128 disabled: !!me.create,
129 value: '',
130 fieldLabel: gettext('Volume group'),
131 allowBlank: false
132 });
133
134 var thinpoolField = Ext.createWidget(me.create ? 'textfield' : 'displayfield', {
cbebb721
DM
135 name: 'thinpool',
136 hidden: !!me.create,
137 disabled: !!me.create,
138 value: '',
139 fieldLabel: gettext('Thin Pool'),
140 allowBlank: false
141 });
142
143 if (me.create) {
144 var vgField = Ext.create('PVE.storage.TPoolSelector', {
145 name: 'thinpool',
146 fieldLabel: gettext('Thin Pool'),
147 allowBlank: false
148 });
149
150 me.column1.push({
151 xtype: 'pveBaseVGSelector',
152 name: 'vgname',
16152937 153 fieldLabel: gettext('Volume group'),
cbebb721
DM
154 listeners: {
155 change: function(f, value) {
156 if (me.create) {
157 vgField.setVG(value);
158 vgField.setValue('');
159 }
160 }
161 }
162 });
163
164 me.column1.push(vgField);
165 }
166
167 me.column1.push(vgnameField);
168
169 me.column1.push(thinpoolField);
170
171 me.column1.push({
172 xtype: 'pveContentTypeSelector',
173 cts: ['images', 'rootdir'],
174 fieldLabel: gettext('Content'),
175 name: 'content',
176 value: ['images', 'rootdir'],
177 multiSelect: true,
178 allowBlank: false
179 });
180
181 me.column2 = [
182 {
5198365d 183 xtype: 'pveNodeSelector',
cbebb721
DM
184 name: 'nodes',
185 fieldLabel: gettext('Nodes'),
186 emptyText: gettext('All') + ' (' +
187 gettext('No restrictions') +')',
188 multiSelect: true,
189 autoSelect: false
190 },
191 {
192 xtype: 'pvecheckbox',
193 name: 'enable',
194 checked: true,
195 uncheckedValue: 0,
196 fieldLabel: gettext('Enable')
197 }
198 ];
199
200 me.callParent();
201 }
202});
203
204Ext.define('PVE.storage.LvmThinEdit', {
205 extend: 'PVE.window.Edit',
206
207 initComponent : function() {
208 var me = this;
209
210 me.create = !me.storageId;
211
212 if (me.create) {
213 me.url = '/api2/extjs/storage';
214 me.method = 'POST';
215 } else {
216 me.url = '/api2/extjs/storage/' + me.storageId;
217 me.method = 'PUT';
218 }
219
220 var ipanel = Ext.create('PVE.storage.LvmThinInputPanel', {
221 create: me.create,
222 storageId: me.storageId
223 });
224
225 Ext.apply(me, {
226 subject: PVE.Utils.format_storage_type('lvmthin'),
227 isAdd: true,
228 items: [ ipanel ]
229 });
230
231 me.callParent();
232
233 if (!me.create) {
234 me.load({
235 success: function(response, options) {
236 var values = response.result.data;
237 var ctypes = values.content || '';
238
239 values.content = ctypes.split(',');
240
241 if (values.nodes) {
242 values.nodes = values.nodes.split(',');
243 }
244 values.enable = values.disable ? 0 : 1;
245 ipanel.setValues(values);
246 }
247 });
248 }
249 }
250});