]>
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', | |
392e3cf1 | 18 | direction: 'ASC', |
f6710aac | 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 | }, |
cd731902 FG |
34 | getUrl: function(rec) { |
35 | return '/pools/?poolid=' + rec.getId(); | |
36 | }, | |
51c43243 DM |
37 | }); |
38 | ||
39 | var run_editor = function() { | |
40 | var rec = sm.getSelection()[0]; | |
41 | if (!rec) { | |
42 | return; | |
43 | } | |
44 | ||
f6710aac TL |
45 | var win = Ext.create('PVE.dc.PoolEdit', { |
46 | poolid: rec.data.poolid, | |
51c43243 DM |
47 | }); |
48 | win.on('destroy', reload); | |
49 | win.show(); | |
50 | }; | |
51 | ||
5720fafa | 52 | var edit_btn = new Proxmox.button.Button({ |
51c43243 DM |
53 | text: gettext('Edit'), |
54 | disabled: true, | |
55 | selModel: sm, | |
f6710aac | 56 | handler: run_editor, |
51c43243 DM |
57 | }); |
58 | ||
59 | var tbar = [ | |
60 | { | |
61 | text: gettext('Create'), | |
62 | handler: function() { | |
63 | var win = Ext.create('PVE.dc.PoolEdit', {}); | |
64 | win.on('destroy', reload); | |
65 | win.show(); | |
f6710aac | 66 | }, |
51c43243 | 67 | }, |
f6710aac | 68 | edit_btn, remove_btn, |
51c43243 DM |
69 | ]; |
70 | ||
e7ade592 | 71 | Proxmox.Utils.monStoreErrors(me, store); |
51c43243 DM |
72 | |
73 | Ext.apply(me, { | |
74 | store: store, | |
75 | selModel: sm, | |
51c43243 DM |
76 | tbar: tbar, |
77 | viewConfig: { | |
f6710aac | 78 | trackOver: false, |
51c43243 DM |
79 | }, |
80 | columns: [ | |
81 | { | |
82 | header: gettext('Name'), | |
83 | width: 200, | |
84 | sortable: true, | |
f6710aac | 85 | dataIndex: 'poolid', |
51c43243 DM |
86 | }, |
87 | { | |
88 | header: gettext('Comment'), | |
89 | sortable: false, | |
2eb0767b | 90 | renderer: Ext.String.htmlEncode, |
51c43243 | 91 | dataIndex: 'comment', |
f6710aac TL |
92 | flex: 1, |
93 | }, | |
51c43243 DM |
94 | ], |
95 | listeners: { | |
c0b3df6e | 96 | activate: reload, |
f6710aac TL |
97 | itemdblclick: run_editor, |
98 | }, | |
51c43243 DM |
99 | }); |
100 | ||
101 | me.callParent(); | |
f6710aac | 102 | }, |
51c43243 | 103 | }); |