]>
Commit | Line | Data |
---|---|---|
1 | Ext.define('pmg-ldap-config', { | |
2 | extend: 'Ext.data.Model', | |
3 | fields: ['profile', 'server1', 'server2', 'comment', | |
4 | 'mode', 'binddn', 'bindpw', 'basedn', 'groupbasedn', | |
5 | 'filter', 'accountattr', 'mailattr', | |
6 | { name: 'port', type: 'integer' }, | |
7 | { name: 'gcount', type: 'integer' }, | |
8 | { name: 'mcount', type: 'integer' }, | |
9 | { name: 'ucount', type: 'integer' }, | |
10 | { name: 'disable', type: 'boolean' }, | |
11 | ], | |
12 | proxy: { | |
13 | type: 'proxmox', | |
14 | url: "/api2/json/config/ldap", | |
15 | }, | |
16 | idProperty: 'profile', | |
17 | }); | |
18 | ||
19 | Ext.define('PMG.LDAPInputPanel', { | |
20 | extend: 'Proxmox.panel.InputPanel', | |
21 | alias: 'widget.pmgLDAPInputPanel', | |
22 | ||
23 | profileId: undefined, | |
24 | ||
25 | onGetValues: function(values) { | |
26 | var me = this; | |
27 | ||
28 | values.disable = values.enable ? 0 : 1; | |
29 | delete values.enable; | |
30 | ||
31 | // do not send empty password | |
32 | if (values.bindpw === '') { | |
33 | delete values.bindpw; | |
34 | } | |
35 | ||
36 | return values; | |
37 | }, | |
38 | ||
39 | initComponent: function() { | |
40 | var me = this; | |
41 | ||
42 | me.column1 = [ | |
43 | { | |
44 | xtype: me.profileId ? 'displayfield' : 'textfield', | |
45 | fieldLabel: gettext('Profile Name'), | |
46 | value: me.profileId || '', | |
47 | name: 'profile', | |
48 | vtype: 'StorageId', | |
49 | allowBlank: false, | |
50 | }, | |
51 | { | |
52 | xtype: 'proxmoxKVComboBox', | |
53 | name: 'mode', | |
54 | comboItems: [ | |
55 | ['ldap', PMG.Utils.format_ldap_protocol('ldap')], | |
56 | ['ldaps', PMG.Utils.format_ldap_protocol('ldaps')], | |
57 | ['ldap+starttls', PMG.Utils.format_ldap_protocol('ldap+starttls')], | |
58 | ], | |
59 | value: 'ldap', | |
60 | fieldLabel: gettext('Protocol'), | |
61 | listeners: { | |
62 | change: function(cb, value) { | |
63 | var isldap = value === 'ldap'; | |
64 | me.down('field[name=verify]').setVisible(!isldap); | |
65 | }, | |
66 | }, | |
67 | }, | |
68 | { | |
69 | xtype: 'proxmoxcheckbox', | |
70 | name: 'verify', | |
71 | fieldLabel: gettext('Verify Certificate'), | |
72 | hidden: true, | |
73 | uncheckedValue: 0, | |
74 | value: 1, | |
75 | checked: 1, | |
76 | }, | |
77 | { | |
78 | xtype: 'textfield', | |
79 | fieldLabel: gettext('Server'), | |
80 | allowBlank: false, | |
81 | vtype: 'DnsOrIp', | |
82 | name: 'server1', | |
83 | }, | |
84 | { | |
85 | xtype: 'proxmoxtextfield', | |
86 | fieldLabel: gettext('Server'), | |
87 | allowBlank: true, | |
88 | deleteEmpty: !me.isCreate, | |
89 | vtype: 'DnsOrIp', | |
90 | name: 'server2', | |
91 | }, | |
92 | { | |
93 | xtype: 'proxmoxintegerfield', | |
94 | name: 'port', | |
95 | emptyText: gettext('Default'), | |
96 | deleteEmpty: !me.isCreate, | |
97 | minValue: 1, | |
98 | maxValue: 65535, | |
99 | fieldLabel: gettext('Port'), | |
100 | }, | |
101 | { | |
102 | xtype: 'textfield', | |
103 | name: 'binddn', | |
104 | allowBlank: true, | |
105 | fieldLabel: gettext('User name'), | |
106 | }, | |
107 | { | |
108 | xtype: 'textfield', | |
109 | inputType: 'password', | |
110 | allowBlank: true, | |
111 | emptyText: gettext('Unchanged'), | |
112 | name: 'bindpw', | |
113 | fieldLabel: gettext('Password'), | |
114 | }, | |
115 | ]; | |
116 | ||
117 | me.column2 = [ | |
118 | { | |
119 | xtype: 'proxmoxcheckbox', | |
120 | name: 'enable', | |
121 | checked: true, | |
122 | uncheckedValue: 0, | |
123 | fieldLabel: gettext('Enable'), | |
124 | }, | |
125 | { | |
126 | xtype: 'proxmoxtextfield', | |
127 | allowBlank: true, | |
128 | deleteEmpty: !me.isCreate, | |
129 | name: 'basedn', | |
130 | fieldLabel: gettext('Base DN'), | |
131 | }, | |
132 | { | |
133 | xtype: 'proxmoxtextfield', | |
134 | allowBlank: true, | |
135 | deleteEmpty: !me.isCreate, | |
136 | name: 'groupbasedn', | |
137 | fieldLabel: gettext('Base DN for Groups'), | |
138 | }, | |
139 | { | |
140 | xtype: 'proxmoxtextfield', | |
141 | allowBlank: true, | |
142 | deleteEmpty: !me.isCreate, | |
143 | name: 'mailattr', | |
144 | fieldLabel: gettext('EMail attribute name(s)'), | |
145 | }, | |
146 | { | |
147 | xtype: 'proxmoxtextfield', | |
148 | allowBlank: true, | |
149 | deleteEmpty: !me.isCreate, | |
150 | name: 'accountattr', | |
151 | fieldLabel: gettext('Account attribute name'), | |
152 | }, | |
153 | { | |
154 | xtype: 'proxmoxtextfield', | |
155 | allowBlank: true, | |
156 | deleteEmpty: !me.isCreate, | |
157 | name: 'filter', | |
158 | fieldLabel: gettext('LDAP filter'), | |
159 | }, | |
160 | { | |
161 | xtype: 'proxmoxtextfield', | |
162 | allowBlank: true, | |
163 | deleteEmpty: !me.isCreate, | |
164 | name: 'groupclass', | |
165 | fieldLabel: gettext('Group objectclass'), | |
166 | }, | |
167 | ]; | |
168 | ||
169 | me.columnB = [ | |
170 | { | |
171 | xtype: 'textfield', | |
172 | fieldLabel: gettext('Comment'), | |
173 | allowBlank: true, | |
174 | name: 'comment', | |
175 | }, | |
176 | ]; | |
177 | ||
178 | me.callParent(); | |
179 | }, | |
180 | }); | |
181 | ||
182 | Ext.define('PMG.LDAPEdit', { | |
183 | extend: 'Proxmox.window.Edit', | |
184 | alias: 'widget.pmgLDAPEdit', | |
185 | onlineHelp: 'pmgconfig_ldap', | |
186 | ||
187 | subject: 'LDAP Profile', | |
188 | isAdd: true, | |
189 | ||
190 | initComponent: function() { | |
191 | var me = this; | |
192 | ||
193 | me.isCreate = !me.profileId; | |
194 | ||
195 | if (me.isCreate) { | |
196 | me.url = '/api2/extjs/config/ldap'; | |
197 | me.method = 'POST'; | |
198 | } else { | |
199 | me.url = '/api2/extjs/config/ldap/' + me.profileId + '/config'; | |
200 | me.method = 'PUT'; | |
201 | } | |
202 | ||
203 | var ipanel = Ext.create('PMG.LDAPInputPanel', { | |
204 | isCreate: me.isCreate, | |
205 | profileId: me.profileId, | |
206 | }); | |
207 | ||
208 | me.items = [ipanel]; | |
209 | ||
210 | me.fieldDefaults = { | |
211 | labelWidth: 150, | |
212 | }; | |
213 | ||
214 | me.callParent(); | |
215 | ||
216 | if (!me.isCreate) { | |
217 | me.load({ | |
218 | success: function(response, options) { | |
219 | var values = response.result.data; | |
220 | ||
221 | values.enable = values.disable ? 0 : 1; | |
222 | values.verify = !!values.verify; | |
223 | ipanel.setValues(values); | |
224 | }, | |
225 | }); | |
226 | } | |
227 | }, | |
228 | }); | |
229 | ||
230 | Ext.define('PMG.LDAPUserGrid', { | |
231 | extend: 'Ext.grid.Panel', | |
232 | xtype: 'pmgLDAPUserGrid', | |
233 | ||
234 | emptyText: gettext('No data in database'), | |
235 | store: { | |
236 | autoDestroy: true, | |
237 | fields: ['dn', 'account', 'pmail'], | |
238 | proxy: { type: 'proxmox' }, | |
239 | sorters: ['dn'], | |
240 | }, | |
241 | columns: [ | |
242 | { | |
243 | text: 'DN', | |
244 | dataIndex: 'dn', | |
245 | flex: 1, | |
246 | }, | |
247 | { | |
248 | text: gettext('Account'), | |
249 | dataIndex: 'account', | |
250 | flex: 1, | |
251 | }, | |
252 | { | |
253 | text: gettext('Primary E-Mail'), | |
254 | dataIndex: 'pmail', | |
255 | flex: 1, | |
256 | }, | |
257 | ], | |
258 | ||
259 | initComponent: function() { | |
260 | var me = this; | |
261 | me.callParent(); | |
262 | if (me.url) { | |
263 | me.getStore().getProxy().setUrl(me.url); | |
264 | me.getStore().load(); | |
265 | } | |
266 | }, | |
267 | }); | |
268 | ||
269 | Ext.define('PMG.LDAPConfig', { | |
270 | extend: 'Ext.panel.Panel', | |
271 | xtype: 'pmgLDAPConfig', | |
272 | ||
273 | controller: { | |
274 | xclass: 'Ext.app.ViewController', | |
275 | ||
276 | openUserList: function(grid, record) { | |
277 | var name = this.getViewModel().get('name'); | |
278 | Ext.create('Ext.window.Window', { | |
279 | title: Ext.String.format(gettext("Users of '{0}'"), record.data.dn), | |
280 | modal: true, | |
281 | width: 600, | |
282 | height: 400, | |
283 | layout: 'fit', | |
284 | items: [{ | |
285 | xtype: 'pmgLDAPUserGrid', | |
286 | border: false, | |
287 | url: '/api2/json/config/ldap/' + name + '/groups/' + encodeURIComponent(record.data.gid), | |
288 | }], | |
289 | }).show(); | |
290 | }, | |
291 | ||
292 | showUsers: function(button) { | |
293 | var me = this; | |
294 | var view = me.lookup('groupgrid'); | |
295 | var record = view.getSelection()[0]; | |
296 | me.openUserList(view, record); | |
297 | }, | |
298 | ||
299 | openUserMails: function(grid, record) { | |
300 | var name = this.getViewModel().get('name'); | |
301 | Ext.create('Ext.window.Window', { | |
302 | title: Ext.String.format(gettext("E-Mail addresses of '{0}'"), record.data.dn), | |
303 | modal: true, | |
304 | width: 600, | |
305 | height: 400, | |
306 | layout: 'fit', | |
307 | items: [{ | |
308 | xtype: 'grid', | |
309 | border: false, | |
310 | store: { | |
311 | autoLoad: true, | |
312 | field: ['email', 'primary'], | |
313 | proxy: { | |
314 | type: 'proxmox', | |
315 | url: '/api2/json/config/ldap/' + name + '/users/' + encodeURIComponent(record.data.pmail), | |
316 | }, | |
317 | }, | |
318 | columns: [ | |
319 | { dataIndex: 'email', text: gettext('E-Mail address'), flex: 1 }, | |
320 | ], | |
321 | }], | |
322 | }).show(); | |
323 | }, | |
324 | ||
325 | showEmails: function(button) { | |
326 | var me = this; | |
327 | var view = me.lookup('usergrid'); | |
328 | var record = view.getSelection()[0]; | |
329 | me.openUserMails(view, record); | |
330 | }, | |
331 | ||
332 | reload: function(grid) { | |
333 | var me = this; | |
334 | var selection = grid.getSelection(); | |
335 | me.showInfo(grid, selection); | |
336 | }, | |
337 | ||
338 | showInfo: function(grid, selected) { | |
339 | var me = this; | |
340 | var viewModel = me.getViewModel(); | |
341 | if (selected[0]) { | |
342 | var name = selected[0].data.profile; | |
343 | viewModel.set('selected', true); | |
344 | viewModel.set('name', name); | |
345 | ||
346 | // set grid stores and load them | |
347 | var gstore = me.lookup('groupgrid').getStore(); | |
348 | var ustore = me.lookup('usergrid').getStore(); | |
349 | gstore.getProxy().setUrl('/api2/json/config/ldap/' + name + '/groups'); | |
350 | ustore.getProxy().setUrl('/api2/json/config/ldap/' + name + '/users'); | |
351 | gstore.load(); | |
352 | ustore.load(); | |
353 | } else { | |
354 | viewModel.set('selected', false); | |
355 | } | |
356 | }, | |
357 | ||
358 | init: function(view) { | |
359 | var me = this; | |
360 | me.lookup('grid').relayEvents(view, ['activate']); | |
361 | var groupgrid = me.lookup('groupgrid'); | |
362 | var usergrid = me.lookup('usergrid'); | |
363 | ||
364 | Proxmox.Utils.monStoreErrors(groupgrid, groupgrid.getStore(), true); | |
365 | Proxmox.Utils.monStoreErrors(usergrid, usergrid.getStore(), true); | |
366 | }, | |
367 | ||
368 | control: { | |
369 | 'grid[reference=grid]': { | |
370 | selectionchange: 'showInfo', | |
371 | load: 'reload', | |
372 | }, | |
373 | 'grid[reference=groupgrid]': { | |
374 | itemdblclick: 'openUserList', | |
375 | }, | |
376 | 'grid[reference=usergrid]': { | |
377 | itemdblclick: 'openUserMails', | |
378 | }, | |
379 | }, | |
380 | }, | |
381 | ||
382 | viewModel: { | |
383 | data: { | |
384 | name: '', | |
385 | selected: false, | |
386 | }, | |
387 | }, | |
388 | ||
389 | layout: 'border', | |
390 | ||
391 | items: [ | |
392 | { | |
393 | region: 'center', | |
394 | reference: 'grid', | |
395 | xtype: 'pmgLDAPConfigGrid', | |
396 | border: false, | |
397 | }, | |
398 | { | |
399 | xtype: 'tabpanel', | |
400 | reference: 'data', | |
401 | hidden: true, | |
402 | height: '50%', | |
403 | border: false, | |
404 | split: true, | |
405 | region: 'south', | |
406 | bind: { | |
407 | hidden: '{!selected}', | |
408 | }, | |
409 | items: [ | |
410 | { | |
411 | xtype: 'grid', | |
412 | reference: 'groupgrid', | |
413 | border: false, | |
414 | emptyText: gettext('No data in database'), | |
415 | tbar: [{ | |
416 | xtype: 'proxmoxButton', | |
417 | text: gettext('Show Users'), | |
418 | handler: 'showUsers', | |
419 | disabled: true, | |
420 | }], | |
421 | store: { | |
422 | fields: ['dn', 'gid'], | |
423 | proxy: { type: 'proxmox' }, | |
424 | sorters: ['dn'], | |
425 | }, | |
426 | bind: { | |
427 | title: Ext.String.format(gettext("Groups of '{0}'"), '{name}'), | |
428 | }, | |
429 | columns: [ | |
430 | { | |
431 | text: 'DN', | |
432 | dataIndex: 'dn', | |
433 | flex: 1, | |
434 | }, | |
435 | ], | |
436 | }, | |
437 | { | |
438 | xtype: 'pmgLDAPUserGrid', | |
439 | reference: 'usergrid', | |
440 | border: false, | |
441 | tbar: [{ | |
442 | xtype: 'proxmoxButton', | |
443 | text: gettext('Show E-Mail addresses'), | |
444 | handler: 'showEmails', | |
445 | disabled: true, | |
446 | }], | |
447 | bind: { | |
448 | title: Ext.String.format(gettext("Users of '{0}'"), '{name}'), | |
449 | }, | |
450 | }, | |
451 | ], | |
452 | }, | |
453 | ], | |
454 | ||
455 | }); | |
456 | ||
457 | Ext.define('PMG.LDAPConfigGrid', { | |
458 | extend: 'Ext.grid.GridPanel', | |
459 | alias: 'widget.pmgLDAPConfigGrid', | |
460 | ||
461 | controller: { | |
462 | xclass: 'Ext.app.ViewController', | |
463 | ||
464 | run_editor: function() { | |
465 | var me = this; | |
466 | var view = me.getView(); | |
467 | var rec = view.getSelection()[0]; | |
468 | if (!rec) { | |
469 | return; | |
470 | } | |
471 | ||
472 | var win = Ext.createWidget('pmgLDAPEdit', { | |
473 | profileId: rec.data.profile, | |
474 | }); | |
475 | win.on('destroy', me.reload, me); | |
476 | win.load(); | |
477 | win.show(); | |
478 | }, | |
479 | ||
480 | newProfile: function() { | |
481 | var me = this; | |
482 | var win = Ext.createWidget('pmgLDAPEdit', {}); | |
483 | win.on('destroy', me.reload, me); | |
484 | win.show(); | |
485 | }, | |
486 | ||
487 | ||
488 | reload: function() { | |
489 | let view = this.getView(); | |
490 | view.getStore().load(); | |
491 | view.fireEvent('load', view); | |
492 | }, | |
493 | ||
494 | sync: function() { | |
495 | var me = this; | |
496 | var view = me.getView(); | |
497 | var rec = view.getSelection()[0]; | |
498 | Proxmox.Utils.API2Request({ | |
499 | url: '/config/ldap/' + rec.data.profile + '/sync', | |
500 | method: 'POST', | |
501 | waitMsgTarget: view, | |
502 | callback: function() { | |
503 | me.reload(); | |
504 | }, | |
505 | failure: function(response, opts) { | |
506 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
507 | }, | |
508 | }); | |
509 | }, | |
510 | ||
511 | init: function(view) { | |
512 | var me = this; | |
513 | Proxmox.Utils.monStoreErrors(view, view.getStore(), true); | |
514 | }, | |
515 | }, | |
516 | ||
517 | store: { | |
518 | model: 'pmg-ldap-config', | |
519 | sorters: [{ | |
520 | property: 'profile', | |
521 | direction: 'ASC', | |
522 | }], | |
523 | }, | |
524 | ||
525 | tbar: [ | |
526 | { | |
527 | xtype: 'proxmoxButton', | |
528 | text: gettext('Edit'), | |
529 | disabled: true, | |
530 | handler: 'run_editor', | |
531 | }, | |
532 | { | |
533 | text: gettext('Create'), | |
534 | handler: 'newProfile', | |
535 | }, | |
536 | { | |
537 | xtype: 'proxmoxStdRemoveButton', | |
538 | baseurl: '/config/ldap', | |
539 | callback: 'reload', | |
540 | }, | |
541 | { | |
542 | xtype: 'proxmoxButton', | |
543 | text: gettext('Synchronize'), | |
544 | enableFn: function(rec) { | |
545 | return !rec.data.disable; | |
546 | }, | |
547 | disabled: true, | |
548 | handler: 'sync', | |
549 | }, | |
550 | ], | |
551 | ||
552 | listeners: { | |
553 | itemdblclick: 'run_editor', | |
554 | activate: 'reload', | |
555 | }, | |
556 | ||
557 | columns: [ | |
558 | { | |
559 | header: gettext('Profile Name'), | |
560 | sortable: true, | |
561 | width: 120, | |
562 | dataIndex: 'profile', | |
563 | }, | |
564 | { | |
565 | header: gettext('Protocol'), | |
566 | sortable: true, | |
567 | dataIndex: 'mode', | |
568 | renderer: PMG.Utils.format_ldap_protocol, | |
569 | }, | |
570 | { | |
571 | header: gettext('Server'), | |
572 | sortable: true, | |
573 | dataIndex: 'server1', | |
574 | renderer: function(value, metaData, rec) { | |
575 | if (rec.data.server2) { | |
576 | return value + '<br>' + rec.data.server2; | |
577 | } | |
578 | return value; | |
579 | }, | |
580 | }, | |
581 | { | |
582 | header: gettext('Enabled'), | |
583 | width: 80, | |
584 | sortable: true, | |
585 | dataIndex: 'disable', | |
586 | renderer: Proxmox.Utils.format_neg_boolean, | |
587 | }, | |
588 | { | |
589 | header: gettext('Comment'), | |
590 | sortable: false, | |
591 | renderer: Ext.String.htmlEncode, | |
592 | dataIndex: 'comment', | |
593 | flex: 1, | |
594 | }, | |
595 | { | |
596 | header: gettext('Accounts'), | |
597 | width: 80, | |
598 | sortable: true, | |
599 | dataIndex: 'ucount', | |
600 | }, | |
601 | { | |
602 | header: gettext('Addresses'), | |
603 | width: 80, | |
604 | sortable: true, | |
605 | dataIndex: 'mcount', | |
606 | }, | |
607 | { | |
608 | header: gettext('Groups'), | |
609 | width: 80, | |
610 | sortable: true, | |
611 | dataIndex: 'gcount', | |
612 | }, | |
613 | ], | |
614 | ||
615 | }); |