[{"__symbolic":"module","version":4,"metadata":{"RawVariableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":27,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"raw-variable","template":"<div class=\"portlet-input\"> <div class=\"row variable-search\"> <div class=\"col-xl-2\"> <div class=\"input-group\"> <input placeholder='{{lc(\"SearchRefVariableName\")}}' type=\"text\" name=\"variableName\" [(ngModel)]=\"variableName\" (change)=\"loadFBoxVariables()\"/> <i class=\"fcloud-search\" (click)=\"loadFBoxVariables()\"></i> </div> </div> <div class=\"col-xl-2\"> <div class=\"input-group\"> <select (change)=\"loadFBoxVariables()\" name=\"groupName\" [(ngModel)]=\"selectedGroupName\"> <option [ngValue]=\"undefined\" selected>{{lc(\"AllGroup\")}}</option> <option *ngFor=\"let groupName of groupNames\" [value]=\"groupName\"> {{groupName}} </option> </select> </div> </div> </div> </div> <div class=\"primeng-datatable-container\" [busyIf]=\"primengTableHelper.isLoading\"> <p-table #dataTable (onLazyLoad)=\"loadFBoxVariables($event)\" [value]=\"primengTableHelper.records\" rows=\"{{primengTableHelper.defaultRecordsCountPerPage}}\" [paginator]=\"false\" [lazy]=\"true\" ScrollWidth=\"100%\" responsive=\"primengTableHelper.isResponsive\" resizableColumns=\"primengTableHelper.resizableColumns\"> <ng-template pTemplate=\"header\"> <tr> <th class=\"col-md-1 col-xs-1\"> {{lc('RefVariableName')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('Unit')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('GroupName')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('VariableDevice')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('ConfigureVariableStationNo')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('VariableDataType')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('RegName')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('VariableAddress')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('IntegerDigit')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('FractionDigit')}} </th> <th class=\"col-md-1 col-xs-1\"> {{lc('DMonPermissionType')}} </th> </tr> </ng-template> <ng-template pTemplate=\"body\" let-record> <tr> <td> {{record.name}} </td> <td> {{record.unit}} </td> <td> {{record.groupName}} </td> <td> {{record.devAlias}} </td> <td> {{record.stationNo}} </td> <td> {{formatDataType(record.dataType, record.bitIndexEnabled)}} </td> <td> {{record.regName}} </td> <td> {{record.addressDescription}} </td> <td> {{record.integralDigits}} </td> <td> {{record.fractionalDigits}} </td> <td> {{lc(record.dMonPermissionTypeStr)}} </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 #paginator [rows]=\"primengTableHelper.defaultRecordsCountPerPage\" (onPageChange)=\"loadFBoxVariables($event)\" [totalRecords]=\"primengTableHelper.totalRecordsCount\" [rowsPerPageOptions]=\"primengTableHelper.predefinedRecordsCountPerPage\"> </p-paginator> <span class=\"total-records-count\"> {{l('TotalRecordsCount', primengTableHelper.totalRecordsCount)}} </span> </div> </div> ","styles":[".variable-search{ margin-bottom: 10px; } .portlet-input{ margin-top: 12px; } .variable-search{ .input-group{ width: 100%; position: relative; } input{ padding-left: 10px; padding-right: 34px; } input::-webkit-input-placeholder{ color:rgba(0,0,0,0.6); } input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:rgba(0,0,0,0.6); } input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:rgba(0,0,0,0.6); } input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:rgba(0,0,0,0.6); } select,input{ width: 100%; height: 34px; line-height: 34px; border: 1px solid #C4C6CF; color: rgba(0,0,0,0.6); margin-bottom: 12px; } .fcloud-search{ position: absolute; right: 9px; top: 9px; font-size: 16px; cursor: pointer; } } "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":19},"member":"None"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../animations/routerTransition","name":"appModuleAnimation","line":25,"character":17}}]}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"dataSourceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"dataTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":5},"arguments":["dataTable",{"static":true}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":5},"arguments":["paginator",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":26},{"__symbolic":"reference","module":"../../../../shared/fbox/fbox/dataType.service","name":"DataTypeService","line":39,"character":42},{"__symbolic":"reference","module":"../../../../shared/service-proxies/service-proxies","name":"FBoxVariableServiceProxy","line":40,"character":46}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getFBoxVariableGroupNames":[{"__symbolic":"method"}],"loadFBoxVariablesData":[{"__symbolic":"method"}],"loadFBoxVariables":[{"__symbolic":"method"}],"formatDataType":[{"__symbolic":"method"}]}}}}]