import FineUi, {FineType} from '../../shared/FineUI';
import TitleItem from './TitleItem';

export default class Title extends FineUi {
  public onSelect: SelectType;
  private linkSet: TitleItem;
  private lintStatus: TitleItem;
  public constructor() {
    super();
    this.linkSet = new TitleItem({title:'数据连接管理'});
    this.lintStatus = new TitleItem({title:'连接池状态'});
    this.linkSet.onClick = () => {
      this.linkSet.setSelect(true);
      this.lintStatus.setSelect(false);
      this.onSelect ? this.onSelect('linkSet') : null;
    };

    this.lintStatus.onClick = () => {
      this.lintStatus.setSelect(true);
      this.linkSet.setSelect(false);
      this.onSelect ? this.onSelect('lintStatus') : null;
    };
  }
  public render(): FineType {
    return {
      type: 'bi.left',
      cls: 'title',
      items:[
        this.linkSet.widget,
        this.lintStatus.widget,
      ],
    };
  }

  protected mounted(): void{
    this.linkSet.setSelect(true);
  }
}
interface SelectType {
  (type: 'linkSet'|'lintStatus'): void;
}