]>
Commit | Line | Data |
---|---|---|
1774f148 DC |
1 | Ext.define('pve-fw-ipsets', { |
2 | extend: 'Ext.data.Model', | |
8058410f | 3 | fields: ['name', 'comment', 'digest'], |
f6710aac | 4 | idProperty: 'name', |
1774f148 DC |
5 | }); |
6 | ||
03ab9fba DM |
7 | Ext.define('PVE.IPSetList', { |
8 | extend: 'Ext.grid.Panel', | |
9 | alias: 'widget.pveIPSetList', | |
10 | ||
123e1c80 DC |
11 | stateful: true, |
12 | stateId: 'grid-firewall-ipsetlist', | |
13 | ||
03ab9fba DM |
14 | ipset_panel: undefined, |
15 | ||
16 | base_url: undefined, | |
17 | ||
18 | addBtn: undefined, | |
19 | removeBtn: undefined, | |
20 | editBtn: undefined, | |
21 | ||
22 | initComponent: function() { | |
03ab9fba DM |
23 | var me = this; |
24 | ||
202298c1 | 25 | if (typeof me.ipset_panel === 'undefined') { |
03ab9fba DM |
26 | throw "no rule panel specified"; |
27 | } | |
28 | ||
202298c1 | 29 | if (typeof me.ipset_panel === 'undefined') { |
03ab9fba DM |
30 | throw "no base_url specified"; |
31 | } | |
32 | ||
33 | var store = new Ext.data.Store({ | |
1774f148 | 34 | model: 'pve-fw-ipsets', |
03ab9fba | 35 | proxy: { |
56a353b9 | 36 | type: 'proxmox', |
f6710aac | 37 | url: "/api2/json" + me.base_url, |
03ab9fba | 38 | }, |
03ab9fba DM |
39 | sorters: { |
40 | property: 'name', | |
f6710aac TL |
41 | order: 'DESC', |
42 | }, | |
03ab9fba DM |
43 | }); |
44 | ||
45 | var sm = Ext.create('Ext.selection.RowModel', {}); | |
46 | ||
47 | var reload = function() { | |
48 | var oldrec = sm.getSelection()[0]; | |
49 | store.load(function(records, operation, success) { | |
50 | if (oldrec) { | |
8267aa63 | 51 | var rec = store.findRecord('name', oldrec.data.name, 0, false, true, true); |
03ab9fba DM |
52 | if (rec) { |
53 | sm.select(rec); | |
54 | } | |
55 | } | |
56 | }); | |
57 | }; | |
58 | ||
59 | var run_editor = function() { | |
60 | var rec = sm.getSelection()[0]; | |
61 | if (!rec) { | |
62 | return; | |
63 | } | |
9fccc702 | 64 | var win = Ext.create('Proxmox.window.Edit', { |
03ab9fba DM |
65 | subject: "IPSet '" + rec.data.name + "'", |
66 | url: me.base_url, | |
67 | method: 'POST', | |
68 | digest: rec.data.digest, | |
69 | items: [ | |
70 | { | |
71 | xtype: 'hiddenfield', | |
72 | name: 'rename', | |
f6710aac | 73 | value: rec.data.name, |
03ab9fba DM |
74 | }, |
75 | { | |
76 | xtype: 'textfield', | |
77 | name: 'name', | |
78 | value: rec.data.name, | |
79 | fieldLabel: gettext('Name'), | |
f6710aac | 80 | allowBlank: false, |
03ab9fba DM |
81 | }, |
82 | { | |
83 | xtype: 'textfield', | |
84 | name: 'comment', | |
85 | value: rec.data.comment, | |
f6710aac TL |
86 | fieldLabel: gettext('Comment'), |
87 | }, | |
88 | ], | |
03ab9fba DM |
89 | }); |
90 | win.show(); | |
91 | win.on('destroy', reload); | |
92 | }; | |
93 | ||
5720fafa | 94 | me.editBtn = new Proxmox.button.Button({ |
03ab9fba DM |
95 | text: gettext('Edit'), |
96 | disabled: true, | |
97 | selModel: sm, | |
f6710aac | 98 | handler: run_editor, |
03ab9fba DM |
99 | }); |
100 | ||
5720fafa | 101 | me.addBtn = new Proxmox.button.Button({ |
03ab9fba DM |
102 | text: gettext('Create'), |
103 | handler: function() { | |
104 | sm.deselectAll(); | |
9fccc702 | 105 | var win = Ext.create('Proxmox.window.Edit', { |
03ab9fba DM |
106 | subject: 'IPSet', |
107 | url: me.base_url, | |
108 | method: 'POST', | |
109 | items: [ | |
110 | { | |
111 | xtype: 'textfield', | |
112 | name: 'name', | |
113 | value: '', | |
114 | fieldLabel: gettext('Name'), | |
f6710aac | 115 | allowBlank: false, |
03ab9fba DM |
116 | }, |
117 | { | |
118 | xtype: 'textfield', | |
119 | name: 'comment', | |
120 | value: '', | |
f6710aac TL |
121 | fieldLabel: gettext('Comment'), |
122 | }, | |
123 | ], | |
03ab9fba DM |
124 | }); |
125 | win.show(); | |
126 | win.on('destroy', reload); | |
f6710aac | 127 | }, |
03ab9fba DM |
128 | }); |
129 | ||
3b1ca3ff | 130 | me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', { |
03ab9fba | 131 | selModel: sm, |
3b1ca3ff | 132 | baseurl: me.base_url + '/', |
f6710aac | 133 | callback: reload, |
03ab9fba DM |
134 | }); |
135 | ||
136 | Ext.apply(me, { | |
137 | store: store, | |
8058410f | 138 | tbar: ['<b>IPSet:</b>', me.addBtn, me.removeBtn, me.editBtn], |
03ab9fba DM |
139 | selModel: sm, |
140 | columns: [ | |
123e1c80 | 141 | { header: 'IPSet', dataIndex: 'name', width: '100' }, |
f6710aac | 142 | { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 }, |
03ab9fba DM |
143 | ], |
144 | listeners: { | |
145 | itemdblclick: run_editor, | |
202298c1 | 146 | select: function(_, rec) { |
03ab9fba DM |
147 | var url = me.base_url + '/' + rec.data.name; |
148 | me.ipset_panel.setBaseUrl(url); | |
149 | }, | |
150 | deselect: function() { | |
151 | me.ipset_panel.setBaseUrl(undefined); | |
152 | }, | |
f6710aac TL |
153 | show: reload, |
154 | }, | |
03ab9fba DM |
155 | }); |
156 | ||
157 | me.callParent(); | |
158 | ||
159 | store.load(); | |
f6710aac | 160 | }, |
03ab9fba DM |
161 | }); |
162 | ||
163 | Ext.define('PVE.IPSetCidrEdit', { | |
9fccc702 | 164 | extend: 'Proxmox.window.Edit', |
03ab9fba DM |
165 | |
166 | cidr: undefined, | |
167 | ||
8058410f | 168 | initComponent: function() { |
03ab9fba DM |
169 | var me = this; |
170 | ||
53e3ea84 | 171 | me.isCreate = me.cidr === undefined; |
03ab9fba DM |
172 | |
173 | ||
d5e771ce | 174 | if (me.isCreate) { |
03ab9fba DM |
175 | me.url = '/api2/extjs' + me.base_url; |
176 | me.method = 'POST'; | |
177 | } else { | |
178 | me.url = '/api2/extjs' + me.base_url + '/' + me.cidr; | |
179 | me.method = 'PUT'; | |
180 | } | |
181 | ||
182 | var column1 = []; | |
183 | ||
d5e771ce | 184 | if (me.isCreate) { |
03ab9fba DM |
185 | if (!me.list_refs_url) { |
186 | throw "no alias_base_url specified"; | |
187 | } | |
188 | ||
189 | column1.push({ | |
190 | xtype: 'pveIPRefSelector', | |
191 | name: 'cidr', | |
192 | ref_type: 'alias', | |
193 | autoSelect: false, | |
194 | editable: true, | |
195 | base_url: me.list_refs_url, | |
196 | value: '', | |
f6710aac | 197 | fieldLabel: gettext('IP/CIDR'), |
03ab9fba DM |
198 | }); |
199 | } else { | |
200 | column1.push({ | |
201 | xtype: 'displayfield', | |
202 | name: 'cidr', | |
03ab9fba | 203 | value: '', |
f6710aac | 204 | fieldLabel: gettext('IP/CIDR'), |
03ab9fba DM |
205 | }); |
206 | } | |
207 | ||
ef4ef788 | 208 | var ipanel = Ext.create('Proxmox.panel.InputPanel', { |
d5e771ce | 209 | isCreate: me.isCreate, |
03ab9fba DM |
210 | column1: column1, |
211 | column2: [ | |
212 | { | |
896c0d50 | 213 | xtype: 'proxmoxcheckbox', |
03ab9fba DM |
214 | name: 'nomatch', |
215 | checked: false, | |
03ab9fba | 216 | uncheckedValue: 0, |
f6710aac TL |
217 | fieldLabel: 'nomatch', |
218 | }, | |
03ab9fba DM |
219 | ], |
220 | columnB: [ | |
221 | { | |
222 | xtype: 'textfield', | |
223 | name: 'comment', | |
224 | value: '', | |
f6710aac TL |
225 | fieldLabel: gettext('Comment'), |
226 | }, | |
227 | ], | |
03ab9fba DM |
228 | }); |
229 | ||
230 | Ext.apply(me, { | |
231 | subject: gettext('IP/CIDR'), | |
8058410f | 232 | items: [ipanel], |
03ab9fba DM |
233 | }); |
234 | ||
235 | me.callParent(); | |
236 | ||
d5e771ce | 237 | if (!me.isCreate) { |
03ab9fba | 238 | me.load({ |
8058410f | 239 | success: function(response, options) { |
03ab9fba DM |
240 | var values = response.result.data; |
241 | ipanel.setValues(values); | |
f6710aac | 242 | }, |
03ab9fba DM |
243 | }); |
244 | } | |
f6710aac | 245 | }, |
03ab9fba DM |
246 | }); |
247 | ||
248 | Ext.define('PVE.IPSetGrid', { | |
249 | extend: 'Ext.grid.Panel', | |
250 | alias: 'widget.pveIPSetGrid', | |
251 | ||
123e1c80 DC |
252 | stateful: true, |
253 | stateId: 'grid-firewall-ipsets', | |
254 | ||
03ab9fba DM |
255 | base_url: undefined, |
256 | list_refs_url: undefined, | |
257 | ||
258 | addBtn: undefined, | |
259 | removeBtn: undefined, | |
260 | editBtn: undefined, | |
261 | ||
262 | setBaseUrl: function(url) { | |
263 | var me = this; | |
264 | ||
265 | me.base_url = url; | |
266 | ||
267 | if (url === undefined) { | |
268 | me.addBtn.setDisabled(true); | |
269 | me.store.removeAll(); | |
270 | } else { | |
271 | me.addBtn.setDisabled(false); | |
3b1ca3ff | 272 | me.removeBtn.baseurl = url + '/'; |
03ab9fba | 273 | me.store.setProxy({ |
56a353b9 | 274 | type: 'proxmox', |
f6710aac | 275 | url: '/api2/json' + url, |
03ab9fba DM |
276 | }); |
277 | ||
278 | me.store.load(); | |
279 | } | |
280 | }, | |
281 | ||
282 | initComponent: function() { | |
03ab9fba DM |
283 | var me = this; |
284 | ||
285 | if (!me.list_refs_url) { | |
286 | throw "no1 list_refs_url specified"; | |
287 | } | |
288 | ||
289 | var store = new Ext.data.Store({ | |
f6710aac | 290 | model: 'pve-ipset', |
03ab9fba DM |
291 | }); |
292 | ||
293 | var reload = function() { | |
294 | store.load(); | |
295 | }; | |
296 | ||
297 | var sm = Ext.create('Ext.selection.RowModel', {}); | |
298 | ||
299 | var run_editor = function() { | |
300 | var rec = sm.getSelection()[0]; | |
301 | if (!rec) { | |
302 | return; | |
303 | } | |
304 | var win = Ext.create('PVE.IPSetCidrEdit', { | |
305 | base_url: me.base_url, | |
f6710aac | 306 | cidr: rec.data.cidr, |
03ab9fba DM |
307 | }); |
308 | win.show(); | |
309 | win.on('destroy', reload); | |
310 | }; | |
311 | ||
5720fafa | 312 | me.editBtn = new Proxmox.button.Button({ |
03ab9fba DM |
313 | text: gettext('Edit'), |
314 | disabled: true, | |
315 | selModel: sm, | |
f6710aac | 316 | handler: run_editor, |
03ab9fba DM |
317 | }); |
318 | ||
5720fafa | 319 | me.addBtn = new Proxmox.button.Button({ |
03ab9fba DM |
320 | text: gettext('Add'), |
321 | disabled: true, | |
322 | handler: function() { | |
323 | if (!me.base_url) { | |
324 | return; | |
325 | } | |
326 | var win = Ext.create('PVE.IPSetCidrEdit', { | |
327 | base_url: me.base_url, | |
f6710aac | 328 | list_refs_url: me.list_refs_url, |
03ab9fba DM |
329 | }); |
330 | win.show(); | |
331 | win.on('destroy', reload); | |
f6710aac | 332 | }, |
03ab9fba DM |
333 | }); |
334 | ||
3b1ca3ff | 335 | me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', { |
03ab9fba | 336 | selModel: sm, |
3b1ca3ff | 337 | baseurl: me.base_url + '/', |
f6710aac | 338 | callback: reload, |
03ab9fba DM |
339 | }); |
340 | ||
341 | var render_errors = function(value, metaData, record) { | |
342 | var errors = record.data.errors; | |
343 | if (errors) { | |
344 | var msg = errors.cidr || errors.nomatch; | |
345 | if (msg) { | |
3ab7e0ec | 346 | metaData.tdCls = 'proxmox-invalid-row'; |
8058410f | 347 | var html = '<p>' + Ext.htmlEncode(msg) + '</p>'; |
2a4971d8 | 348 | metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + |
202298c1 | 349 | html.replace(/"/g, '"') + '"'; |
03ab9fba DM |
350 | } |
351 | } | |
352 | return value; | |
353 | }; | |
354 | ||
355 | Ext.apply(me, { | |
8058410f | 356 | tbar: ['<b>IP/CIDR:</b>', me.addBtn, me.removeBtn, me.editBtn], |
03ab9fba DM |
357 | store: store, |
358 | selModel: sm, | |
359 | listeners: { | |
f6710aac | 360 | itemdblclick: run_editor, |
03ab9fba DM |
361 | }, |
362 | columns: [ | |
363 | { | |
f6710aac | 364 | xtype: 'rownumberer', |
03ab9fba DM |
365 | }, |
366 | { | |
367 | header: gettext('IP/CIDR'), | |
368 | dataIndex: 'cidr', | |
369 | width: 150, | |
370 | renderer: function(value, metaData, record) { | |
371 | value = render_errors(value, metaData, record); | |
372 | if (record.data.nomatch) { | |
373 | return '<b>! </b>' + value; | |
374 | } | |
375 | return value; | |
f6710aac | 376 | }, |
03ab9fba DM |
377 | }, |
378 | { | |
379 | header: gettext('Comment'), | |
380 | dataIndex: 'comment', | |
381 | flex: 1, | |
382 | renderer: function(value) { | |
383 | return Ext.util.Format.htmlEncode(value); | |
f6710aac TL |
384 | }, |
385 | }, | |
386 | ], | |
03ab9fba DM |
387 | }); |
388 | ||
389 | me.callParent(); | |
390 | ||
391 | if (me.base_url) { | |
392 | me.setBaseUrl(me.base_url); // load | |
393 | } | |
f6710aac | 394 | }, |
03ab9fba | 395 | }, function() { |
03ab9fba DM |
396 | Ext.define('pve-ipset', { |
397 | extend: 'Ext.data.Model', | |
8058410f TL |
398 | fields: [{ name: 'nomatch', type: 'boolean' }, |
399 | 'cidr', 'comment', 'errors'], | |
f6710aac | 400 | idProperty: 'cidr', |
03ab9fba | 401 | }); |
03ab9fba DM |
402 | }); |
403 | ||
404 | Ext.define('PVE.IPSet', { | |
405 | extend: 'Ext.panel.Panel', | |
406 | alias: 'widget.pveIPSet', | |
407 | ||
408 | title: 'IPSet', | |
409 | ||
ba93a9c6 DC |
410 | onlineHelp: 'pve_firewall_ip_sets', |
411 | ||
03ab9fba DM |
412 | list_refs_url: undefined, |
413 | ||
414 | initComponent: function() { | |
415 | var me = this; | |
416 | ||
417 | if (!me.list_refs_url) { | |
418 | throw "no list_refs_url specified"; | |
419 | } | |
420 | ||
421 | var ipset_panel = Ext.createWidget('pveIPSetGrid', { | |
422 | region: 'center', | |
423 | list_refs_url: me.list_refs_url, | |
f6710aac | 424 | border: false, |
03ab9fba DM |
425 | }); |
426 | ||
427 | var ipset_list = Ext.createWidget('pveIPSetList', { | |
428 | region: 'west', | |
429 | ipset_panel: ipset_panel, | |
430 | base_url: me.base_url, | |
123e1c80 | 431 | width: '50%', |
03ab9fba | 432 | border: false, |
f6710aac | 433 | split: true, |
03ab9fba DM |
434 | }); |
435 | ||
436 | Ext.apply(me, { | |
437 | layout: 'border', | |
8058410f | 438 | items: [ipset_list, ipset_panel], |
03ab9fba DM |
439 | listeners: { |
440 | show: function() { | |
441 | ipset_list.fireEvent('show', ipset_list); | |
f6710aac TL |
442 | }, |
443 | }, | |
03ab9fba DM |
444 | }); |
445 | ||
446 | me.callParent(); | |
f6710aac | 447 | }, |
03ab9fba | 448 | }); |