decision-webui-dcm/src/app/App.ts

import FineUi, {FineType} from '../shared/FineUI';
import './App.scss';
import Title from './Title/Title';
import LinkSet from './LinkSet/LinkSet';
import LinkStatus from './LinkStatus/LinkStatus';

export default class App extends FineUi {
  private title: Title;
  private linSet: LinkSet;
  private linkStatus: LinkStatus;
  public constructor() {
    super();
    this.linSet = new LinkSet();
    this.linkStatus = new LinkStatus();
    this.title = new Title();
    this.title.onSelect = type => {
      this.linSet.setVisible(type === 'linkSet');
      this.linkStatus.setVisible(type === 'lintStatus');
    };
  }
  public render(): FineType {
    return {
      type: 'bi.vtape',
      cls: 'database-connection-layout',
      items: [{
        el: this.title.widget,
        height: 40,
      },
      this.linSet.widget,
      this.linkStatus.widget,
      ],
    };
  }
}