[{"__symbolic":"module","version":4,"metadata":{"ChooseMonitorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":25,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"choose-monitor","styles":[".designer-choose-monitor { .searchCondition { margin-bottom: 10px; .input-group { padding-right: 0; } select { line-height: 34px; height: 34px; padding: 0 20px 0 5px; } } .input-group { .form-control { padding-right: 16px; border-radius: 0; } .var-form-control { height: 34px; padding-left: 10px; padding-right: 34px; } .form-control-search { position: absolute; z-index: 4; right: 10px; display: block; width: 16px; height: 16px; line-height: 34px; text-align: center; color: #aaa; cursor: pointer; } } :host ::ng-deep .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { position: absolute !important; left: 50% !important; top: 50% !important; } .fe-modal-footer { margin-top: 0px; } .primeng-datatable-container tr.can-select-list { cursor: pointer; } select.form-control:not([size]):not([multiple]) { padding-top: 0; height: calc(2.4rem + 2px); } } body  .designer-choose-monitor .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { display: block; position: absolute; left: 0 !important; top: 0 !important; width: 1.125rem; height: 1.125rem; line-height: 1.125rem; margin-top: 0 !important; margin-left: 0 !important; font-size: 1.125rem; }"],"template":"<div class=\"modal-content fe-modal-container choose-monitor designer-choose-monitor\" style=\"min-width: 900px;\" bs-modal-drag> <div class=\"modal-header fe-modal-header\" style=\"border-bottom: 1px solid #f4f4f4;\"> <h4 class=\"fe-modal-header-title\"> <span>{{lc('ChooseVariable')}}</span> </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"modal-body\" style=\"padding: 20px;padding-bottom: 0;\"> <div class=\"row searchCondition\"> <div class=\"input-group col-md-4 col-xs-4\"> <input class=\"form-control var-form-control\" placeholder='{{lc(\"SearchVariable\")}}' type=\"text\" name=\"variableName\" [(ngModel)]=\"searchingVariableName\" (keyup.enter)=\"loadVaribales()\" (keyup)=\"changeVariableName($event)\"> <span class=\"fa fa-search form-control-search\" (click)=\"loadVaribales()\"></span> </div> <div class=\"input-group col-md-3 col-xs-3\"> <select class=\"form-control fc-Form\" name=\"groupName\" [(ngModel)]=\"selectedDataSourceId\" (change)=\"loadVaribales()\"> <option [ngValue]=\"undefined\" selected>{{lc(\"AllDataSource\")}}</option> <option *ngFor=\"let dataSource of dataSources\" [value]=\"dataSource.id\"> {{dataSource.displayName}} </option> </select> </div> <div class=\"input-group col-md-3 col-xs-3\"> <select class=\"form-control fc-Form\" name=\"groupName\" [(ngModel)]=\"selectedGroupNameId\" (change)=\"loadVaribales()\"> <option [ngValue]=\"undefined\" selected>{{lc(\"AllGroup\")}}</option> <option *ngFor=\"let groupName of groupNames\" [value]=\"groupName.id\"> {{groupName.name}} </option> </select> </div> </div> <div class=\"primeng-datatable-container\" [busyIf]=\"primengTableHelper.isLoading\"> <p-table #dataTable (onLazyLoad)=\"loadVaribales($event)\" [value]=\"primengTableHelper.records\" [rows]=\"primengTableHelper.defaultRecordsCountPerPage\" [paginator]=\"false\" [lazy]=\"true\" [scrollable]=\"true\" selectionMode=\"single\" [(selection)]=\"selectedFBoxVariable\" ScrollWidth=\"100%\" [responsive]=\"primengTableHelper.isResponsive\"> <ng-template pTemplate=\"header\"> <tr> <th class=\"col-md-2 col-xs-2\"> {{lc('ConfigureVariableName')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('DataSourceName')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('VariableGroupName')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('VariableDataType')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('RefVariableName')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('VariableAddress')}} </th> </tr> </ng-template> <ng-template pTemplate=\"body\" let-record> <tr class=\"can-select-list\" [pSelectableRow]=\"record\"> <td> <p-tableRadioButton [value]=\"record\"></p-tableRadioButton> <span style=\"margin-left: 10px;\">{{record.variableName}}</span> </td> <td> {{record.dataSourceName}} </td> <td> {{record.groupName}} </td> <td> {{lc('ConfigureVariableDataType.' + record.dataType)}} </td> <td> {{record.monitoringPointName}} </td> <td> {{record.address}} </td> </tr> </ng-template> </p-table> <div class=\"primeng-no-data\" *ngIf=\"primengTableHelper.totalRecordsCount == 0\"> {{l('NoData')}} </div> <div class=\"primeng-paging-container\"> <p-paginator [rows]=\"primengTableHelper.defaultRecordsCountPerPage\" #paginator (onPageChange)=\"loadVaribales($event)\" [totalRecords]=\"primengTableHelper.totalRecordsCount\" [rowsPerPageOptions]=\"primengTableHelper.predefinedRecordsCountPerPage\"> </p-paginator> <span class=\"total-records-count\"> {{l('TotalRecordsCount', primengTableHelper.totalRecordsCount)}} </span> </div> </div> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!selectedFBoxVariable\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\" (click)=\"save()\"> {{lc('Confirm')}} </button> <button type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\"> {{l('Cancel')}} </button> </div> </div> </div> "}]}],"members":{"dataTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":5},"arguments":["dataTable",{"static":true}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":5},"arguments":["paginator",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":59,"character":9},"arguments":[{"__symbolic":"reference","module":"../../../core/variable/variable.service","name":"VARIABLE_SERVICE","line":59,"character":16}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":57,"character":26},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":58,"character":37},{"__symbolic":"reference","module":"../../../core/variable/variable.services","name":"VariableService","line":59,"character":68},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"DataSourceServiceProxy","line":60,"character":44},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"VariableGroupServiceProxy","line":61,"character":47}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"getRefVariablesAndGroup":[{"__symbolic":"method"}],"getRefVariables":[{"__symbolic":"method"}],"changeVariableName":[{"__symbolic":"method"}],"getDataSources":[{"__symbolic":"method"}],"getVariableGroupName":[{"__symbolic":"method"}],"loadVaribales":[{"__symbolic":"method"}],"findSelectedVariableInList":[{"__symbolic":"method"}]}}}}]