ui: improve ACME edit/apply button visibilty

multiple users were confused[0], as they did not interpret the 'icon only'
in the toolbar as a button (and it did not help that we prevented
the cursor to change)

to improve it, make the button a normal one again, and add some
text for context (this is more inline what we do elsewhere in toolbars)

0: https://forum.proxmox.com/threads/acme-over-dnschallenge-failing.71902

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/www/manager6/node/ACME.js b/www/manager6/node/ACME.js
index cfe9cc12907d4a5c39c3ed37dabd09fa51dad50f..635787f699c7138ce2ff495d850f480d107ceed3 100644 (file)
--- a/www/manager6/node/ACME.js
+++ b/www/manager6/node/ACME.js
@@ -365,6 +365,7 @@ Ext.define('PVE.node.ACME', {
        formulas: {
            canOrder: (get) => !!get('account') && get('domaincount') > 0,
            editBtnIcon: (get) => 'fa black fa-' + (get('accountEditable') ? 'check' : 'pencil'),
+           editBtnText: (get) => get('accountEditable') ? gettext('Apply') : gettext('Edit'),
            accountTextHidden: (get) => get('accountEditable') || !get('accountsAvailable'),
            accountValueHidden: (get) => !get('accountEditable') || !get('accountsAvailable'),
        },
@@ -606,10 +607,9 @@ Ext.define('PVE.node.ACME', {
        {
            xtype: 'button',
            iconCls: 'fa black fa-pencil',
-           baseCls: 'x-plain',
-           userCls: 'pointer',
            bind: {
                iconCls: '{editBtnIcon}',
+               text: '{editBtnText}',
                hidden: '{!accountsAvailable}',
            },
            handler: 'toggleEditAccount',