[{"__symbolic":"module","version":4,"metadata":{"RawEdgeComputingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":16,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"raw-edge-computing","template":"<div class=\"design-primeng-datatable-container\"> <div class=\"primeng-datatable-container\" [busyIf]=\"primengTableHelper.isLoading\"> <p-table #dataTable (onLazyLoad)=\"loadFBoxMacroExecutePlan($event)\" [value]=\"primengTableHelper.records\" rows=\"{{primengTableHelper.defaultRecordsCountPerPage}}\" [paginator]=\"false\" [lazy]=\"true\" scrollable=\"true\" ScrollWidth=\"100%\" responsive=\"primengTableHelper.isResponsive\" resizableColumns=\"primengTableHelper.resizableColumns\"> <ng-template pTemplate=\"header\"> <tr> <th class=\"col-md-1 col-xs-1\">{{lc('EdgeComputingSerialNumber')}}</th> <th class=\"col-md-5 col-xs-5\">{{lc('EdgeComputingScript')}}</th> <th class=\"col-md-1 col-xs-1\">{{lc('EdgeComputingExeuteMode')}}</th> <th class=\"col-md-1 col-xs-1\">{{lc('EdgeComputingNote')}}</th> </tr> </ng-template> <ng-template pTemplate=\"body\" let-rowData let-index=\"rowIndex\"> <tr class=\"ui-datatable-data ui-widget-content\"> <td class=\"col-md-1 col-xs-1\">{{index +1 }}</td> <td class=\"col-md-5 col-xs-5\"> <div class=\"script\"> <a href=\"javascript:void(0)\" (click)=\"toggleScriptContainer($event.target, index +1 )\">{{rowData.scriptName}}</a> <div class=\"script-container\" [style.display]=\"currentActiveIndex === (index+1) ? 'block' : 'none' \"> <fc-syntax-highlighter [title]=\"rowData.scriptName\" showCloseButton=\"true\" (onClose)=\"closeCurrentHighlighter()\" [content]=\"rowData.script\"></fc-syntax-highlighter> </div> </div> </td> <td class=\"col-md-1 col-xs-1\">{{rowData.macroExecutionDisplayRule}}</td> <td class=\"col-md-1 col-xs-1\" clip-text=20>{{rowData.description}}</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 #paginator [rows]=\"primengTableHelper.defaultRecordsCountPerPage\" (onPageChange)=\"loadFBoxMacroExecutePlan($event)\" [totalRecords]=\"primengTableHelper.totalRecordsCount\" [rowsPerPageOptions]=\"primengTableHelper.predefinedRecordsCountPerPage\"> </p-paginator> <span class=\"total-records-count\"> {{l('TotalRecordsCount', primengTableHelper.totalRecordsCount)}} </span> </div> </div> </div>","styles":[".design-primeng-datatable-container{ .script { position: relative; width: 100%; .script-container { position: fixed; display: block; border: solid 1px lightgrey; border-radius: 4px; width: 630px; height: auto; overflow: auto; z-index: 100; background-color: #f5f5f5; .syntaxhighlighter { border: none !important; margin: 0 !important; } } .gutter { width: 30px !important; } } .script-container { ::-webkit-scrollbar { width: 14px; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { border-radius: 999px; border: 5px solid transparent; background-color: transparent; } ::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset; } ::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset; } ::-webkit-scrollbar-corner { background: transparent; } } .primeng-datatable-container{ margin-top: 12px; } }"],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../animations/routerTransition","name":"appModuleAnimation","line":14,"character":17}}]}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"dataSourceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"dataTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["dataTable",{"static":true}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":5},"arguments":["paginator",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":27,"character":26},{"__symbolic":"reference","module":"../../../../shared/service-proxies/service-proxies","name":"FBoxMicroScriptServiceProxy","line":28,"character":49}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"toggleScriptContainer":[{"__symbolic":"method"}],"closeCurrentHighlighter":[{"__symbolic":"method"}],"loadFBoxMacroExecutePlan":[{"__symbolic":"method"}]}}}}]