]>
Commit | Line | Data |
---|---|---|
3ba7764b DM |
1 | Ext.define('PVE.dc.GroupView', { |
2 | extend: 'Ext.grid.GridPanel', | |
3 | ||
4 | alias: ['widget.pveGroupView'], | |
5 | ||
ba93a9c6 DC |
6 | onlineHelp: 'pveum_groups', |
7 | ||
3ac2a964 DC |
8 | stateful: true, |
9 | stateId: 'grid-groups', | |
10 | ||
8058410f | 11 | initComponent: function() { |
3ba7764b DM |
12 | var me = this; |
13 | ||
14 | var store = new Ext.data.Store({ | |
15 | model: 'pve-groups', | |
2a4971d8 TL |
16 | sorters: { |
17 | property: 'groupid', | |
392e3cf1 | 18 | direction: 'ASC', |
f6710aac | 19 | }, |
3ba7764b DM |
20 | }); |
21 | ||
22 | var reload = function() { | |
23 | store.load(); | |
24 | }; | |
25 | ||
26 | var sm = Ext.create('Ext.selection.RowModel', {}); | |
27 | ||
3b1ca3ff | 28 | var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', { |
3ba7764b | 29 | selModel: sm, |
3b1ca3ff DC |
30 | callback: function() { |
31 | reload(); | |
3ba7764b | 32 | }, |
f6710aac | 33 | baseurl: '/access/groups/', |
3ba7764b DM |
34 | }); |
35 | ||
36 | var run_editor = function() { | |
37 | var rec = sm.getSelection()[0]; | |
38 | if (!rec) { | |
39 | return; | |
40 | } | |
41 | ||
f6710aac TL |
42 | var win = Ext.create('PVE.dc.GroupEdit', { |
43 | groupid: rec.data.groupid, | |
3ba7764b DM |
44 | }); |
45 | win.on('destroy', reload); | |
46 | win.show(); | |
47 | }; | |
48 | ||
5720fafa | 49 | var edit_btn = new Proxmox.button.Button({ |
3ba7764b DM |
50 | text: gettext('Edit'), |
51 | disabled: true, | |
52 | selModel: sm, | |
f6710aac | 53 | handler: run_editor, |
3ba7764b DM |
54 | }); |
55 | ||
56 | var tbar = [ | |
57 | { | |
58 | text: gettext('Create'), | |
59 | handler: function() { | |
60 | var win = Ext.create('PVE.dc.GroupEdit', {}); | |
61 | win.on('destroy', reload); | |
62 | win.show(); | |
f6710aac | 63 | }, |
3ba7764b | 64 | }, |
f6710aac | 65 | edit_btn, remove_btn, |
3ba7764b DM |
66 | ]; |
67 | ||
e7ade592 | 68 | Proxmox.Utils.monStoreErrors(me, store); |
3ba7764b DM |
69 | |
70 | Ext.apply(me, { | |
71 | store: store, | |
72 | selModel: sm, | |
3ba7764b DM |
73 | tbar: tbar, |
74 | viewConfig: { | |
f6710aac | 75 | trackOver: false, |
3ba7764b DM |
76 | }, |
77 | columns: [ | |
78 | { | |
79 | header: gettext('Name'), | |
80 | width: 200, | |
81 | sortable: true, | |
f6710aac | 82 | dataIndex: 'groupid', |
3ba7764b DM |
83 | }, |
84 | { | |
85 | header: gettext('Comment'), | |
86 | sortable: false, | |
2eb0767b | 87 | renderer: Ext.String.htmlEncode, |
3ba7764b | 88 | dataIndex: 'comment', |
f6710aac | 89 | flex: 1, |
88ac19dd FG |
90 | }, |
91 | { | |
92 | header: gettext('Users'), | |
93 | sortable: false, | |
94 | dataIndex: 'users', | |
1011b569 | 95 | renderer: Ext.String.htmlEncode, |
f6710aac TL |
96 | flex: 1, |
97 | }, | |
3ba7764b DM |
98 | ], |
99 | listeners: { | |
c0b3df6e | 100 | activate: reload, |
f6710aac TL |
101 | itemdblclick: run_editor, |
102 | }, | |
3ba7764b DM |
103 | }); |
104 | ||
105 | me.callParent(); | |
f6710aac | 106 | }, |
3ba7764b | 107 | }); |