]>
Commit | Line | Data |
---|---|---|
7c0a43d9 | 1 | Ext.define('PVE.form.StorageSelector', { |
0fc95a12 | 2 | extend: 'Proxmox.form.ComboGrid', |
4cb75dd9 | 3 | alias: 'widget.pveStorageSelector', |
7c0a43d9 | 4 | |
a13842bf EK |
5 | allowBlank: false, |
6 | valueField: 'storage', | |
7 | displayField: 'storage', | |
8 | listConfig: { | |
9 | columns: [ | |
10 | { | |
11 | header: gettext('Name'), | |
12 | dataIndex: 'storage', | |
13 | hideable: false, | |
14 | flex: 1 | |
15 | }, | |
16 | { | |
17 | header: gettext('Type'), | |
18 | width: 60, | |
19 | dataIndex: 'type' | |
20 | }, | |
21 | { | |
22 | header: gettext('Avail'), | |
23 | width: 80, | |
24 | dataIndex: 'avail', | |
e7ade592 | 25 | renderer: Proxmox.Utils.format_size |
a13842bf EK |
26 | }, |
27 | { | |
28 | header: gettext('Capacity'), | |
29 | width: 80, | |
30 | dataIndex: 'total', | |
e7ade592 | 31 | renderer: Proxmox.Utils.format_size |
a13842bf EK |
32 | } |
33 | ] | |
34 | }, | |
35 | ||
7c0a43d9 DM |
36 | reloadStorageList: function() { |
37 | var me = this; | |
38 | if (!me.nodename) { | |
39 | return; | |
40 | } | |
41 | ||
acd0d10a DC |
42 | var params = { |
43 | format: 1 | |
44 | }; | |
7c0a43d9 DM |
45 | var url = '/api2/json/nodes/' + me.nodename + '/storage'; |
46 | if (me.storageContent) { | |
47 | params.content = me.storageContent; | |
48 | } | |
49 | if (me.targetNode) { | |
50 | params.target = me.targetNode; | |
51 | params.enabled = 1; // skip disabled storages | |
52 | } | |
53 | me.store.setProxy({ | |
56a353b9 | 54 | type: 'proxmox', |
7c0a43d9 DM |
55 | url: url, |
56 | extraParams: params | |
57 | }); | |
58 | ||
59 | me.store.load(); | |
60 | ||
61 | }, | |
62 | ||
63 | setTargetNode: function(targetNode) { | |
64 | var me = this; | |
65 | ||
66 | if (!targetNode || (me.targetNode === targetNode)) { | |
67 | return; | |
68 | } | |
69 | ||
70 | me.targetNode = targetNode; | |
71 | ||
72 | me.reloadStorageList(); | |
73 | }, | |
74 | ||
75 | setNodename: function(nodename) { | |
76 | var me = this; | |
77 | ||
78 | if (!nodename || (me.nodename === nodename)) { | |
79 | return; | |
80 | } | |
81 | ||
82 | me.nodename = nodename; | |
83 | ||
84 | me.reloadStorageList(); | |
85 | }, | |
86 | ||
87 | initComponent: function() { | |
88 | var me = this; | |
89 | ||
90 | var nodename = me.nodename; | |
91 | me.nodename = undefined; | |
92 | ||
93 | var store = Ext.create('Ext.data.Store', { | |
94 | model: 'pve-storage-status', | |
95 | sorters: { | |
96 | property: 'storage', | |
97 | order: 'DESC' | |
98 | } | |
99 | }); | |
100 | ||
101 | Ext.apply(me, { | |
22f2f9d6 | 102 | store: store |
7c0a43d9 DM |
103 | }); |
104 | ||
105 | me.callParent(); | |
106 | ||
107 | if (nodename) { | |
108 | me.setNodename(nodename); | |
109 | } | |
110 | } | |
111 | }, function() { | |
112 | ||
113 | Ext.define('pve-storage-status', { | |
114 | extend: 'Ext.data.Model', | |
115 | fields: [ 'storage', 'active', 'type', 'avail', 'total' ], | |
116 | idProperty: 'storage' | |
117 | }); | |
118 | ||
119 | }); |