[{"__symbolic":"module","version":4,"metadata":{"HistoryCurveChannelSettingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":17,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"history-curve-channel","styles":[".history-table{ border:none; table{ width:100%; border: 1px solid #d7dbe5; tbody { max-height:128px; overflow-y: auto; tr { td{ text-align: center; vertical-align:middle; padding: 3px; color:#666; border-top: 1px solid #d7dbe5; .color-picker{ width: 80px; height: 26px; } } } } thead { tr { background-color: #f2f3f8; th{ text-align: center; vertical-align:middle; font-weight: normal; color:#333333; font-size: 15px; padding: 6px; } } } } .line-color-div{ width:100%; height:26px; justify-content:center; align-items:center; display:-webkit-flex } } "],"template":"<div class=\"fe-modal-content\"> <div class=\"fe-vertical-label\"> <label class=\"fe-vertical-title\">{{lc(\"DataSource\")}}:</label> <div class=\"fe-vertical-component\"> <data-source-combo [(selectedDataSourceId)]=\"currentDataSourceId\"></data-source-combo> </div> </div> <div class=\"fe-vertical-label\"> <label class=\"fe-vertical-title\">{{lc(\"HistoryDataName\")}}:</label> <div class=\"fe-vertical-component\"> <ng-select [items]=\"historyDataNames\" bindLabel=\"name\" [(ngModel)]=\"selectHistoryDataName\" [clearable]=\"false\" [placeholder]=\"lc('SelectHistoryDataName')\" [loading]=\"loading\" [loadingText]=\"l('LoadWithThreeDot')\" [notFoundText]=\"l('NoData')\"> <ng-template ng-label-tmp let-item=\"item\"> {{item.name}} </ng-template> </ng-select> </div> </div> <div class=\"history-table margin-top-10\"> <table> <thead> <tr> <th width=\"10%\">{{l(\"On\")}}</th> <th width=\"30%\">{{lc(\"ChannelName\")}}</th> <th width=\"30%\">{{lc(\"LineColor\")}}</th> <th width=\"30%\">{{lc(\"ProjectionColor\")}}</th> </tr> </thead> <tbody> <tr *ngFor=\"let channel of channels;index as i;\"> <td width=\"10%\"> <label> <input type=\"checkBox\" [(ngModel)]=\"channel.isEnabled\" name=\"isEnabled\" /> </label> </td> <td width=\"30%\">{{channel.channelName}}</td> <td width=\"30%\" align=\"center\"> <div class=\"line-color-div\"> <div class=\"color-picker design-color-picker\"> <color-picker [color]=\"channel.lineColor\"  (sentColor)=\"setLineColor($event , i)\" [disabled]=\"!channel.isEnabled\"></color-picker> </div> </div> </td> <td width=\"30%\"> <div> <ui-switch [(ngModel)]=\"channel.projectionColor\" color=\"#3695ff\" size=\"small\" [disabled]=\"!channel.isEnabled\"></ui-switch> </div> </td> </tr> </tbody> </table> </div> </div> "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":63,"character":26},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"HistoryDataServiceProxy","line":64,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"getHistoryDataNames":[{"__symbolic":"method"}],"getHistoryDataChannels":[{"__symbolic":"method"}],"getChannelsData":[{"__symbolic":"method"}],"setChannelsData":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"setLineColor":[{"__symbolic":"method"}]}}}}]