[{"__symbolic":"module","version":4,"metadata":{"DataConfigurationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":15,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"data-configuration","template":"<div class=\"design-data-designer-container\"> <div class=\"data-designer-container\" *ngIf=\"!selectedDataSource\"> <h5 class=\"data-table\">{{lc('DataTable')}}</h5> <div class=\"data-source-panel\"> <tabset class=\"data-source-tab\" #tabs> <tab heading=\"{{lc('Variables')}}\" (selectTab)=\"activeTab($event,0)\" *ngIf=\"true\"> <variable #variableView *ngIf=\"activeTabIndex==0\" [configureId]=\"configureId\"></variable> </tab> <tab heading=\"{{lc('AlarmTable')}}\" (selectTab)=\"activeTab($event,1)\" *ngIf=\"true\"> <alarm-registration #alarmRegistrationView *ngIf=\"activeTabIndex==1\" [configureId]=\"configureId\"></alarm-registration> </tab> <tab heading=\"{{lc('EventTable')}}\" (selectTab)=\"activeTab($event,2)\" *ngIf=\"AppSessionService.isSupportAdvancedCommunication\"> <configure-event #configureEventView *ngIf=\"activeTabIndex==2\" [configureId]=\"configureId\"> </configure-event> </tab> <tab heading=\"{{lc('HistoryData')}}\" (selectTab)=\"activeTab($event,3)\" *ngIf=\"true\"> <history-data #historyDataView *ngIf=\"activeTabIndex==3\" [configureId]=\"configureId\"></history-data> </tab> </tabset> </div> </div> </div>","styles":[".design-data-designer-container { .data-designer-container { padding: 20px; width: 100%; height: calc(100vh - 50px); background-color: #ffffff; overflow: auto; } .data-source-panel { margin-top: 8px; .data-source-tab { .tab-content { margin-top: 15px; } } } .data-source-tab>.nav.nav-tabs { .nav-link { color: #fff; } } .data-source-tab>.nav.nav-tabs { margin: 0; padding: 3px 0px 0px 0px; border: none; display: -webkit-box; display: -ms-flexbox; display: inline-block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border-bottom: 1px solid #ddd; .nav-item { margin-right: 20px; } } .data-source-tab>.nav-tabs>li { float: none; display: inline-block; } .data-source-tab>.nav-tabs>li>a { padding: 10px; color: black !important; border: none; background-color: transparent; font-size: 16px; } .data-source-tab>.nav-tabs>li.active>a, .data-source-tab>.nav-tabs>li.active>a:hover, .data-source-tab>.nav-tabs>li.active>a:focus { padding: 10px; color: #3695ff !important; border-bottom-color: #3695ff; background-color: transparent; border: none; border-bottom: 4px solid #3695ff; } .noDataDiv { text-align: center; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 400px; height: 300px; h4 { color: #666; font-size: 24px; margin: 30px 0 40px 0; } button { height: 40px; } } h5.data-table { margin-top: 12px; margin-bottom: 0; font-size: 16px; font-weight: bold; color: rgba(0, 0, 0, 0.9); } }"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":19},"member":"None"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../../../shared/animations/routerTransition","name":"appModuleAnimation","line":13,"character":17}}]}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":5},"arguments":["tabs",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":26},{"__symbolic":"reference","module":"../../../../shared/common/session/app-session.service","name":"AppSessionService","line":21,"character":71}]}],"activeTab":[{"__symbolic":"method"}],"loadDataSourceDetail":[{"__symbolic":"method"}],"reloadDataSource":[{"__symbolic":"method"}],"loadFirstTab":[{"__symbolic":"method"}]}}}}]