]>
Commit | Line | Data |
---|---|---|
434f2466 DM |
1 | Ext.define('PVE.SecurityGroupEdit', { |
2 | extend: 'PVE.window.Edit', | |
3 | ||
4 | base_url: "/cluster/firewall/groups", | |
5 | ||
6 | allow_iface: false, | |
7 | ||
8 | initComponent : function() { | |
9 | /*jslint confusion: true */ | |
10 | var me = this; | |
11 | ||
12 | me.create = (me.group_name === undefined); | |
13 | ||
14 | var subject; | |
15 | ||
16 | me.url = '/api2/extjs' + me.base_url; | |
17 | me.method = 'POST'; | |
18 | ||
19 | var items = [ | |
20 | { | |
21 | xtype: 'textfield', | |
22 | name: 'group', | |
23 | value: me.group_name || '', | |
24 | fieldLabel: gettext('Name'), | |
25 | allowBlank: false | |
26 | }, | |
27 | { | |
28 | xtype: 'textfield', | |
29 | name: 'comment', | |
30 | value: me.group_comment || '', | |
31 | fieldLabel: gettext('Comment') | |
32 | } | |
33 | ]; | |
34 | ||
35 | if (me.create) { | |
36 | subject = gettext('Security Group'); | |
37 | } else { | |
38 | subject = gettext('Security Group') + " '" + me.group_name + "'"; | |
39 | items.push({ | |
40 | xtype: 'hiddenfield', | |
41 | name: 'rename', | |
42 | value: me.group_name | |
43 | }); | |
44 | } | |
45 | ||
46 | var ipanel = Ext.create('PVE.panel.InputPanel', { | |
47 | create: me.create, | |
48 | items: items | |
49 | }); | |
50 | ||
51 | ||
52 | Ext.apply(me, { | |
53 | subject: subject, | |
54 | items: [ ipanel ] | |
55 | }); | |
56 | ||
57 | me.callParent(); | |
58 | } | |
59 | }); | |
60 | ||
61 | Ext.define('PVE.SecurityGroupList', { | |
62 | extend: 'Ext.grid.Panel', | |
63 | alias: 'widget.pveSecurityGroupList', | |
64 | ||
65 | rule_panel: undefined, | |
66 | ||
67 | addBtn: undefined, | |
68 | removeBtn: undefined, | |
69 | editBtn: undefined, | |
70 | ||
71 | base_url: "/cluster/firewall/groups", | |
72 | ||
73 | initComponent: function() { | |
74 | /*jslint confusion: true */ | |
75 | var me = this; | |
76 | ||
77 | if (me.rule_panel == undefined) { | |
78 | throw "no rule panel specified"; | |
79 | } | |
80 | ||
81 | if (me.base_url == undefined) { | |
82 | throw "no base_url specified"; | |
83 | } | |
84 | ||
85 | var store = new Ext.data.Store({ | |
86 | fields: [ 'group', 'comment', 'digest' ], | |
87 | proxy: { | |
88 | type: 'pve', | |
89 | url: '/api2/json' + me.base_url | |
90 | }, | |
91 | idProperty: 'group', | |
92 | sorters: { | |
93 | property: 'group', | |
94 | order: 'DESC' | |
95 | } | |
96 | }); | |
97 | ||
98 | var sm = Ext.create('Ext.selection.RowModel', {}); | |
99 | ||
100 | var reload = function() { | |
101 | var oldrec = sm.getSelection()[0]; | |
102 | store.load(function(records, operation, success) { | |
103 | if (oldrec) { | |
104 | var rec = store.findRecord('group', oldrec.data.group); | |
105 | if (rec) { | |
106 | sm.select(rec); | |
107 | } | |
108 | } | |
109 | }); | |
110 | }; | |
111 | ||
112 | var run_editor = function() { | |
113 | var rec = sm.getSelection()[0]; | |
114 | if (!rec) { | |
115 | return; | |
116 | } | |
117 | var win = Ext.create('PVE.SecurityGroupEdit', { | |
118 | digest: rec.data.digest, | |
119 | group_name: rec.data.group, | |
120 | group_comment: rec.data.comment | |
121 | }); | |
122 | win.show(); | |
123 | win.on('destroy', reload); | |
124 | }; | |
125 | ||
126 | me.editBtn = new PVE.button.Button({ | |
127 | text: gettext('Edit'), | |
128 | disabled: true, | |
129 | selModel: sm, | |
130 | handler: run_editor | |
131 | }); | |
132 | ||
133 | me.addBtn = new PVE.button.Button({ | |
134 | text: gettext('Create'), | |
135 | handler: function() { | |
136 | sm.deselectAll(); | |
137 | var win = Ext.create('PVE.SecurityGroupEdit', {}); | |
138 | win.show(); | |
139 | win.on('destroy', reload); | |
140 | } | |
141 | }); | |
142 | ||
143 | me.removeBtn = new PVE.button.Button({ | |
144 | text: gettext('Remove'), | |
145 | selModel: sm, | |
146 | disabled: true, | |
147 | handler: function() { | |
148 | var rec = sm.getSelection()[0]; | |
149 | if (!rec || !me.base_url) { | |
150 | return; | |
151 | } | |
152 | PVE.Utils.API2Request({ | |
45a5e9c1 | 153 | url: me.base_url + '/' + rec.data.group, |
434f2466 DM |
154 | method: 'DELETE', |
155 | waitMsgTarget: me, | |
156 | failure: function(response, options) { | |
157 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
158 | }, | |
159 | callback: reload | |
160 | }); | |
161 | } | |
162 | }); | |
163 | ||
164 | Ext.apply(me, { | |
165 | store: store, | |
166 | tbar: [ '<b>' + gettext('Group') + ':</b>', me.addBtn, me.removeBtn, me.editBtn ], | |
167 | selModel: sm, | |
168 | columns: [ | |
169 | { header: gettext('Group'), dataIndex: 'group', width: 100 }, | |
5171a299 | 170 | { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 } |
434f2466 DM |
171 | ], |
172 | listeners: { | |
173 | itemdblclick: run_editor, | |
174 | select: function(sm, rec) { | |
175 | var url = '/cluster/firewall/groups/' + rec.data.group; | |
176 | me.rule_panel.setBaseUrl(url); | |
177 | }, | |
178 | deselect: function() { | |
179 | me.rule_panel.setBaseUrl(undefined); | |
180 | }, | |
181 | show: reload | |
182 | } | |
183 | }); | |
184 | ||
185 | me.callParent(); | |
186 | ||
187 | store.load(); | |
188 | } | |
189 | }); | |
190 | ||
191 | Ext.define('PVE.SecurityGroups', { | |
192 | extend: 'Ext.panel.Panel', | |
193 | alias: 'widget.pveSecurityGroups', | |
194 | ||
195 | title: 'Security Groups', | |
196 | ||
197 | initComponent: function() { | |
198 | var me = this; | |
199 | ||
200 | var rule_panel = Ext.createWidget('pveFirewallRules', { | |
201 | region: 'center', | |
202 | allow_groups: false, | |
02a7f63b | 203 | list_refs_url: '/cluster/firewall/refs', |
434f2466 DM |
204 | tbar_prefix: '<b>' + gettext('Rules') + ':</b>', |
205 | flex: 0.75, | |
206 | border: false | |
207 | }); | |
208 | ||
209 | var sglist = Ext.createWidget('pveSecurityGroupList', { | |
210 | region: 'west', | |
211 | rule_panel: rule_panel, | |
212 | flex: 0.25, | |
213 | border: false, | |
214 | split: true | |
215 | }); | |
216 | ||
217 | ||
218 | Ext.apply(me, { | |
219 | layout: 'border', | |
220 | items: [ sglist, rule_panel ], | |
221 | listeners: { | |
222 | show: function() { | |
223 | sglist.fireEvent('show', sglist); | |
224 | } | |
225 | } | |
226 | }); | |
227 | ||
228 | me.callParent(); | |
229 | } | |
230 | }); |