]>
Commit | Line | Data |
---|---|---|
ff735274 | 1 | /*global Proxmox*/ |
c51d3f79 DM |
2 | Ext.define('pmg-transport', { |
3 | extend: 'Ext.data.Model', | |
4 | fields: [ 'domain', 'host', { name: 'port', type: 'integer' }, | |
5 | { name: 'use_mx', type: 'boolean' }, 'comment' ], | |
6 | proxy: { | |
7 | type: 'proxmox', | |
8 | url: "/api2/json/config/transport" | |
9 | }, | |
10 | idProperty: 'domain' | |
11 | }); | |
12 | ||
13 | Ext.define('PMG.Transport', { | |
14 | extend: 'Ext.grid.GridPanel', | |
15 | alias: ['widget.pmgTransport'], | |
16 | ||
17 | initComponent : function() { | |
18 | var me = this; | |
19 | ||
20 | var store = new Ext.data.Store({ | |
21 | model: 'pmg-transport', | |
22 | sorters: { | |
23 | property: 'domain', | |
24 | order: 'DESC' | |
25 | } | |
26 | }); | |
27 | ||
28 | var reload = function() { | |
29 | store.load(); | |
30 | }; | |
31 | ||
32 | me.selModel = Ext.create('Ext.selection.RowModel', {}); | |
33 | ||
b357057e | 34 | var remove_btn = Ext.createWidget('proxmoxStdRemoveButton', { |
c51d3f79 | 35 | selModel: me.selModel, |
b357057e DM |
36 | baseurl: '/config/transport', |
37 | callback: reload, | |
38 | waitMsgTarget: me | |
c51d3f79 DM |
39 | }); |
40 | ||
41 | var common_properties = [ | |
42 | { | |
43 | xtype: 'textfield', | |
44 | name: 'host', | |
45 | fieldLabel: gettext("Host") | |
46 | }, | |
47 | { | |
48 | xtype: 'proxmoxintegerfield', | |
49 | name: 'port', | |
50 | value: 25, | |
51 | minValue: 1, | |
52 | maxValue: 65535, | |
53 | fieldLabel: gettext("Port") | |
54 | }, | |
55 | { | |
56 | xtype: 'proxmoxcheckbox', | |
57 | name: 'use_mx', | |
58 | checked: true, | |
59 | uncheckedValue: 0, | |
60 | fieldLabel: gettext("Use MX") | |
61 | }, | |
62 | { | |
63 | xtype: 'textfield', | |
64 | name: 'comment', | |
65 | fieldLabel: gettext("Comment") | |
66 | } | |
67 | ]; | |
68 | ||
69 | var edit_properties = common_properties.slice(); | |
70 | edit_properties.unshift({ | |
71 | xtype: 'displayfield', | |
72 | name: 'domain', | |
73 | fieldLabel: gettext("Relay Domain") | |
74 | }); | |
75 | ||
76 | var create_properties = common_properties.slice(); | |
77 | create_properties.unshift({ | |
78 | xtype: 'proxmoxtextfield', | |
79 | name: 'domain', | |
80 | fieldLabel: gettext("Relay Domain") | |
81 | }); | |
82 | ||
83 | var run_editor = function() { | |
84 | var rec = me.selModel.getSelection()[0]; | |
85 | if (!rec) { | |
86 | return; | |
87 | } | |
88 | ||
89 | var config = { | |
90 | url: "/api2/extjs/config/transport/" + rec.data.domain, | |
91 | method: 'PUT', | |
92 | subject: gettext("Transport"), | |
93 | items: edit_properties | |
94 | }; | |
95 | ||
96 | var win = Ext.createWidget('proxmoxWindowEdit', config); | |
97 | ||
98 | win.load(); | |
99 | win.on('destroy', reload); | |
100 | win.show(); | |
101 | }; | |
102 | ||
de0ebd99 DC |
103 | /*jslint confusion: true*/ |
104 | /*create is a function and boolean */ | |
c51d3f79 DM |
105 | var tbar = [ |
106 | { | |
107 | xtype: 'proxmoxButton', | |
108 | text: gettext('Edit'), | |
109 | disabled: true, | |
110 | selModel: me.selModel, | |
111 | handler: run_editor | |
112 | }, | |
113 | { | |
114 | text: gettext('Create'), | |
115 | handler: function() { | |
116 | var config = { | |
117 | method: 'POST', | |
118 | url: "/api2/extjs/config/transport", | |
119 | create: true, | |
120 | subject: gettext("Transport"), | |
121 | items: create_properties | |
122 | }; | |
123 | ||
124 | var win = Ext.createWidget('proxmoxWindowEdit', config); | |
125 | ||
126 | win.on('destroy', reload); | |
127 | win.show(); | |
128 | } | |
129 | }, | |
130 | remove_btn | |
131 | ]; | |
de0ebd99 | 132 | /*jslint confusion: false*/ |
c51d3f79 | 133 | |
2f8fe1a3 | 134 | Proxmox.Utils.monStoreErrors(me, store, true); |
c51d3f79 DM |
135 | |
136 | Ext.apply(me, { | |
137 | store: store, | |
138 | tbar: tbar, | |
139 | viewConfig: { | |
140 | trackOver: false | |
141 | }, | |
142 | columns: [ | |
143 | { | |
144 | header: gettext('Relay Domain'), | |
145 | width: 200, | |
146 | sortable: true, | |
147 | dataIndex: 'domain' | |
148 | }, | |
149 | { | |
150 | header: gettext('Host'), | |
151 | width: 200, | |
152 | sortable: true, | |
153 | dataIndex: 'host' | |
154 | }, | |
155 | { | |
156 | header: gettext('Port'), | |
157 | width: 80, | |
158 | sortable: false, | |
159 | dataIndex: 'port' | |
160 | }, | |
161 | { | |
162 | header: gettext('Use MX'), | |
163 | width: 80, | |
164 | renderer: Proxmox.Utils.format_boolean, | |
165 | sortable: false, | |
166 | dataIndex: 'use_mx' | |
167 | }, | |
168 | { | |
169 | header: gettext('Comment'), | |
170 | sortable: false, | |
171 | renderer: Ext.String.htmlEncode, | |
172 | dataIndex: 'comment', | |
173 | flex: 1 | |
174 | } | |
175 | ], | |
176 | listeners: { | |
177 | itemdblclick: run_editor, | |
178 | activate: reload | |
179 | } | |
180 | }); | |
181 | ||
182 | me.callParent(); | |
183 | } | |
184 | }); |