[{"__symbolic":"module","version":4,"metadata":{"VariableGroupModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":16,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"variable-group-modal","template":"<div class=\"modal-content fe-modal-container\" bs-modal-drag> <div class=\"modal-header fe-modal-header border-bottom\"> <h4 class=\"fe-modal-header-title\"> <span>{{lc('VariableGroupManage')}}</span> </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"modal-body\"> <div class=\"group-action\"> <div class=\"variable-operation\"> <div class=\"operation-button\"> <button class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"groupEditing\" (click)=\"addGroup()\">{{lc('AddGroup')}}</button> </div> </div> </div> <div class=\"primeng-datatable-container designer-actions-style\" [busyIf]=\"primengTableHelper.isLoading\"> <p-table #variableGroupDataTable [value]=\"groupList\" rows=\"{{primengTableHelper.defaultRecordsCountPerPage}}\" [paginator]=\"false\" [scrollable]=\"true\" dataKey=\"id\" editMode=\"row\" [scrollHeight]=\"'300px'\" ScrollWidth=\"100%\" [responsive]=\"primengTableHelper.isResponsive\"> <ng-template pTemplate=\"header\"> <tr> <th class=\"col-md-2 col-xs-2\"> {{lc('GroupName')}} </th> <th class=\"col-md-2 col-xs-2 last-th\"> {{l('Actions')}} <span class=\"fa fa-cog fa-fw\"></span> </th> </tr> </ng-template> <ng-template pTemplate=\"body\" let-record let-editing=\"editing\"> <tr [pEditableRow]=\"record\"> <td> <p-cellEditor> <ng-template pTemplate=\"input\"> <input class=\"input\" pInputText type=\"text\" [(ngModel)]=\"record.name\" maxlength=\"20\" (blur)=\"trim(record)\" required autoFocus> </ng-template> <ng-template pTemplate=\"output\"> {{record.name}} </ng-template> </p-cellEditor> </td> <td class=\"operation\"> <a *ngIf=\"!editing && !record.id\" [class.disabled]=\"groupEditing\" pInitEditableRow #createGroupButton (click)=\"rowEditInit(record)\">{{l('Edit')}}</a> <a *ngIf=\"!editing && record.id\" [class.disabled]=\"groupEditing\" pInitEditableRow (click)=\"rowEditInit(record)\">{{l('Edit')}}</a> <a *ngIf=\"!editing\" [class.disabled]=\"groupEditing\" (click)=\"deleteGroup(record)\">{{l('Delete')}}</a> <a *ngIf=\"editing\" pSaveEditableRow (click)=\"saveGroup(record)\">{{l('Save')}}</a> <a *ngIf=\"editing\" pCancelEditableRow (click)=\"restoreGroup(record)\">{{l('Cancel')}}</a> </td> </tr> </ng-template> </p-table> <div class=\"primeng-no-data\" *ngIf=\"!groupList || groupList.length == 0\"> {{l('NoData')}} </div> </div> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\"> {{l('Cancel')}} </button> </div> </div> </div> ","styles":[".variable-operation { .operation-button { button { margin-bottom: 12px; } button:not(:last-child) { margin-right: 12px; } } } .input { height: 30px; } .operation { text-align: right !important; a { color: #3695FF; cursor: pointer; } a:first-child { margin-right: 10px; } a.disabled { cursor: not-allowed; pointer-events: none; color: #C4C6CF; } } "]}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"groupSavedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"groupEditedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"groupDeletedEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":5}}]}],"dataTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":5},"arguments":["variableGroupDataTable",{"static":true}]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":5},"arguments":["createGroupButton",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":29,"character":26},{"__symbolic":"reference","module":"../../../../../../shared/service-proxies/service-proxies","name":"VariableGroupServiceProxy","line":30,"character":47},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":31,"character":37}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"getConfigureVariableGroups":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"addGroup":[{"__symbolic":"method"}],"rowEditInit":[{"__symbolic":"method"}],"deleteGroup":[{"__symbolic":"method"}],"saveGroup":[{"__symbolic":"method"}],"restoreGroup":[{"__symbolic":"method"}],"trim":[{"__symbolic":"method"}]}}}}]