]>
Commit | Line | Data |
---|---|---|
c287e233 DC |
1 | Ext.define('PVE.node.CertificateView', { |
2 | extend: 'Ext.container.Container', | |
3 | xtype: 'pveCertificatesView', | |
4 | ||
16dedd0f DC |
5 | onlineHelp: 'sysadmin_certificate_management', |
6 | ||
8058410f | 7 | mixins: ['Proxmox.Mixin.CBind'], |
d3d48736 | 8 | scrollable: 'y', |
c287e233 DC |
9 | |
10 | items: [ | |
11 | { | |
12 | xtype: 'pveCertView', | |
13 | border: 0, | |
14 | cbind: { | |
f6710aac TL |
15 | nodename: '{nodename}', |
16 | }, | |
c287e233 DC |
17 | }, |
18 | { | |
19 | xtype: 'pveACMEView', | |
20 | border: 0, | |
21 | cbind: { | |
f6710aac TL |
22 | nodename: '{nodename}', |
23 | }, | |
24 | }, | |
25 | ], | |
c287e233 DC |
26 | |
27 | }); | |
28 | ||
29 | Ext.define('PVE.node.CertificateViewer', { | |
30 | extend: 'Proxmox.window.Edit', | |
31 | ||
32 | title: gettext('Certificate'), | |
33 | ||
34 | fieldDefaults: { | |
f6710aac | 35 | labelWidth: 120, |
c287e233 DC |
36 | }, |
37 | width: 800, | |
c287e233 | 38 | |
2f9fc811 TL |
39 | items: { |
40 | xtype: 'inputpanel', | |
41 | maxHeight: 900, | |
42 | scrollable: 'y', | |
43 | columnT: [ | |
44 | { | |
45 | xtype: 'displayfield', | |
46 | fieldLabel: gettext('Name'), | |
47 | name: 'filename', | |
48 | }, | |
49 | { | |
50 | xtype: 'displayfield', | |
51 | fieldLabel: gettext('Fingerprint'), | |
52 | name: 'fingerprint', | |
53 | }, | |
54 | { | |
55 | xtype: 'displayfield', | |
56 | fieldLabel: gettext('Issuer'), | |
57 | name: 'issuer', | |
58 | }, | |
59 | { | |
60 | xtype: 'displayfield', | |
61 | fieldLabel: gettext('Subject'), | |
62 | name: 'subject', | |
63 | }, | |
64 | ], | |
65 | column1: [ | |
66 | { | |
67 | xtype: 'displayfield', | |
68 | fieldLabel: gettext('Public Key Type'), | |
69 | name: 'public-key-type', | |
70 | }, | |
71 | { | |
72 | xtype: 'displayfield', | |
73 | fieldLabel: gettext('Public Key Size'), | |
74 | name: 'public-key-bits', | |
75 | }, | |
76 | ], | |
77 | column2: [ | |
78 | { | |
79 | xtype: 'displayfield', | |
80 | fieldLabel: gettext('Valid Since'), | |
81 | renderer: Proxmox.Utils.render_timestamp, | |
82 | name: 'notbefore', | |
83 | }, | |
84 | { | |
85 | xtype: 'displayfield', | |
86 | fieldLabel: gettext('Expires'), | |
87 | renderer: Proxmox.Utils.render_timestamp, | |
88 | name: 'notafter', | |
89 | }, | |
90 | ], | |
91 | columnB: [ | |
92 | { | |
93 | xtype: 'displayfield', | |
94 | fieldLabel: gettext('Subject Alternative Names'), | |
95 | name: 'san', | |
96 | renderer: PVE.Utils.render_san, | |
97 | }, | |
98 | { | |
99 | xtype: 'fieldset', | |
100 | title: gettext('Raw Certificate'), | |
101 | collapsible: true, | |
102 | collapsed: true, | |
103 | items: [{ | |
104 | xtype: 'textarea', | |
105 | name: 'pem', | |
106 | editable: false, | |
107 | grow: true, | |
108 | growMax: 350, | |
109 | fieldStyle: { | |
110 | 'white-space': 'pre-wrap', | |
111 | 'font-family': 'monospace', | |
112 | }, | |
113 | }], | |
114 | }, | |
115 | ], | |
116 | }, | |
c287e233 DC |
117 | |
118 | initComponent: function() { | |
48bbb009 | 119 | let me = this; |
c287e233 DC |
120 | |
121 | if (!me.cert) { | |
122 | throw "no cert given"; | |
123 | } | |
c287e233 DC |
124 | if (!me.nodename) { |
125 | throw "no nodename given"; | |
126 | } | |
127 | ||
48bbb009 | 128 | me.url = `/nodes/${me.nodename}/certificates/info`; |
c287e233 DC |
129 | me.callParent(); |
130 | ||
131 | // hide OK/Reset button, because we just want to show data | |
132 | me.down('toolbar[dock=bottom]').setVisible(false); | |
133 | ||
134 | me.load({ | |
135 | success: function(response) { | |
136 | if (Ext.isArray(response.result.data)) { | |
48bbb009 | 137 | for (const item of response.result.data) { |
c287e233 DC |
138 | if (item.filename === me.cert) { |
139 | me.setValues(item); | |
48bbb009 | 140 | return; |
c287e233 | 141 | } |
48bbb009 | 142 | } |
c287e233 | 143 | } |
f6710aac | 144 | }, |
c287e233 | 145 | }); |
f6710aac | 146 | }, |
c287e233 DC |
147 | }); |
148 | ||
149 | Ext.define('PVE.node.CertUpload', { | |
150 | extend: 'Proxmox.window.Edit', | |
151 | xtype: 'pveCertUpload', | |
152 | ||
153 | title: gettext('Upload Custom Certificate'), | |
154 | resizable: false, | |
155 | isCreate: true, | |
156 | submitText: gettext('Upload'), | |
157 | method: 'POST', | |
158 | width: 600, | |
159 | ||
160 | apiCallDone: function(success, response, options) { | |
161 | if (!success) { | |
162 | return; | |
163 | } | |
48bbb009 | 164 | let txt = gettext('API server will be restarted to use new certificates, please reload web-interface!'); |
c287e233 | 165 | Ext.getBody().mask(txt, ['pve-static-mask']); |
48bbb009 | 166 | Ext.defer(() => window.location.reload(true), 10000); // reload after 10 seconds automatically |
c287e233 DC |
167 | }, |
168 | ||
169 | items: [ | |
170 | { | |
171 | fieldLabel: gettext('Private Key (Optional)'), | |
172 | labelAlign: 'top', | |
173 | emptyText: gettext('No change'), | |
174 | name: 'key', | |
f6710aac | 175 | xtype: 'textarea', |
c287e233 DC |
176 | }, |
177 | { | |
178 | xtype: 'filebutton', | |
179 | text: gettext('From File'), | |
180 | listeners: { | |
181 | change: function(btn, e, value) { | |
48bbb009 TL |
182 | let form = this.up('form'); |
183 | for (const file of e.event.target.files) { | |
3491bd18 | 184 | PVE.Utils.loadFile(file, res => form.down('field[name=key]').setValue(res)); |
48bbb009 | 185 | } |
c287e233 | 186 | btn.reset(); |
f6710aac TL |
187 | }, |
188 | }, | |
c287e233 DC |
189 | }, |
190 | { | |
191 | xtype: 'box', | |
f6710aac | 192 | autoEl: 'hr', |
c287e233 DC |
193 | }, |
194 | { | |
195 | fieldLabel: gettext('Certificate Chain'), | |
196 | labelAlign: 'top', | |
197 | allowBlank: false, | |
198 | name: 'certificates', | |
f6710aac | 199 | xtype: 'textarea', |
c287e233 DC |
200 | }, |
201 | { | |
202 | xtype: 'filebutton', | |
203 | text: gettext('From File'), | |
204 | listeners: { | |
205 | change: function(btn, e, value) { | |
48bbb009 TL |
206 | let form = this.up('form'); |
207 | for (const file of e.event.target.files) { | |
3491bd18 | 208 | PVE.Utils.loadFile(file, res => form.down('field[name=certificates]').setValue(res)); |
48bbb009 | 209 | } |
c287e233 | 210 | btn.reset(); |
f6710aac TL |
211 | }, |
212 | }, | |
c287e233 DC |
213 | }, |
214 | { | |
215 | xtype: 'hidden', | |
216 | name: 'restart', | |
f6710aac | 217 | value: '1', |
c287e233 DC |
218 | }, |
219 | { | |
220 | xtype: 'hidden', | |
221 | name: 'force', | |
f6710aac TL |
222 | value: '1', |
223 | }, | |
c287e233 DC |
224 | ], |
225 | ||
226 | initComponent: function() { | |
48bbb009 | 227 | let me = this; |
c287e233 DC |
228 | if (!me.nodename) { |
229 | throw "no nodename given"; | |
230 | } | |
48bbb009 | 231 | me.url = `/nodes/${me.nodename}/certificates/custom`; |
c287e233 DC |
232 | |
233 | me.callParent(); | |
f6710aac | 234 | }, |
c287e233 DC |
235 | }); |
236 | ||
237 | Ext.define('pve-certificate', { | |
238 | extend: 'Ext.data.Model', | |
8058410f | 239 | fields: ['filename', 'fingerprint', 'issuer', 'notafter', 'notbefore', 'subject', 'san', 'public-key-bits', 'public-key-type'], |
f6710aac | 240 | idProperty: 'filename', |
c287e233 DC |
241 | }); |
242 | ||
243 | Ext.define('PVE.node.Certificates', { | |
244 | extend: 'Ext.grid.Panel', | |
245 | xtype: 'pveCertView', | |
246 | ||
247 | tbar: [ | |
248 | { | |
249 | xtype: 'button', | |
250 | text: gettext('Upload Custom Certificate'), | |
251 | handler: function() { | |
48bbb009 TL |
252 | let view = this.up('grid'); |
253 | Ext.create('PVE.node.CertUpload', { | |
254 | nodename: view.nodename, | |
255 | listeners: { | |
256 | destroy: () => view.reload(), | |
257 | }, | |
258 | autoShow: true, | |
c287e233 | 259 | }); |
f6710aac | 260 | }, |
c287e233 DC |
261 | }, |
262 | { | |
028e4cd3 | 263 | xtype: 'proxmoxStdRemoveButton', |
c287e233 DC |
264 | itemId: 'deletebtn', |
265 | text: gettext('Delete Custom Certificate'), | |
028e4cd3 TL |
266 | dangerous: true, |
267 | selModel: false, | |
268 | getUrl: function(rec) { | |
269 | let view = this.up('grid'); | |
270 | return `/nodes/${view.nodename}/certificates/custom?restart=1`; | |
271 | }, | |
272 | confirmMsg: gettext('Delete custom certificate and switch to generated one?'), | |
273 | callback: function(options, success, response) { | |
274 | if (success) { | |
275 | let txt = gettext('API server will be restarted to use new certificates, please reload web-interface!'); | |
276 | Ext.getBody().mask(txt, ['pve-static-mask']); | |
277 | // reload after 10 seconds automatically | |
278 | Ext.defer(() => window.location.reload(true), 10000); | |
279 | } | |
f6710aac | 280 | }, |
c287e233 DC |
281 | }, |
282 | '-', | |
283 | { | |
284 | xtype: 'proxmoxButton', | |
285 | itemId: 'viewbtn', | |
286 | disabled: true, | |
287 | text: gettext('View Certificate'), | |
288 | handler: function() { | |
48bbb009 | 289 | this.up('grid').viewCertificate(); |
f6710aac TL |
290 | }, |
291 | }, | |
c287e233 DC |
292 | ], |
293 | ||
294 | columns: [ | |
295 | { | |
296 | header: gettext('File'), | |
297 | width: 150, | |
f6710aac | 298 | dataIndex: 'filename', |
c287e233 DC |
299 | }, |
300 | { | |
301 | header: gettext('Issuer'), | |
302 | flex: 1, | |
f6710aac | 303 | dataIndex: 'issuer', |
c287e233 DC |
304 | }, |
305 | { | |
306 | header: gettext('Subject'), | |
307 | flex: 1, | |
f6710aac | 308 | dataIndex: 'subject', |
c287e233 | 309 | }, |
e81645f5 AA |
310 | { |
311 | header: gettext('Public Key Alogrithm'), | |
312 | flex: 1, | |
313 | dataIndex: 'public-key-type', | |
f6710aac | 314 | hidden: true, |
e81645f5 AA |
315 | }, |
316 | { | |
317 | header: gettext('Public Key Size'), | |
318 | flex: 1, | |
319 | dataIndex: 'public-key-bits', | |
f6710aac | 320 | hidden: true, |
e81645f5 | 321 | }, |
c287e233 DC |
322 | { |
323 | header: gettext('Valid Since'), | |
324 | width: 150, | |
325 | dataIndex: 'notbefore', | |
f6710aac | 326 | renderer: Proxmox.Utils.render_timestamp, |
c287e233 DC |
327 | }, |
328 | { | |
329 | header: gettext('Expires'), | |
330 | width: 150, | |
331 | dataIndex: 'notafter', | |
f6710aac | 332 | renderer: Proxmox.Utils.render_timestamp, |
c287e233 DC |
333 | }, |
334 | { | |
335 | header: gettext('Subject Alternative Names'), | |
336 | flex: 1, | |
337 | dataIndex: 'san', | |
f6710aac | 338 | renderer: PVE.Utils.render_san, |
c287e233 DC |
339 | }, |
340 | { | |
341 | header: gettext('Fingerprint'), | |
342 | dataIndex: 'fingerprint', | |
f6710aac | 343 | hidden: true, |
c287e233 DC |
344 | }, |
345 | { | |
346 | header: gettext('PEM'), | |
347 | dataIndex: 'pem', | |
f6710aac TL |
348 | hidden: true, |
349 | }, | |
c287e233 DC |
350 | ], |
351 | ||
352 | reload: function() { | |
48bbb009 | 353 | this.rstore.load(); |
c287e233 DC |
354 | }, |
355 | ||
48bbb009 TL |
356 | viewCertificate: function() { |
357 | let me = this; | |
358 | let selection = me.getSelection(); | |
c287e233 DC |
359 | if (!selection || selection.length < 1) { |
360 | return; | |
361 | } | |
362 | var win = Ext.create('PVE.node.CertificateViewer', { | |
363 | cert: selection[0].data.filename, | |
8058410f | 364 | nodename: me.nodename, |
c287e233 DC |
365 | }); |
366 | win.show(); | |
367 | }, | |
368 | ||
369 | listeners: { | |
48bbb009 | 370 | itemdblclick: 'viewCertificate', |
c287e233 DC |
371 | }, |
372 | ||
373 | initComponent: function() { | |
374 | var me = this; | |
375 | ||
376 | if (!me.nodename) { | |
377 | throw "no nodename given"; | |
378 | } | |
379 | ||
380 | me.rstore = Ext.create('Proxmox.data.UpdateStore', { | |
381 | storeid: 'certs-' + me.nodename, | |
382 | model: 'pve-certificate', | |
383 | proxy: { | |
384 | type: 'proxmox', | |
f6710aac TL |
385 | url: '/api2/json/nodes/' + me.nodename + '/certificates/info', |
386 | }, | |
c287e233 DC |
387 | }); |
388 | ||
389 | me.store = { | |
390 | type: 'diff', | |
f6710aac | 391 | rstore: me.rstore, |
c287e233 DC |
392 | }; |
393 | ||
394 | me.callParent(); | |
395 | ||
48bbb009 | 396 | me.mon(me.rstore, 'load', store => me.down('#deletebtn').setDisabled(!store.getById('pveproxy-ssl.pem'))); |
c287e233 | 397 | me.rstore.startUpdate(); |
1f249769 | 398 | me.on('destroy', me.rstore.stopUpdate, me.rstore); |
f6710aac | 399 | }, |
c287e233 | 400 | }); |