]>
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 | start_btn.disable(); | |
119 | restart_btn.enable(); | |
120 | } else if (unit !== undefined && (unit === 'masked' || unit === 'unknown')) { | |
121 | start_btn.disable(); | |
122 | restart_btn.disable(); | |
123 | } else { | |
124 | start_btn.enable(); | |
125 | restart_btn.disable(); | |
126 | } | |
127 | if (!me.startOnlyServices[service]) { | |
128 | if (state === 'running') { | |
129 | stop_btn.enable(); | |
130 | } else { | |
131 | stop_btn.disable(); | |
132 | } | |
133 | } | |
134 | }; | |
135 | ||
136 | me.mon(store, 'refresh', set_button_status); | |
137 | ||
138 | Proxmox.Utils.monStoreErrors(me, rstore); | |
139 | ||
140 | Ext.apply(me, { | |
141 | viewConfig: { | |
142 | trackOver: false, | |
143 | stripeRows: false, // does not work with getRowClass() | |
144 | getRowClass: function(record, index) { | |
145 | let unitState = record.get('unit-state'); | |
146 | if (!unitState) { | |
147 | return ''; | |
148 | } | |
149 | if (unitState === 'masked') { | |
150 | return "proxmox-disabled-row"; | |
151 | } else if (unitState === 'unknown') { | |
152 | if (record.get('name') === 'syslog') { | |
153 | return "proxmox-disabled-row"; // replaced by journal on most hosts | |
154 | } | |
155 | return "proxmox-warning-row"; | |
156 | } | |
157 | return ''; | |
158 | }, | |
159 | }, | |
160 | store: store, | |
161 | stateful: false, | |
162 | tbar: [ | |
163 | start_btn, | |
164 | stop_btn, | |
165 | restart_btn, | |
166 | '-', | |
167 | syslog_btn, | |
168 | ], | |
169 | columns: [ | |
170 | { | |
171 | header: gettext('Name'), | |
172 | flex: 1, | |
173 | sortable: true, | |
174 | dataIndex: 'name', | |
175 | }, | |
176 | { | |
177 | header: gettext('Status'), | |
178 | width: 100, | |
179 | sortable: true, | |
180 | dataIndex: 'state', | |
181 | renderer: (v, meta, rec) => rec.get('unit-state') === 'masked' | |
182 | ? gettext('disabled') | |
183 | : v, | |
184 | }, | |
185 | { | |
186 | header: gettext('Active'), | |
187 | width: 100, | |
188 | sortable: true, | |
189 | hidden: true, | |
190 | dataIndex: 'active-state', | |
191 | }, | |
192 | { | |
193 | header: gettext('Unit'), | |
194 | width: 120, | |
195 | sortable: true, | |
196 | hidden: Proxmox?.Setup?.auth_cookie_name !== 'PVEAuthCookie', // FIXME currently only PVE supports it | |
197 | dataIndex: 'unit-state', | |
198 | }, | |
199 | { | |
200 | header: gettext('Description'), | |
201 | renderer: Ext.String.htmlEncode, | |
202 | dataIndex: 'desc', | |
203 | flex: 2, | |
204 | }, | |
205 | ], | |
206 | listeners: { | |
207 | selectionchange: set_button_status, | |
208 | itemdblclick: view_service_log, | |
209 | activate: rstore.startUpdate, | |
210 | destroy: rstore.stopUpdate, | |
211 | }, | |
212 | }); | |
213 | ||
214 | me.callParent(); | |
215 | }, | |
216 | }); |