proxmox-backup/www/window/RemoteEdit.js

Ext.define('PBS.window.RemoteEdit', {
    extend: 'Proxmox.window.Edit',
    alias: 'widget.pbsRemoteEdit',
    mixins: ['Proxmox.Mixin.CBind'],

    onlineHelp: 'backup_remote',

    isAdd: true,

    subject: gettext('Remote'),

    fieldDefaults: { labelWidth: 120 },

    cbindData: function (initialConfig) {
        let me = this;

        let baseurl = '/api2/extjs/config/remote';
        let name = initialConfig.name;

        me.isCreate = !name;
        me.url = name ? `${baseurl}/${name}` : baseurl;
        me.method = name ? 'PUT' : 'POST';
        me.autoLoad = !!name;
        return {
            passwordEmptyText: me.isCreate ? '' : gettext('Unchanged'),
        };
    },

    items: {
        xtype: 'inputpanel',
        column1: [
            {
                xtype: 'pmxDisplayEditField',
                name: 'name',
                fieldLabel: gettext('Remote ID'),
                renderer: Ext.htmlEncode,
                allowBlank: false,
                minLength: 4,
                cbind: {
                    editable: '{isCreate}',
                },
            },
            {
                xtype: 'proxmoxtextfield',
                allowBlank: false,
                name: 'hostport',
                submitValue: false,
                vtype: 'HostPort',
                fieldLabel: gettext('Host'),
                emptyText: gettext('FQDN or IP-address'),
                listeners: {
                    change: function (field, newvalue) {
                        let host = newvalue;
                        let port;

                        let match = Proxmox.Utils.HostPort_match.exec(newvalue);
                        if (match === null) {
                            match = Proxmox.Utils.HostPortBrackets_match.exec(newvalue);
                            if (match === null) {
                                match = Proxmox.Utils.IP6_dotnotation_match.exec(newvalue);
                            }
                        }

                        if (match !== null) {
                            host = match[1];
                            if (match[2] !== undefined) {
                                port = match[2];
                            }
                        }

                        field.up('inputpanel').down('field[name=host]').setValue(host);
                        field.up('inputpanel').down('field[name=port]').setValue(port);
                    },
                },
            },
            {
                xtype: 'proxmoxtextfield',
                name: 'host',
                hidden: true,
            },
            {
                xtype: 'proxmoxtextfield',
                name: 'port',
                hidden: true,
                cbind: {
                    deleteEmpty: '{!isCreate}',
                },
            },
        ],

        column2: [
            {
                xtype: 'proxmoxtextfield',
                name: 'auth-id',
                fieldLabel: gettext('Auth ID'),
                allowBlank: false,
            },
            {
                xtype: 'textfield',
                name: 'password',
                inputType: 'password',
                fieldLabel: gettext('Password'),
                cbind: {
                    emptyText: '{passwordEmptyText}',
                    allowBlank: '{!isCreate}',
                },
            },
        ],

        columnB: [
            {
                xtype: 'proxmoxtextfield',
                name: 'fingerprint',
                fieldLabel: gettext('Fingerprint'),
                emptyText: gettext(
                    "Server certificate's SHA-256 fingerprint, required for self-signed certificates",
                ),
                cbind: {
                    deleteEmpty: '{!isCreate}',
                },
            },
            {
                xtype: 'proxmoxtextfield',
                name: 'comment',
                cbind: {
                    deleteEmpty: '{!isCreate}',
                },
                fieldLabel: gettext('Comment'),
            },
        ],
    },

    setValues: function (values) {
        let me = this;

        let host = values.host;
        if (values.port !== undefined) {
            if (Proxmox.Utils.IP6_match.test(host)) {
                host = `[${host}]`;
            }
            host += `:${values.port}`;
        }
        values.hostport = host;

        return me.callParent([values]);
    },

    getValues: function () {
        let me = this;
        let values = me.callParent(arguments);

        if (values.password === '') {
            delete values.password;
        }

        return values;
    },
});