[{"__symbolic":"module","version":4,"metadata":{"ChooseAlarmModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":21,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"choose-alarm-modal","template":"<div class=\"modal-content fe-modal-container\" bs-modal-drag> <div class=\"modal-header fe-modal-header\" style=\"border-bottom: 1px solid #f4f4f4;\"> <h4 class=\"fe-modal-header-title\"> <span>{{lc('ChooseSourceAlarm')}}</span> </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"modal-body\" style=\"padding: 1rem 1rem;\"> <div class=\"row search-condition\"> <div class=\"input-group col-md-4 col-xs-4\"> <input class=\"form-control var-form-control\" placeholder='{{lc(\"SearchAlarmName\")}}' type=\"text\" name=\"alarmName\" [(ngModel)]=\"refAlarmName\" (change)=\"getRefAlarms()\"> <span class=\"fa fa-search form-control-search\"></span> </div> <div class=\"input-group col-md-3 col-xs-3\"> <select class=\"form-control fc-Form\" style=\"padding: 0 1.25rem; height: 34px;\" name=\"groupName\" [(ngModel)]=\"selectedGroupName\" (change)=\"getRefAlarms()\"> <option [ngValue]=\"undefined\" selected>{{lc(\"AllGroup\")}}</option> <option *ngFor=\"let group of groupNames\" [value]=\"group.groupName\"> {{group.groupName}} </option> </select> </div> </div> <div class=\"primeng-datatable-container\" [busyIf]=\"primengTableHelper.isLoading\"> <p-table #dataTable (onLazyLoad)=\"getRefAlarms($event)\" [value]=\"primengTableHelper.records\" rows=\"{{primengTableHelper.defaultRecordsCountPerPage}}\" [paginator]=\"false\" [lazy]=\"true\" [scrollable]=\"true\" selectionMode=\"single\" [(selection)]=\"selectedFBoxAlarm\" ScrollWidth=\"100%\" [responsive]=\"primengTableHelper.isResponsive\"> <ng-template pTemplate=\"header\"> <tr> <th class=\"col-md-2 col-xs-2\"> {{lc('AlarmNameG')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('AlarmMessage')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('AlarmRule')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('Devices')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('DataType')}} </th> <th class=\"col-md-2 col-xs-2\"> {{lc('Address')}} </th> </tr> </ng-template> <ng-template pTemplate=\"body\" let-record> <tr [pSelectableRow]=\"record\"> <td> <div class=\"name-div\"> <p-tableRadioButton [value]=\"record\"></p-tableRadioButton> <span class=\"name-span\">{{record.name}}</span> </div> </td> <td> {{record.alarmMessage}} </td> <td> {{formatConditionType(record)}} </td> <td> {{record.devAlias}} </td> <td> {{formatDataType(record.dataType, record.bitIndexEnabled)}} </td> <td> {{record.addressDescription}} </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)=\"getRefAlarms($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]=\"saving || !selectedFBoxAlarm\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\" (click)=\"save()\"> {{lc('Confirm')}} </button> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\"> {{l('Cancel')}} </button> </div> </div> </div> ","styles":[".search-condition { margin-bottom: 10px; .input-group { padding-right: 0; } } .input-group { .form-control { padding-right: 16px; } .var-form-control { height: 34px; padding: 0 2rem 0 1.25rem; } .form-control-search { position: absolute; z-index: 4; right: 10px; display: block; width: 16px; height: 16px; line-height: 34px; text-align: center; pointer-events: none; color: #aaa; } } select:invalid { color: gray !important; } option[disabled] { display: none !important; } option { color: black !important; } select option{ color: rgba(0,0,0,0.6); } .name-div { display: inline-flex; } .name-span { padding-left: 8px; word-break: break-all; } :host ::ng-deep .ui-radiobutton .ui-radiobutton-box{ .ui-radiobutton-icon { position: absolute !important; left: 50% !important; top: 50% !important; text-align: center; } } "]}]}],"members":{"dataSourceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"fBoxAlarmSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":5}}]}],"dataTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":5},"arguments":["dataTable",{"static":true}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["paginator",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":26},{"__symbolic":"reference","module":"../../../../../../../shared/service-proxies/service-proxies","name":"FBoxAlarmRegistrationServiceProxy","line":34,"character":51},{"__symbolic":"reference","module":"../../../../../../../shared/fbox/fbox/dataType.service","name":"DataTypeService","line":35,"character":42},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":36,"character":35}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"formatConditionType":[{"__symbolic":"method"}],"convertCondition":[{"__symbolic":"method"}],"formatDataType":[{"__symbolic":"method"}],"getRefAlarmsAndGroup":[{"__symbolic":"method"}],"getAlarmGroups":[{"__symbolic":"method"}],"getRefAlarms":[{"__symbolic":"method"}]}}}}]