demo-tabledata-redis/src/web/src/modules/components/proxy/proxy.ts

import { shortcut } from '@core/core';
import { Label, Vertical, MultiSelectItem, CenterAdapt } from 'ui';
import { PROXY_CONFIG } from '@constants/constant';
import { FormItem } from '../form_item/form_item';
@shortcut()
export class ProxyConfig extends BI.Widget {
    static xtype = 'dec.dcm.connection.plugin.redis.components.proxy'

    props = {
        proxyConfig : {
            ...PROXY_CONFIG,
        },
    }

    render() {
        const { open, host, port, username, password, privateKeyPath } = this.options.proxyConfig;

        return {
            type: Vertical,
            hgap: 15,
            vgap: 10,
            items: [
                {
                    type: FormItem.xtype,
                    name: BI.i18nText('Plugin-Redis_Proxy_Open'),
                    forms: [{
                        type: CenterAdapt,
                        items: [
                            {
                                type: MultiSelectItem,
                                width: 30,
                                selected: open,
                            }, {
                                type: Label,
                                text: BI.i18nText('Plugin-Redis_Proxy_Description'),
                            },
                        ],
                    }],
                },
                {
                    type: FormItem.xtype,
                    name: BI.i18nText('Plugin-Redis_Proxy_Host'),
                    forms: [{
                        type: Label,
                        text: host,
                    }],
                },
                {
                    type: FormItem.xtype,
                    name: BI.i18nText('Plugin-Redis_Proxy_Port'),
                    forms: [{
                        type: Label,
                        text: port,
                    }],
                },
                {
                    type: FormItem.xtype,
                    name: BI.i18nText('Plugin-Redis_Proxy_Username'),
                    forms: [{
                        type: Label,
                        text: username,
                    }],
                },
                {
                    type: FormItem.xtype,
                    name: BI.i18nText('Plugin-Redis_Proxy_Password'),
                    forms: [{
                        type: Label,
                        text: password,
                    }],
                },
                {
                    type: FormItem.xtype,
                    name: BI.i18nText('Plugin-Redis_Proxy_Private_Key_Path'),
                    forms: [{
                        type: Label,
                        text: privateKeyPath,
                    }],
                },
            ],
        };
    }
}