You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
883 B
35 lines
883 B
6 years ago
|
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,
|
||
|
|
],
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|