]>
Commit | Line | Data |
---|---|---|
1 | Ext.define('proxmox-services', { | |
2 | extend: 'Ext.data.Model', | |
3 | fields: ['service', 'name', 'desc', 'state', 'unit-state', 'active-state'], | |
4 | idProperty: 'service', | |
5 | }); | |
6 | ||
7 | Ext.define('Proxmox.node.ServiceView', { | |
8 | extend: 'Ext.grid.GridPanel', | |
9 | ||
10 | alias: ['widget.proxmoxNodeServiceView'], | |
11 | ||
12 | startOnlyServices: {}, | |
13 | ||
14 | restartCommand: "restart", // TODO: default to reload once everywhere supported | |
15 | ||
16 | initComponent: function() { | |
17 | let me = this; | |
18 | ||
19 | if (!me.nodename) { | |
20 | throw "no node name specified"; | |
21 | } | |
22 | ||
23 | let rstore = Ext.create('Proxmox.data.UpdateStore', { | |
24 | interval: 1000, | |
25 | model: 'proxmox-services', | |
26 | proxy: { | |
27 | type: 'proxmox', | |
28 | url: `/api2/json/nodes/${me.nodename}/services`, | |
29 | }, | |
30 | }); | |
31 | ||
32 | let store = Ext.create('Proxmox.data.DiffStore', { | |
33 | rstore: rstore, | |
34 | sortAfterUpdate: true, | |
35 | sorters: [ | |
36 | { | |
37 | property: 'name', | |
38 | direction: 'ASC', | |
39 | }, | |
40 | ], | |
41 | }); | |
42 | ||
43 | let view_service_log = function() { | |
44 | let { data: { service } } = me.getSelectionModel().getSelection()[0]; | |
45 | Ext.create('Ext.window.Window', { | |
46 | title: gettext('Syslog') + ': ' + service, | |
47 | modal: true, | |
48 | width: 800, | |
49 | height: 400, | |
50 | layout: 'fit', | |
51 | items: { | |
52 | xtype: 'proxmoxLogView', | |
53 | url: `/api2/extjs/nodes/${me.nodename}/syslog?service=${service}`, | |
54 | log_select_timespan: 1, | |
55 | }, | |
56 | autoShow: true, | |
57 | }); | |
58 | }; | |
59 | ||
60 | let service_cmd = function(cmd) { | |
61 | let { data: { service } } = me.getSelectionModel().getSelection()[0]; | |
62 | Proxmox.Utils.API2Request({ | |
63 | url: `/nodes/${me.nodename}/services/${service}/${cmd}`, | |
64 | method: 'POST', | |
65 | failure: function(response, opts) { | |
66 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
67 | me.loading = true; | |
68 | }, | |
69 | success: function(response, opts) { | |
70 | rstore.startUpdate(); | |
71 | Ext.create('Proxmox.window.TaskProgress', { | |
72 | upid: response.result.data, | |
73 | autoShow: true, | |
74 | }); | |
75 | }, | |
76 | }); | |
77 | }; | |
78 | ||
79 | let start_btn = new Ext.Button({ | |
80 | text: gettext('Start'), | |
81 | disabled: true, | |
82 | handler: () => service_cmd("start"), | |
83 | }); | |
84 | let stop_btn = new Ext.Button({ | |
85 | text: gettext('Stop'), | |
86 | disabled: true, | |
87 | handler: () => service_cmd("stop"), | |
88 | }); | |
89 | let restart_btn = new Ext.Button({ | |
90 | text: gettext('Restart'), | |
91 | disabled: true, | |
92 | handler: () => service_cmd(me.restartCommand || "restart"), | |
93 | }); | |
94 | let syslog_btn = new Ext.Button({ | |
95 | text: gettext('Syslog'), | |
96 | disabled: true, | |
97 | handler: view_service_log, | |
98 | }); | |
99 | ||
100 | let set_button_status = function() { | |
101 | let sm = me.getSelectionModel(); | |
102 | let rec = sm.getSelection()[0]; | |
103 | ||
104 | if (!rec) { | |
105 | start_btn.disable(); | |
106 | stop_btn.disable(); | |
107 | restart_btn.disable(); | |
108 | syslog_btn.disable(); | |
109 | return; | |
110 | } | |
111 | let service = rec.data.service; | |
112 | let state = rec.data.state; | |
113 | let unit = rec.data['unit-state']; | |
114 | ||
115 | syslog_btn.enable(); | |
116 | ||
117 | if (state === 'running') { | |
118 | if (me.startOnlyServices[service]) { | |
119 | stop_btn.disable(); | |
120 | restart_btn.enable(); | |
121 | } else { | |
122 | stop_btn.enable(); | |
123 | restart_btn.enable(); | |
124 | start_btn.disable(); | |
125 | } | |
126 | } else if (unit !== undefined && (unit === 'masked' || unit === 'unknown' || unit === 'not-found')) { | |
127 | start_btn.disable(); | |
128 | restart_btn.disable(); | |
129 | stop_btn.disable(); | |
130 | } else { | |
131 | start_btn.enable(); | |
132 | stop_btn.disable(); | |
133 | restart_btn.disable(); | |
134 | } | |
135 | }; | |
136 | ||
137 | me.mon(store, 'refresh', set_button_status); | |
138 | ||
139 | Proxmox.Utils.monStoreErrors(me, rstore); | |
140 | ||
141 | Ext.apply(me, { | |
142 | viewConfig: { | |
143 | trackOver: false, | |
144 | stripeRows: false, // does not work with getRowClass() | |
145 | getRowClass: function(record, index) { | |
146 | let unitState = record.get('unit-state'); | |
147 | if (!unitState) { | |
148 | return ''; | |
149 | } | |
150 | if (unitState === 'masked' || unitState === 'not-found') { | |
151 | return "proxmox-disabled-row"; | |
152 | } else if (unitState === 'unknown') { | |
153 | if (record.get('name') === 'syslog') { | |
154 | return "proxmox-disabled-row"; // replaced by journal on most hosts | |
155 | } | |
156 | return "proxmox-warning-row"; | |
157 | } | |
158 | return ''; | |
159 | }, | |
160 | }, | |
161 | store: store, | |
162 | stateful: false, | |
163 | tbar: [ | |
164 | start_btn, | |
165 | stop_btn, | |
166 | restart_btn, | |
167 | '-', | |
168 | syslog_btn, | |
169 | ], | |
170 | columns: [ | |
171 | { | |
172 | header: gettext('Name'), | |
173 | flex: 1, | |
174 | sortable: true, | |
175 | dataIndex: 'name', | |
176 | }, | |
177 | { | |
178 | header: gettext('Status'), | |
179 | width: 100, | |
180 | sortable: true, | |
181 | dataIndex: 'state', | |
182 | renderer: (value, meta, rec) => { | |
183 | const unitState = rec.get('unit-state'); | |
184 | if (unitState === 'masked') { | |
185 | return gettext('disabled'); | |
186 | } else if (unitState === 'not-found') { | |
187 | return gettext('not installed'); | |
188 | } else { | |
189 | return value; | |
190 | } | |
191 | }, | |
192 | }, | |
193 | { | |
194 | header: gettext('Active'), | |
195 | width: 100, | |
196 | sortable: true, | |
197 | hidden: true, | |
198 | dataIndex: 'active-state', | |
199 | }, | |
200 | { | |
201 | header: gettext('Unit'), | |
202 | width: 120, | |
203 | sortable: true, | |
204 | hidden: Proxmox?.Setup?.auth_cookie_name !== 'PVEAuthCookie', // FIXME currently only PVE supports it | |
205 | dataIndex: 'unit-state', | |
206 | }, | |
207 | { | |
208 | header: gettext('Description'), | |
209 | renderer: Ext.String.htmlEncode, | |
210 | dataIndex: 'desc', | |
211 | flex: 2, | |
212 | }, | |
213 | ], | |
214 | listeners: { | |
215 | selectionchange: set_button_status, | |
216 | itemdblclick: view_service_log, | |
217 | activate: rstore.startUpdate, | |
218 | destroy: rstore.stopUpdate, | |
219 | }, | |
220 | }); | |
221 | ||
222 | me.callParent(); | |
223 | }, | |
224 | }); |