import {WidgetType, Vertical} from '@ui/index';
import RightShowModel from './right.show.model';
import BothSide from '@shared/components/both.side.component';
import Title from '@shared/components/title.component';
import {LinkType} from '@ui/type';
const className = 'fr.component.right.show';
const Widget: WidgetType = {
  _store() {
    return BI.Models.getModel(RightShowModel);
  },
  render() {
    const linkSelected: LinkType = this.model.linkSelected;
    
    return {
      type: Vertical,
      cls: 'right-show',
      items: [
        {
          type: BothSide,
          leftText: '数据连接名',
          rightText: linkSelected.connectionName,
        },
        {
          type: BothSide,
          leftText: '驱动器',
          rightText: linkSelected.driver,
        },
        {
          type: BothSide,
          leftText: 'URL',
          rightText: linkSelected.url,
        },
        {
          type: BothSide,
          leftText: '编码',
          rightText: linkSelected.originalCharsetName === '' ? '自动' : linkSelected.originalCharsetName,
        },
        {
          type: BothSide,
          leftText: '用户名',
          rightText: linkSelected.user,
        },
        {
          type: BothSide,
          leftText: '密码',
          rightText: linkSelected.password,
        },
        {
          type: Title,
          text: '连接池属性',
        },
        {
          type: BothSide,
          leftText: 'SQL验证查询',
          rightText: linkSelected.validationQuery,
        },
        {
          type: BothSide,
          leftText: '获取连接前校验',
          rightText: linkSelected.testOnBorrow ? '是' : '否',
        },
        {
          type: BothSide,
          leftText: '最大连接数量',
          rightText: linkSelected.maxActive,
        },
      ],
    };
  },
};
BI.shortcut(className, BI.inherit(BI.Widget, Widget));
export default className;