[{"__symbolic":"module","version":4,"metadata":{"BatchEditAlarmModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":17,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"batch-edit-alarm-modal","template":"<div class=\"modal-content fe-modal-container\" bs-modal-drag> <div class=\"modal-header fe-modal-header\"> <h4 class=\"fe-modal-header-title\"> <span>{{lc(\"BatchEdit\")}}</span> </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"modal-body designer-input-wrap\"> <form novalidate> <div class=\"alarm-transverse clearfix\"> <p-checkbox [(ngModel)]=\"alarmLevelChecked\" binary=\"true\" name=\"levelCheckbox\" label=\"{{lc('AlarmLevel')}}\"></p-checkbox> <div class=\"alarm-level-content alarm-input clearfix\" [class.disabled]=\"!alarmLevelChecked\"> <div class=\"alarm-level-button level-one\" (click)=\"changeAlarmLevel(alarmLevel.AlarmWarning)\" [ngClass]=\"{'active': selectedLevel === alarmLevel.AlarmWarning}\"> <div class=\"level-color\"></div> <div>{{lc('AlarmWarning')}}</div> </div> <div class=\"alarm-level-button level-two\" (click)=\"changeAlarmLevel(alarmLevel.AlarmMinor)\" [ngClass]=\"{'active': selectedLevel === alarmLevel.AlarmMinor}\"> <div class=\"level-color\"></div> <div>{{lc('AlarmMinor')}}</div> </div> <div class=\"alarm-level-button level-three\" (click)=\"changeAlarmLevel(alarmLevel.AlarmMajor)\" [ngClass]=\"{'active': selectedLevel === alarmLevel.AlarmMajor}\"> <div class=\"level-color\"></div> <div>{{lc('AlarmMajor')}}</div> </div> <div class=\"alarm-level-button level-four\" (click)=\"changeAlarmLevel(alarmLevel.AlarmCritical)\" [ngClass]=\"{'active': selectedLevel === alarmLevel.AlarmCritical}\"> <div class=\"level-color\"></div> <div>{{lc('AlarmCritical')}}</div> </div> </div> </div> <div class=\"alarm-transverse clearfix\"> <div class=\"alarm-input\"> <p-checkbox [(ngModel)]=\"alarmGroupChecked\" binary=\"true\" name=\"groupCheckbox\" label=\"{{lc('AlarmGroup')}}\"></p-checkbox> <ng-select name=\"groupSelect\" [items]=\"groupList\" bindLabel=\"name\" bindValue=\"id\" [searchable]=\"true\" placeholder=\"{{lc('PleaseSelectGroup')}}\" [disabled]=\"!alarmGroupChecked\" [(ngModel)]=\"selectedGroupId\" [clearable]=\"true\" [notFoundText]=\"l('NoData')\"> <ng-template ng-option-tmp ng-label-tmp let-item=\"item\"> {{item.name}} </ng-template> </ng-select> </div> </div> </form> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"saving || (alarmGroupChecked && !selectedGroupId) || (alarmLevelChecked && (!selectedLevel && selectedLevel != alarmLevel.AlarmWarning)) || (!alarmGroupChecked && !alarmLevelChecked)\" (click)=\"saveEditLevelResults()\"> {{l('Save')}} </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":[".alarm-transverse { width: 100%; margin: 1rem auto; .alarm-input { input { width: 100%; height: 30px; } input:disabled { background-color: #f9f9f9; } select { height: 30px; } } } .disabled { pointer-events: none; background-color: #f9f9f9; } .alarm-level-content { width: 320px; .alarm-level-button { width: 80px; height: 30px; float: left; border: 1px solid #C4C6CF; display: flex; justify-content: space-around; align-items: center; cursor: pointer; .level-color { width: 16px; height: 16px; } div:last-child { font-size: 14px; } } .alarm-level-button.active { background-color: #EBECF0; } .level-one { .level-color { background-color: #3695FF; } } .level-two { .level-color { background-color: #FFE900; } } .level-three { .level-color { background-color: #FFA800; } } .level-four { .level-color { background-color: #E84F4F; } } .alarm-level-button:not(:last-child) { border-right: 0; } } "]}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"refreshData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":30,"character":26},{"__symbolic":"reference","module":"../../../../../../shared/service-proxies/service-proxies","name":"AlarmRegistrationsServiceProxy","line":31,"character":42},{"__symbolic":"reference","module":"../../../../../../shared/service-proxies/service-proxies","name":"AlarmGroupServiceProxy","line":32,"character":44},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":33,"character":37}]}],"changeAlarmLevel":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadGroups":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"saveEditLevelResults":[{"__symbolic":"method"}]}}}}]