[{"__symbolic":"module","version":4,"metadata":{"ConfigureEventComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":32,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"configure-event","template":"<div class=\"portlet-input designer-configure-event\"> <div class=\"row configure-event-operation\"> <div class=\"col-12 operation-filter\"> <div class=\"col-lg-2 operation-filter-select\"> <ng-select name=\"groupSelect\" [items]=\"groupList\" bindLabel=\"name\" bindValue=\"id\" [searchable]=\"true\" [placeholder]=\"lc('AllEventGroup')\" [(ngModel)]=\"selectedGroupId\" [clearable]=\"true\" (change)=\"loadEventAndClearSelectedItems()\" [notFoundText]=\"l('NoData')\"> <ng-template ng-option-tmp ng-label-tmp let-item=\"item\"> {{item.name}} </ng-template> </ng-select> </div> </div> </div> <div class=\"row configure-event-operation\"> <div class=\"col-lg-6 operation-button\"> <button class=\"fe-btn fe-btn-default fe-btn-save\" (click)=\"createOrUpdateEvent()\">{{lc('AddEvent')}}</button> <button class=\"fe-btn fe-btn-default btn-batch-delete\" [disabled]=\"!selectedEvents || selectedEvents.length === 0\" (click)=\"batchEditEvents()\">{{lc('BatchEdit')}}</button> <button class=\"fe-btn fe-btn-default btn-batch-delete\" [disabled]=\"!selectedEvents || selectedEvents.length === 0\" (click)=\"batchDeleteEvents()\">{{lc('BatchDelete')}}</button> <button class=\"fe-btn fe-btn-default fe-btn-normal\" (click)=\"showEventGroupModal()\">{{lc('EventGroupManage')}}</button> </div> <div class=\"col-lg-6 operation-filter\"> <div class=\"operation-search\"> <input class=\"operation-search-input\" placeholder='{{lc(\"EventSearchCriteria\")}}' type=\"text\" name=\"eventNameOrVariableName\" (change)=\"loadEventAndClearSelectedItems()\" [(ngModel)]=\"eventNameOrVariableName\"> <i class=\"fcloud-search\"></i> </div> </div> </div> </div> <div class=\"primeng-datatable-container designer-actions-style\" [busyIf]=\"primengTableHelper.isLoading\"> <p-table #dataTable (onLazyLoad)=\"loadConfigureEvents($event)\" [value]=\"primengTableHelper.records\" rows=\"{{primengTableHelper.defaultRecordsCountPerPage}}\" [paginator]=\"false\" [lazy]=\"true\" selectionMode=\"multiple\" [(selection)]=\"selectedEvents\" scrollable=\"true\" dataKey=\"id\" ScrollWidth=\"100%\" responsive=\"primengTableHelper.isResponsive\" resizableColumns=\"primengTableHelper.resizableColumns\"> <ng-template pTemplate=\"header\"> <tr> <th class=\"checkbox\" style=\"width: 50px;\"> <p-tableHeaderCheckbox></p-tableHeaderCheckbox> </th> <th style=\"width: 100px\"> {{lc('EventName')}} </th> <th style=\"width: 150px\"> {{lc('EventMessage')}} </th> <th style=\"width: 100px\"> {{lc('EventDataSource')}} </th> <th style=\"width: 100px\"> {{lc('EventGroup')}} </th> <th style=\"width: 200px\"> {{lc('TriggerRule')}} </th> <th style=\"width: 100px\"> {{lc('ConfigureVariableName')}} </th> <th style=\"width: 100px\" class=\"last-th\"> {{l('Actions')}} <span class=\"fa fa-cog fa-fw\"></span> </th> </tr> </ng-template> <ng-template pTemplate=\"body\" let-record> <tr [pSelectableRow]=\"record\"> <td class=\"checkbox\" style=\"width: 50px;\"> <p-tableCheckbox [value]=\"record\"></p-tableCheckbox> </td> <td style=\"width: 100px\"> {{record.name}} </td> <td style=\"width: 150px\"> {{record.eventMessage}} </td> <td style=\"width: 100px\"> {{lc('Variable')}} </td> <td style=\"width: 100px\"> {{record.groupName}} </td> <td style=\"width: 200px\"> {{formatTriggerRule(record)}} </td> <td style=\"width: 100px\"> {{record.variableName}} </td> <td style=\"width: 100px\" class=\"operation\"> <a (click)=\"createOrUpdateEvent(record.id)\" style=\"padding-left: 10px\">{{l('Edit')}}</a> <a (click)=\"singleDeleteEvent(record.id)\" style=\"padding-left: 10px\">{{l('Delete')}}</a> </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)=\"loadConfigureEvents($event)\" [totalRecords]=\"primengTableHelper.totalRecordsCount\" [rowsPerPageOptions]=\"primengTableHelper.predefinedRecordsCountPerPage\"> </p-paginator> <span class=\"total-records-count\"> {{l('TotalRecordsCount', primengTableHelper.totalRecordsCount)}} </span> </div> </div> ","styles":[" .designer-configure-event{ .last-th { text-align: right !important; span { padding-right: 10px; } } .alarm-search { margin-bottom: 10px; } .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; } } .operation { text-align: right !important; a { color: #3695FF !important; } a:hover { cursor: pointer; } a:first-child { margin-right: 10px; } } .configure-event-operation { .operation-filter-select { padding: 0; } .operation-button { padding: 0; button { margin-bottom: 12px; } } .operation-search { float: right; position: relative; width:285px; 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); } } .fcloud-search { position: absolute; right: 10px; top: 9px; font-size: 16px; cursor: pointer; } .operation-search-input { width: 100%; height: 34px; border: 1px solid #C4C6CF; color: rgba(0, 0, 0, 0.6); line-height: 34px; padding: 0 10px; margin-bottom: 12px; padding-left: 10px; padding-right: 34px; } .operation-filter { padding: 0; .operation-filter-select { float: left; margin-right: 12px; margin-bottom: 12px; } } .fe-btn:not(:last-child) { margin-right: 12px; } } select option { color: rgba(0, 0, 0, 0.6); } .fe-btn.fe-btn-default.btn-batch-delete { color: #000; background-color: #FFF; border: 1px solid #C4C6CF; } .fe-btn.fe-btn-default.fe-btn-normal { border: 1px solid #b5c2ca; background-color: white; } .fe-btn.fe-btn-default.btn-batch-delete:disabled { color: #7F939F; border: 1px solid #b5c2ca; } .configure-event-operation > div { float: left; } .configure-event-operation { margin-left: 0; margin-right: 0; } @media (max-width: 1425px) { .configure-event-operation { .operation-button, .operation-filter { width: 100%; } } } .operation-filter-select ::ng-deep .ng-select-container { height: 34px !important; border: 1px solid #C4C6CF; } .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 0px !important; } }"],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../../animations/routerTransition","name":"appModuleAnimation","line":30,"character":17}}]}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"dataTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":["dataTable",{"static":true}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["paginator",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":35},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"ConfigureEventServiceProxy","line":45,"character":48},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"ConfigureEventGroupServiceProxy","line":46,"character":53},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":47,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"loadConfigureEvents":[{"__symbolic":"method"}],"formatTriggerRule":[{"__symbolic":"method"}],"getChangeValue":[{"__symbolic":"method"}],"getTriggerRuleFromVariable":[{"__symbolic":"method"}],"getTriggerRule":[{"__symbolic":"method"}],"createOrUpdateEvent":[{"__symbolic":"method"}],"batchEditEvents":[{"__symbolic":"method"}],"loadEventsDataOnCurrentPage":[{"__symbolic":"method"}],"singleDeleteEvent":[{"__symbolic":"method"}],"batchDeleteEvents":[{"__symbolic":"method"}],"loadGroups":[{"__symbolic":"method"}],"loadEventAndClearSelectedItems":[{"__symbolic":"method"}],"loadEventAndGroup":[{"__symbolic":"method"}],"showEventGroupModal":[{"__symbolic":"method"}],"loadEventsAndGroupOnCurrentPage":[{"__symbolic":"method"}]}}}}]