[{"__symbolic":"module","version":4,"metadata":{"BatchEditVariableModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":25,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"batch-edit-variable-modal","template":"<div class=\"modal-content fe-modal-container design-batch-edit-variable-modal\" bs-modal-drag> <div class=\"modal-header fe-modal-header border-bottom\"> <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=\"variable-transverse clearfix\"> <div class=\"variable-input\"> <p-checkbox [(ngModel)]=\"checked['variableGroup']\" binary=\"true\" name=\"groupCheckbox\" label=\"{{lc('VariableGroup')}}\" class=\"clearfix\"></p-checkbox> <ng-select name=\"groupSelect\" [items]=\"groupList\" bindLabel=\"name\" bindValue=\"id\" [searchable]=\"true\" placeholder=\"{{lc('PleaseSelectGroup')}}\" [disabled]=\"!checked['variableGroup']\" [(ngModel)]=\"batchEditVariableDto.groupId\" [clearable]=\"true\" [notFoundText]=\"l('NoData')\"> <ng-template ng-option-tmp ng-label-tmp let-item=\"item\"> {{item.name}} </ng-template> </ng-select> </div> </div> <div class=\"variable-transverse clearfix\"> <div class=\"variable-input\"> <p-checkbox class=\"clearfix\" [(ngModel)]=\"checked['unit']\" binary=\"true\" label=\"{{lc('Unit')}}\" name=\"unitCheckbox\"> </p-checkbox> <div class=\"variable-input\"> <input type=\"text\" name=\"unit\" [disabled]=\"!checked['unit']\" [(ngModel)]=\"batchEditVariableDto.unit\" (blur)=\"trimUnit()\" maxlength=\"20\"> </div> </div> </div> <div class=\"variable-transverse clearfix\"> <div class=\"variable-input\"> <p-checkbox [(ngModel)]=\"checked['accessRights']\" binary=\"true\" label=\"{{lc('AccessRights')}}\" name=\"accessRightsCheckBox\" class=\"clearfix\"></p-checkbox> <div class=\"variable-input\"> <div class=\"variable-access-btn-group\" class=\"clearfix\"> <button [disabled]=\"!checked['accessRights']\" class=\"access-btn\" [class.rw-selected]=\"batchEditVariableDto.variableRwType == +rwType.Read\" (click)=\"handleRwBtnClicked(rwType.Read)\">{{lc('Read')}}</button> <button [disabled]=\"!checked['accessRights']\" class=\"access-btn\" [class.rw-selected]=\"batchEditVariableDto.variableRwType == +rwType.ReadWrite\" (click)=\"handleRwBtnClicked(rwType.ReadWrite)\">{{lc('ReadWrite')}}</button> <button [disabled]=\"!checked['accessRights']\" class=\"access-btn\" [class.rw-selected]=\"batchEditVariableDto.variableRwType == +rwType.Write\" (click)=\"handleRwBtnClicked(rwType.Write)\">{{lc('Write')}}</button> </div> </div> </div> </div> <div class=\"variable-transverse clearfix storage\" *ngIf=\"feature.isEnabled('VariableStorageManage') && AppSessionService.isSupportAdvancedCommunication\"> <p-checkbox [(ngModel)]=\"checked['enableVariableStorage']\" binary=\"true\" label=\"{{lc('VariableStorage')}}\" class=\"clearfix\" name=\"enableVariableStorageCheckBox\"></p-checkbox> <div class=\"variable-input variable-enable-variable-storage\"> <div class=\"variable-title\"> {{lc('EnableVariableStorage')}}: </div> <ui-switch [disabled]=\"!checked['enableVariableStorage']\" [(ngModel)]=\"batchEditVariableDto.enableVariableStorage\" name=\"EnableVariableStorage\" (change)=\"onEnableVariableStorageChange($event)\" color=\"#3695ff\" size=\"medium\"></ui-switch> </div> <div class=\"variable-input variable-enable-variable-storage\" *ngIf=\"batchEditVariableDto.enableVariableStorage\"> <div class=\"variable-title\"> {{lc('StorageMode')}}: </div> <div class=\"variable-input col-6\"> <ng-select [disabled]=\"!checked['enableVariableStorage']\" [items]=\"sampleModes\" bindLabel=\"name\" name=\"SampleMode\" [(ngModel)]=\"selectSampleMode\" [clearable]=\"false\" selectOnTab=\"false\" [placeholder]=\"\" [loadingText]=\"l('LoadWithThreeDot')\" [notFoundText]=\"l('NoData')\"> <ng-template ng-label-tmp let-item=\"item\" let-index=\"index\"> {{lc(item.name)}} </ng-template> <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\"> {{lc(item.name)}} </ng-template> </ng-select> </div> </div> <div *ngIf=\"batchEditVariableDto.enableVariableStorage && +batchEditVariableDto.sampleMode === +sampleMode.Period\" class=\"variable-input variable-enable-variable-storage\"> <div class=\"variable-title\"> {{lc('StorageCycle')}}: </div> <div class=\"variable-input acquisition-interval col-7\"> <input type=\"number\" class=\"col-10\" name=\"SampleRate\" [(ngModel)]=\"batchEditVariableDto.sampleRate\"> {{lc('Second')}} </div> </div> </div> <div class=\"variable-transverse clearfix\" *ngIf=\"feature.isEnabled('VariableStorageManage') && AppSessionService.isSupportAdvancedCommunication\"> <div class=\"variable-title\"> {{lc('StoragePath')}}: </div> <div class=\"variable-input\"> <div class=\"ui-inputgroup\"> <input type=\"text\" pInputText placeholder=\"{{lc('IoTDataBase')}}\" [disabled]=\"true\"> <span class=\"ui-inputgroup-addon\">...</span> </div> </div> </div> <div class=\"variable-transverse clearfix\" *ngIf=\"feature.isEnabled('VariableStorageManage') && AppSessionService.isSupportAdvancedCommunication\"> <div class=\"variable-title\"> {{lc('StorageTime')}}: </div> <div class=\"variable-input\"> <ng-select class=\"storage-time-types\" [items]=\"storageTimeTypes\" bindLabel=\"name\" name=\"StorageTimeTypes\" [(ngModel)]=\"selectedStorageTimeType\" [clearable]=\"false\" selectOnTab=\"false\" [placeholder]=\"\" [loadingText]=\"l('LoadWithThreeDot')\" bindValue=\"key\" [notFoundText]=\"l('NoData')\" [disabled]=\"true\"> <ng-template ng-label-tmp let-item=\"item\" let-index=\"index\"> {{lc(item.name)}} </ng-template> <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\"> {{lc(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]=\"displaySaveBtn\" (click)=\"save()\"> {{lc('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":[".design-batch-edit-variable-modal{ .variable-transverse{ width: 100%; margin: 1rem auto; .variable-input{ input{ width: 100%; height: 30px; } input:disabled { background-color: #f9f9f9; } select { height: 30px; } button[disabled] { border: 1px solid #C4C6CF; background-color: #F2F3F7; height: 30px; } .access-btn.rw-selected { background-color: #EBECF0; } .access-btn { white-space: nowrap; width: 91px; font-size: 12px; height: 30px; border: 1px solid #C4C6CF; background-color: white; cursor: pointer; } .access-btn:not(:first-child) { margin-left: -1px; } } .variable-enable-variable-storage{ display: flex; align-items: center; margin-bottom: 5px; } .ui-inputgroup-addon{ height: 30px; margin-left: 10px; padding-top: 0px !important; } .storage-time-types{ ::ng-deep.ng-star-inserted{ color:#999; } } } } "]}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"batchEditedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":59,"character":26},{"__symbolic":"reference","module":"../../../../../../shared/service-proxies/service-proxies","name":"VariableGroupServiceProxy","line":60,"character":47},{"__symbolic":"reference","module":"../../../../../../shared/service-proxies/service-proxies","name":"VariableServiceProxy","line":61,"character":42},{"__symbolic":"reference","module":"../../../../../../shared/common/session/app-session.service","name":"AppSessionService","line":62,"character":43},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":63,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"loadGroups":[{"__symbolic":"method"}],"handleRwBtnClicked":[{"__symbolic":"method"}],"onEnableVariableStorageChange":[{"__symbolic":"method"}],"saveBeforeData":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"trimUnit":[{"__symbolic":"method"}],"allUnSelected":[{"__symbolic":"method"}]}}}}]