5
0
mirror of git://git.proxmox.com/git/proxmox-backup.git synced 2025-03-11 16:58:32 +03:00
proxmox-backup/www/config/CertificateView.js
Dominik Csapak 064a9a6bb1 ui: node certificate: make parent panel scrollable
The `ACME` panel may be rendered out of sight (overflow) when there
are enough SANs on the upper `Certificates` panel to push it down
enough and the browser/display height is too small.

Enable the `scrollable` config for the parent certificate view panel
in the y-axis (vertical) to make ExtJS automatically add a scrollbar
if the content overflows. Avoid enabling it for the x-axis too as
that breaks reflow of the layout if the browser window gets resized.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
 [T: fix commit message to one from manager ]
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2022-10-11 11:27:18 +02:00

82 lines
1.7 KiB
JavaScript

Ext.define('PBS.config.CertificateConfiguration', {
extend: 'Ext.tab.Panel',
alias: 'widget.pbsCertificateConfiguration',
title: gettext('Certificates'),
border: false,
defaults: { border: false },
items: [
{
itemId: 'certificates',
xtype: 'pbsCertificatesView',
},
{
itemId: 'acme',
xtype: 'pbsACMEConfigView',
},
],
});
Ext.define('PBS.config.CertificatesView', {
extend: 'Ext.panel.Panel',
alias: 'widget.pbsCertificatesView',
title: gettext('Certificates'),
border: false,
defaults: {
border: false,
},
scrollable: 'y',
items: [
{
xtype: 'pmxCertificates',
nodename: 'localhost',
infoUrl: '/nodes/localhost/certificates/info',
uploadButtons: [
{
id: 'proxy.pem',
url: '/nodes/localhost/certificates/custom',
deletable: true,
reloadUi: true,
},
],
},
{
xtype: 'pmxACMEDomains',
border: 0,
url: `/nodes/localhost/config`,
nodename: 'localhost',
acmeUrl: '/config/acme',
orderUrl: `/nodes/localhost/certificates/acme/certificate`,
separateDomainEntries: true,
},
],
});
Ext.define('PBS.ACMEConfigView', {
extend: 'Ext.panel.Panel',
alias: 'widget.pbsACMEConfigView',
title: gettext('ACME Accounts'),
//onlineHelp: 'sysadmin_certificate_management',
items: [
{
region: 'north',
border: false,
xtype: 'pmxACMEAccounts',
acmeUrl: '/config/acme',
},
{
region: 'center',
border: false,
xtype: 'pmxACMEPluginView',
acmeUrl: '/config/acme',
},
],
});