]>
Commit | Line | Data |
---|---|---|
51c43243 DM |
1 | Ext.define('PVE.dc.PoolView', { |
2 | extend: 'Ext.grid.GridPanel', | |
3 | ||
4 | alias: ['widget.pvePoolView'], | |
5 | ||
ba93a9c6 DC |
6 | onlineHelp: 'pveum_pools', |
7 | ||
3ac2a964 DC |
8 | stateful: true, |
9 | stateId: 'grid-pools', | |
10 | ||
8058410f | 11 | initComponent: function() { |
51c43243 DM |
12 | var me = this; |
13 | ||
14 | var store = new Ext.data.Store({ | |
15 | model: 'pve-pools', | |
2a4971d8 TL |
16 | sorters: { |
17 | property: 'poolid', | |
f6710aac TL |
18 | order: 'DESC', |
19 | }, | |
51c43243 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', { |
51c43243 | 29 | selModel: sm, |
3b1ca3ff | 30 | baseurl: '/pools/', |
8058410f | 31 | callback: function() { |
3b1ca3ff | 32 | reload(); |
f6710aac | 33 | }, |
51c43243 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.PoolEdit', { |
43 | poolid: rec.data.poolid, | |
51c43243 DM |
44 | }); |
45 | win.on('destroy', reload); | |
46 | win.show(); | |
47 | }; | |
48 | ||
5720fafa | 49 | var edit_btn = new Proxmox.button.Button({ |
51c43243 DM |
50 | text: gettext('Edit'), |
51 | disabled: true, | |
52 | selModel: sm, | |
f6710aac | 53 | handler: run_editor, |
51c43243 DM |
54 | }); |
55 | ||
56 | var tbar = [ | |
57 | { | |
58 | text: gettext('Create'), | |
59 | handler: function() { | |
60 | var win = Ext.create('PVE.dc.PoolEdit', {}); | |
61 | win.on('destroy', reload); | |
62 | win.show(); | |
f6710aac | 63 | }, |
51c43243 | 64 | }, |
f6710aac | 65 | edit_btn, remove_btn, |
51c43243 DM |
66 | ]; |
67 | ||
e7ade592 | 68 | Proxmox.Utils.monStoreErrors(me, store); |
51c43243 DM |
69 | |
70 | Ext.apply(me, { | |
71 | store: store, | |
72 | selModel: sm, | |
51c43243 DM |
73 | tbar: tbar, |
74 | viewConfig: { | |
f6710aac | 75 | trackOver: false, |
51c43243 DM |
76 | }, |
77 | columns: [ | |
78 | { | |
79 | header: gettext('Name'), | |
80 | width: 200, | |
81 | sortable: true, | |
f6710aac | 82 | dataIndex: 'poolid', |
51c43243 DM |
83 | }, |
84 | { | |
85 | header: gettext('Comment'), | |
86 | sortable: false, | |
2eb0767b | 87 | renderer: Ext.String.htmlEncode, |
51c43243 | 88 | dataIndex: 'comment', |
f6710aac TL |
89 | flex: 1, |
90 | }, | |
51c43243 DM |
91 | ], |
92 | listeners: { | |
c0b3df6e | 93 | activate: reload, |
f6710aac TL |
94 | itemdblclick: run_editor, |
95 | }, | |
51c43243 DM |
96 | }); |
97 | ||
98 | me.callParent(); | |
f6710aac | 99 | }, |
51c43243 | 100 | }); |