1 line
16 KiB
JSON
1 line
16 KiB
JSON
{"ast":null,"code":"import { ApiService } from '../../../services/user-management.api.service';\nimport { GuiPagingDisplay, GuiTheme } from '@generic-ui/ngx-grid';\nimport { Subscription } from 'rxjs/internal/Subscription';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@generic-ui/ngx-grid\";\nconst _c0 = [\"grid\"];\nexport class BaseTableComponent {\n constructor(service, columns) {\n this.columnMenu = {\n enabled: true,\n sort: true,\n columnsManager: false,\n filter: false\n };\n this.sorting = {\n enabled: true,\n multiSorting: true\n };\n this.loading = true;\n this.autoResizeWidth = true;\n this.rowDetail = {\n enabled: true,\n template: item => {\n return `\n <div></div>`;\n }\n };\n this.paging = {\n enabled: true,\n page: 1,\n pageSize: 15,\n pageSizes: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],\n pagerTop: true,\n pagerBottom: false,\n display: GuiPagingDisplay.ADVANCED\n };\n this.searching = {\n enabled: true,\n placeholder: 'Suche'\n };\n this.cellEditing = {\n enabled: true,\n rowEdit: (value, item, index) => {\n return Boolean(index % 2);\n },\n cellEdit: (value, item, index) => {\n return Boolean(index % 5);\n }\n };\n this.maxHeight = 400;\n this.infoPanel = {\n enabled: true,\n infoDialog: false,\n columnsManager: true,\n schemaManager: true\n };\n this.titlePanel = {\n enabled: false,\n template: () => {\n return `\n <div class='title-panel-example' >List of contract workers</div>\n `;\n }\n };\n this.theme = localStorage.getItem('theme') === 'dark' ? GuiTheme.DARK : GuiTheme.FABRIC;\n this.themeSubscription = new Subscription();\n this.rowDetailTemplate = null;\n this.enabledCellEditing = false;\n this.rowSelection = true;\n this.onSelectedRows = rows => {};\n this.initData = this.fetchData;\n this.columns = [];\n this.selected = false;\n this.service = service;\n if (this.columns.length == 0) this.columns = columns;\n //assign row details\n if (this.rowDetailTemplate === null || this.rowDetailTemplate === undefined) this.rowDetail = {\n enabled: false\n };else this.rowDetail = {\n enabled: true,\n template: this.rowDetailTemplate\n };\n //assign cell editting\n this.cellEditing.enabled = this.enabledCellEditing;\n }\n safelyUnselectAll() {\n this.selected = true;\n if (this.api?.getSelectedRows() != undefined) if ((this.api?.getSelectedRows().length ?? 0 > 0) && this.selected) {\n this.api?.unselectAll();\n this.selected = false;\n }\n }\n get api() {\n return this.mainGrid.api;\n }\n set source(data) {\n this.api.setSource(data);\n }\n get selectedRows() {\n return this.api.getSelectedRows();\n }\n ngOnInit() {}\n ngOnDestroy() {}\n ngAfterViewInit() {}\n fetchData() {\n this.service.getAll().subscribe({\n next: response => {\n if (response.isSuccess && response.data) {\n this.source = response.data;\n this.loading = false;\n } else {\n // Handle response failure\n console.error('Failed to fetch users');\n }\n },\n error: error => console.error('Error fetching users:', error)\n });\n }\n static #_ = this.ɵfac = function BaseTableComponent_Factory(t) {\n return new (t || BaseTableComponent)(i0.ɵɵdirectiveInject(ApiService), i0.ɵɵdirectiveInject(Array));\n };\n static #_2 = this.ɵcmp = /*@__PURE__*/i0.ɵɵdefineComponent({\n type: BaseTableComponent,\n selectors: [[\"app-base-table\"]],\n viewQuery: function BaseTableComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c0, 7);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.mainGrid = _t.first);\n }\n },\n inputs: {\n rowDetailTemplate: \"rowDetailTemplate\",\n enabledCellEditing: \"enabledCellEditing\",\n rowSelection: \"rowSelection\",\n onSelectedRows: \"onSelectedRows\",\n initData: \"initData\",\n columns: \"columns\"\n },\n decls: 2,\n vars: 14,\n consts: [[\"grid\", \"\"], [3, \"selectedRows\", \"columns\", \"columnMenu\", \"sorting\", \"loading\", \"rowSelection\", \"rowDetail\", \"autoResizeWidth\", \"paging\", \"searching\", \"cellEditing\", \"virtualScroll\", \"infoPanel\", \"titlePanel\", \"theme\"]],\n template: function BaseTableComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"gui-grid\", 1, 0);\n i0.ɵɵlistener(\"selectedRows\", function BaseTableComponent_Template_gui_grid_selectedRows_0_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.onSelectedRows($event));\n });\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵproperty(\"columns\", ctx.columns)(\"columnMenu\", ctx.columnMenu)(\"sorting\", ctx.sorting)(\"loading\", ctx.loading)(\"rowSelection\", ctx.rowSelection)(\"rowDetail\", ctx.rowDetail)(\"autoResizeWidth\", ctx.autoResizeWidth)(\"paging\", ctx.paging)(\"searching\", ctx.searching)(\"cellEditing\", ctx.cellEditing)(\"virtualScroll\", true)(\"infoPanel\", ctx.infoPanel)(\"titlePanel\", ctx.titlePanel)(\"theme\", ctx.theme);\n }\n },\n dependencies: [i1.GuiGridComponent],\n styles: [\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZVJvb3QiOiIifQ== */\"]\n });\n}","map":{"version":3,"names":["ApiService","GuiPagingDisplay","GuiTheme","Subscription","BaseTableComponent","constructor","service","columns","columnMenu","enabled","sort","columnsManager","filter","sorting","multiSorting","loading","autoResizeWidth","rowDetail","template","item","paging","page","pageSize","pageSizes","pagerTop","pagerBottom","display","ADVANCED","searching","placeholder","cellEditing","rowEdit","value","index","Boolean","cellEdit","maxHeight","infoPanel","infoDialog","schemaManager","titlePanel","theme","localStorage","getItem","DARK","FABRIC","themeSubscription","rowDetailTemplate","enabledCellEditing","rowSelection","onSelectedRows","rows","initData","fetchData","selected","length","undefined","safelyUnselectAll","api","getSelectedRows","unselectAll","mainGrid","source","data","setSource","selectedRows","ngOnInit","ngOnDestroy","ngAfterViewInit","getAll","subscribe","next","response","isSuccess","console","error","_","i0","ɵɵdirectiveInject","Array","_2","selectors","viewQuery","BaseTableComponent_Query","rf","ctx","ɵɵelementStart","ɵɵlistener","BaseTableComponent_Template_gui_grid_selectedRows_0_listener","$event","ɵɵrestoreView","_r1","ɵɵresetView","ɵɵelementEnd","ɵɵproperty"],"sources":["E:\\TekH\\Visual Studio\\WebUserManager\\DigitalData.UserManager.NgWebUI\\ClientApp\\src\\app\\components\\tables\\base-table\\base-table.component.ts","E:\\TekH\\Visual Studio\\WebUserManager\\DigitalData.UserManager.NgWebUI\\ClientApp\\src\\app\\components\\tables\\base-table\\base-table.component.html"],"sourcesContent":["import { AfterViewInit, Component, Inject, Input, OnDestroy, OnInit, ViewChild, input } from '@angular/core';\r\nimport { ApiService } from '../../../services/user-management.api.service';\r\nimport { GuiColumn, GuiColumnMenu, GuiSorting, GuiRowDetail, GuiPaging, GuiPagingDisplay, GuiSearching, GuiCellEdit, GuiInfoPanel, GuiTitlePanel, GuiRowSelection, GuiSelectedRow, GuiGridComponent, GuiGridApi, GuiTheme } from '@generic-ui/ngx-grid';\r\nimport { Subscription } from 'rxjs/internal/Subscription';\r\nimport { ColorModeService, Theme } from 'src/app/services/color-mode.service';\r\n\r\n@Component({\r\n selector: 'app-base-table',\r\n templateUrl: './base-table.component.html',\r\n styleUrl: './base-table.component.css'\r\n})\r\nexport class BaseTableComponent<TModel, TApiService extends ApiService<TModel>> implements OnInit, AfterViewInit, OnDestroy {\r\n\r\n service: TApiService;\r\n \r\n columnMenu: GuiColumnMenu = {\r\n enabled: true,\r\n sort: true,\r\n columnsManager: false,\r\n filter: false\r\n };\r\n sorting: GuiSorting = {\r\n enabled: true,\r\n multiSorting: true\r\n };\r\n loading: boolean = true;\r\n autoResizeWidth: boolean = true;\r\n rowDetail: GuiRowDetail = {\r\n enabled : true,\r\n template: (item: TModel) => {\r\n return `\r\n <div></div>`;\r\n }\r\n };\r\n paging: GuiPaging = {\r\n enabled: true,\r\n page: 1,\r\n pageSize: 15,\r\n pageSizes: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],\r\n pagerTop: true,\r\n pagerBottom: false,\r\n display: GuiPagingDisplay.ADVANCED\r\n };\r\n searching: GuiSearching = {\r\n enabled: true,\r\n placeholder: 'Suche'\r\n };\r\n cellEditing: GuiCellEdit = {\r\n\r\n enabled: true,\r\n\r\n rowEdit: (value: any, item: any, index: number) => {\r\n return Boolean(index % 2);\r\n },\r\n\r\n cellEdit: (value: any, item: any, index: number) => {\r\n return Boolean(index % 5);\r\n }\r\n }\r\n maxHeight: any = 400;\r\n infoPanel: GuiInfoPanel = {\r\n enabled: true,\r\n infoDialog: false,\r\n columnsManager: true,\r\n schemaManager: true\r\n };\r\n titlePanel: GuiTitlePanel = {\r\n enabled: false,\r\n template: () => {\r\n return `\r\n <div class='title-panel-example' >List of contract workers</div>\r\n `;\r\n }\r\n }; \r\n\r\n theme: GuiTheme = localStorage.getItem('theme') === 'dark'? GuiTheme.DARK : GuiTheme.FABRIC;\r\n\r\n private themeSubscription: Subscription = new Subscription();\r\n\r\n constructor(@Inject(ApiService<TModel>) service: TApiService, columns: Array<GuiColumn>) {\r\n this.service = service;\r\n if(this.columns.length == 0)\r\n this.columns = columns;\r\n\r\n //assign row details\r\n if(this.rowDetailTemplate === null || this.rowDetailTemplate === undefined)\r\n this.rowDetail = {\r\n enabled : false,\r\n };\r\n else\r\n this.rowDetail = {\r\n enabled : true,\r\n template: (this.rowDetailTemplate)\r\n };\r\n\r\n //assign cell editting\r\n this.cellEditing.enabled = this.enabledCellEditing;\r\n }\r\n\r\n @Input() rowDetailTemplate: null | ((item: TModel, index: number) => string) = null;\r\n\r\n @Input() enabledCellEditing: boolean = false;\r\n\r\n @Input() rowSelection: boolean | GuiRowSelection = true;\r\n\r\n @Input() onSelectedRows: (rows: Array<GuiSelectedRow>) => void = (rows) => {};\r\n \r\n @Input() initData : () => void = this.fetchData;\r\n \r\n @Input() columns: Array<GuiColumn> = [];\r\n\r\n selected: boolean = false;\r\n safelyUnselectAll() {\r\n this.selected = true\r\n if(this.api?.getSelectedRows() != undefined)\r\n if((this.api?.getSelectedRows().length ?? 0 > 0) && this.selected) {\r\n this.api?.unselectAll()\r\n this.selected = false\r\n }\r\n }\r\n \r\n @ViewChild('grid', { static: true }) mainGrid!: GuiGridComponent;\r\n\r\n private get api() : GuiGridApi {\r\n return this.mainGrid.api;\r\n }\r\n\r\n set source(data : TModel[]) {\r\n this.api.setSource(data)\r\n }\r\n\r\n get selectedRows(): Array<GuiSelectedRow> {\r\n return this.api.getSelectedRows();\r\n }\r\n \r\n ngOnInit(): void {\r\n \r\n }\r\n\r\n ngOnDestroy(): void {\r\n\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n }\r\n \r\n fetchData(): void {\r\n this.service.getAll().subscribe({\r\n next: (response) => {\r\n if (response.isSuccess && response.data) {\r\n this.source = response.data;\r\n this.loading = false;\r\n } else {\r\n // Handle response failure\r\n console.error('Failed to fetch users');\r\n }\r\n },\r\n error: (error) => console.error('Error fetching users:', error)\r\n });\r\n }\r\n}\r\n\r\n","<gui-grid #grid\r\n [columns]=\"columns\"\r\n [columnMenu]=\"columnMenu\"\r\n [sorting]=\"sorting\"\r\n [loading]=\"loading\"\r\n [rowSelection] = \"rowSelection\"\r\n [rowDetail]=\"rowDetail\"\r\n [autoResizeWidth]=\"autoResizeWidth\"\r\n [paging]=\"paging\"\r\n [searching]=\"searching\"\r\n [cellEditing]=\"cellEditing\"\r\n [virtualScroll]=\"true\"\r\n [infoPanel]=\"infoPanel\"\r\n [titlePanel]=\"titlePanel\"\r\n [theme]=\"theme\"\r\n (selectedRows)=\"onSelectedRows($event)\">\r\n</gui-grid>"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |