npm - @experteam-mx/ngx-table - Versions diffs - 2.0.0 → 2.2.1 - Mend

@experteam-mx/ngx-table 2.0.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/esm2020/lib/ngx-table.component.mjs +85 -21
package/fesm2015/experteam-mx-ngx-table.mjs +78 -18
package/fesm2015/experteam-mx-ngx-table.mjs.map +1 -1
package/fesm2020/experteam-mx-ngx-table.mjs +84 -20
package/fesm2020/experteam-mx-ngx-table.mjs.map +1 -1
package/lib/ngx-table.component.d.ts +4 -2
package/package.json +1 -1

package/fesm2020/experteam-mx-ngx-table.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"experteam-mx-ngx-table.mjs","sources":["../../../projects/ngx-table/src/lib/ngx-table.service.ts","../../../projects/ngx-table/src/lib/ngx-table.component.ts","../../../projects/ngx-table/src/lib/ngx-table.component.html","../../../projects/ngx-table/src/lib/ngx-table.module.ts","../../../projects/ngx-table/src/public-api.ts","../../../projects/ngx-table/src/experteam-mx-ngx-table.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class NgxTableService {\n\n constructor() { }\n}\n","import { Component, OnInit, OnChanges, Input, Output, EventEmitter, SimpleChanges, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'ngx-table',\n templateUrl: './ngx-table.component.html',\n styleUrls: ['./ngx-table.component.scss']\n})\nexport class NgxTableComponent implements OnInit, OnChanges {\n\n constructor() { }\n\n @Input() headRow: any[] = new Array()\n headRowRender: any[] = new Array()\n\n @Input() registers: any[] = new Array()\n registersRender: any[] = new Array()\n\n @Input() configs: any\n configsRender: any = {}\n\n @Output() changePage = new EventEmitter<Object>();\n @Output() clickEvent = new EventEmitter<Object>();\n\n @ViewChild('selectAll') checkSelectAll: any;\n\n configsDefault: any = {\n titleTable: null,\n loading: false,\n paginationActive: false,\n page: 1,\n pageSize: 15,\n collectionSize: 0,\n tableSize: \"normal\", // normal, small\n labels:{\n noRegisters: \"Registers no found\"\n },\n search:{\n active: false,\n textSearch: '',\n placeholderSearch: 'Search'\n },\n order: {\n active: false,\n field: null,\n asc: false\n },\n actions: {\n add:{\n active: false,\n labelHtml: null\n },\n select:{\n active: false,\n labelHtml: null\n },\n edit:{\n active: false,\n labelHtml: null\n },\n delete:{\n active: false,\n labelHtml: null,\n loading: false\n },\n enabled:{\n active: false,\n labelHtml: null,\n loading: false\n },\n disabled:{\n active: false,\n labelHtml: null,\n loading: false\n },\n loginAs:{\n active: false,\n labelHtml: null,\n loading: false\n },\n check:{\n active: false,\n checked: false\n },\n enableSelected:{\n active: false,\n labelHtml: null,\n loading: false\n },\n disableSelected:{\n active: false,\n labelHtml: null,\n loading: false\n },\n },\n colHead:{\n label: null,\n type: 'string', // string, number\n field: null,\n order: {\n active: false\n }\n }\n }\n\n objectKeys( registers: any ){\n let registros = new Array()\n for( let key of Object.keys(registers) ){\n if( key != 'configRegister' ){\n registros.push( key )\n }\n }\n\n return registros\n }\n\n onPageChange() {\n this.configs = this.configsRender\n this.changePage.emit({\n ...this.configsRender\n });\n }\n\n onKeySearch() {\n this.configs = this.configsRender\n this.changePage.emit({\n ...this.configsRender\n });\n }\n\n onRestarSeach() {\n this.configsRender.search.textSearch = ''\n this.configs = this.configsRender\n this.changePage.emit({\n ...this.configsRender\n });\n }\n\n onActionClick(object: any) {\n object.event?.preventDefault()\n object.event?.stopPropagation()\n\n this.clickEvent.emit({\n type: object.type,\n data: object.data,\n index: object.index,\n });\n }\n\n render(){\n this.headRowRender = new Array()\n for( let head of this.headRow ){\n this.headRowRender.push({\n ...this.configsDefault.colHead,\n ...head\n })\n }\n\n this.configsRender = {\n titleTable: this.configsDefault.titleTable,\n loading: this.configsDefault.loading,\n paginationActive: this.configsDefault.paginationActive,\n page: this.configsDefault.page,\n pageSize: this.configsDefault.pageSize,\n collectionSize: this.configsDefault.collectionSize,\n tableSize: this.configsDefault.tableSize,\n labels: this.configsDefault.labels,\n search: this.configsDefault.search,\n order: this.configsDefault.order,\n actions: this.configsDefault.actions,\n ...this.configs,\n }\n\n this.registersRender = new Array()\n for( let register of this.registers ){\n this.registersRender.push({\n ...register,\n configRegister: {\n actions: {\n ...this.configsRender.actions,\n loginAs: {\n ...this.configsRender.actions.loginAs\n },\n check: {\n ...this.configsRender.actions.check\n },\n ...register.configRegister?.actions\n },\n },\n })\n }\n }\n\n stopPropagation(e: any) {\n e.stopPropagation()\n }\n\n setSelectAll() {\n this.checkSelectAll.nativeElement.indeterminate = false\n this.checkSelectAll.nativeElement.checked = false\n\n let contCheck = this.getSelectedPices()\n\n if (this.registersRender.length == 0) {\n return\n }\n\n if (this.registersRender.length == contCheck) {\n this.checkSelectAll.nativeElement.checked = true\n } else {\n if (contCheck != 0) {\n this.checkSelectAll.nativeElement.indeterminate = true\n }\n }\n\n this.onActionClick({\n type: \"checked\",\n data: this.checkedRegisters()\n })\n }\n\n getSelectedPices() {\n let contCheck = 0\n for (let register of this.registersRender) {\n contCheck += (register.configRegister.actions.check.checked ? 1 : 0)\n }\n return contCheck\n }\n\n onChangeSelectAll() {\n if (this.checkSelectAll.nativeElement.checked) {\n for (let register of this.registersRender) {\n register.configRegister.actions.check.checked = true\n }\n } else {\n for (let register of this.registersRender) {\n register.configRegister.actions.check.checked = false\n }\n }\n\n this.onActionClick({\n type: \"checked\",\n data: this.checkedRegisters()\n })\n\n }\n\n checkedRegisters(){\n let checkedRegister = []\n for (let register of this.registersRender) {\n if( register.configRegister.actions.check.checked ){\n checkedRegister.push({\n ...register\n })\n }\n }\n return checkedRegister\n }\n\n ngOnInit(): void {\n this.render()\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n this.render()\n }\n\n}\n","<div class=\"container-fluid\">\r\n <h3 class=\"text-center\" ngIf=\"configsRender.titleTable != null\">{{ configsRender.titleTable }}</h3>\r\n <div ngIf=\"!configsRender.search.active && configsRender.actions.add?.active\" class=\"row justify-content-end mb-2\">\r\n <div class=\"col d-flex justify-content-end\">\r\n <button ngIf=\"configsRender.actions.add?.active\" class=\"btn btn-success\" type=\"button\" (click)=\"onActionClick({event: $event,type: 'add'})\">\r\n <span [innerHTML]=\"configsRender.actions.add?.labelHtml\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n <div ngIf=\"configsRender.search.active\" class=\"row justify-content-end mb-2\">\r\n <div class=\"col d-flex justify-content-end\">\r\n <button ngIf=\"configsRender.actions.enableSelected?.active && checkedRegisters().length > 0\" [disabled]=\"configsRender.actions.enableSelected?.loading\" type=\"button\" class=\"btn btn-success mx-1\" (click)=\"onActionClick({event: $event,type: 'enableSelected', data: checkedRegisters()})\">\r\n <span ngIf=\"configsRender.actions.enableSelected?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"configsRender.actions.enableSelected.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"configsRender.actions.disableSelected?.active && checkedRegisters().length > 0\" [disabled]=\"configsRender.actions.disableSelected?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" (click)=\"onActionClick({event: $event,type: 'disableSelected', data: checkedRegisters()})\">\r\n <span ngIf=\"configsRender.actions.disableSelected?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"configsRender.actions.disableSelected?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"configsRender.actions.add?.active\" class=\"btn btn-success\" type=\"button\" (click)=\"onActionClick({event: $event,type: 'add'})\">\r\n <span [innerHTML]=\"configsRender.actions.add?.labelHtml\"></span>\r\n </button>\r\n </div>\r\n <div class=\"col-lg-3\">\r\n <div class=\"input-group\">\r\n <input type=\"text\" class=\"form-control\" [(ngModel)]=\"configsRender.search.textSearch\" [placeholder]=\"configsRender.search.placeholderSearch != undefined ? configsRender.search.placeholderSearch : ''\" (input)=\"onKeySearch()\">\r\n <button class=\"btn btn-primary\" type=\"button\" (click)=\"onRestarSeach()\">\r\n <i class=\"bi bi-arrow-counterclockwise\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <ngx-skeleton-loader ngIf=\"configsRender.loading\" count=\"5\"></ngx-skeleton-loader>\r\n <p ngIf=\"!configsRender.loading && configsRender.collectionSize == 0\" class=\"text-center\">{{ configsRender.labels.noRegisters }}</p>\r\n <div ngIf=\"!configsRender.loading && configsRender.collectionSize > 0\" class=\"table-responsive\">\r\n <table class=\"table table-striped table-bordered\" [class.table-sm]=\"configsRender.tableSize == 'small'\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-center\" ngIf=\"configsRender.actions.check?.active\">\r\n <input #selectAll class=\"form-check-input\" type=\"checkbox\" (change)=\"onChangeSelectAll()\">\r\n </th>\r\n <th ngFor=\"let col of headRowRender\"><span [innerHTML]=\"col.label\"></span></th>\r\n <th class=\"col-compact\" ngIf=\"configsRender.actions.edit?.active \|\| configsRender.actions.delete?.active \|\| configsRender.actions.enabled?.active \|\| configsRender.actions.disabled?.active \|\| configsRender.actions.loginAs?.active\">\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <ng-container ngFor=\"let register of registersRender; let i = index\">\r\n <tr [class.pointer]=\"register.configRegister?.actions?.select?.active\" (click)=\"register.configRegister?.actions?.select?.active ? onActionClick({event: $event,type: 'select',data: register, index: i}):return\">\r\n <td class=\"text-center\" ngIf=\"configsRender.actions.check?.active\" (click)=\"stopPropagation($event)\">\r\n <input class=\"form-check-input\" type=\"checkbox\" [(ngModel)]=\"register.configRegister.actions.check.checked\" (change)=\"setSelectAll()\">\r\n </td>\r\n \r\n <ng-container ngFor=\"let col of headRowRender; let j = index\">\r\n <td [class.text-end]=\"col.type == 'number'\"><span [innerHTML]=\"register[( col.field == null \|\| col.field == '' ? objectKeys(register)[j] : col.field )]\"></span></td>\r\n </ng-container>\r\n\r\n <td class=\"text-nowrap\" ngIf=\"configsRender.actions.edit?.active \|\| configsRender.actions.delete?.active \|\| configsRender.actions.enabled?.active \|\| configsRender.actions.disabled?.active \|\| configsRender.actions.loginAs?.active\">\r\n <button ngIf=\"register.configRegister?.actions?.edit?.active\" type=\"button\" class=\"btn btn-primary mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'edit',data: register, index: i})\">\r\n <span [innerHTML]=\"register.configRegister?.actions?.edit?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"register.configRegister?.actions?.delete?.active\" [disabled]=\"register.configRegister?.actions?.delete?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'delete',data: register, index: i})\">\r\n <span ngIf=\"register.configRegister?.actions?.delete?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.delete?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"register.configRegister?.actions?.enabled?.active\" [disabled]=\"register.configRegister?.actions?.enabled?.loading\" type=\"button\" class=\"btn btn-success mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'enabled',data: register, index: i})\">\r\n <span ngIf=\"register.configRegister?.actions?.enabled?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.enabled?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"register.configRegister?.actions?.disabled?.active\" [disabled]=\"register.configRegister?.actions?.disabled?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'disabled',data: register, index: i})\">\r\n <span ngIf=\"register.configRegister?.actions?.disabled?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.disabled?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"register.configRegister?.actions?.loginAs?.active\" [disabled]=\"register.configRegister?.actions?.loginAs?.loading\" type=\"button\" class=\"btn btn-primary mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'loginAs',data: register, index: i})\">\r\n <span ngIf=\"register.configRegister?.actions?.loginAs?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.loginAs?.labelHtml\"></span>\r\n </button>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n </tbody>\r\n </table>\r\n </div>\r\n <div class=\"position-sticky bottom-0 bg-white\" ngIf=\"configsRender.paginationActive && configsRender.collectionSize > 0\">\r\n <div class=\"row justify-content-end border-top pt-2\">\r\n <div class=\"col-sm-6\">\r\n <ngb-pagination\r\n class=\"d-flex justify-content-center\"\r\n [pageSize]=\"configsRender.pageSize\"\r\n [collectionSize]=\"configsRender.collectionSize\"\r\n [(page)]=\"configsRender.page\"\r\n [maxSize]=\"5\"\r\n [rotate]=\"true\"\r\n [boundaryLinks]=\"true\"\r\n [ellipses]=\"true\"\r\n (pageChange)=\"onPageChange()\"\r\n size=\"sm\"\r\n >\r\n <ng-template ngbPaginationNumber let-page>{{ page }}</ng-template>\r\n </ngb-pagination>\r\n </div>\r\n <div class=\"col-sm-3\">\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { FormsModule } from '@angular/forms';\n\nimport { NgxTableComponent } from './ngx-table.component';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';\n\n@NgModule({\n declarations: [\n NgxTableComponent\n ],\n imports: [\n BrowserModule,\n FormsModule,\n NgbModule,\n NgxSkeletonLoaderModule,\n ],\n exports: [\n NgxTableComponent\n ]\n})\nexport class NgxTableModule { }\n","/\n * Public API Surface of ngx-table\n /\n\nexport from './lib/ngx-table.service';\nexport * from './lib/ngx-table.component';\nexport * from './lib/ngx-table.module';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"experteam-mx-ngx-table.mjs","sources":["../../../projects/ngx-table/src/lib/ngx-table.service.ts","../../../projects/ngx-table/src/lib/ngx-table.component.ts","../../../projects/ngx-table/src/lib/ngx-table.component.html","../../../projects/ngx-table/src/lib/ngx-table.module.ts","../../../projects/ngx-table/src/public-api.ts","../../../projects/ngx-table/src/experteam-mx-ngx-table.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class NgxTableService {\n\n constructor() { }\n}\n","import {Component, OnInit, OnChanges, Input, Output, EventEmitter, SimpleChanges, ViewChild} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ngx-table',\r\n templateUrl: './ngx-table.component.html',\r\n styleUrls: ['./ngx-table.component.scss']\r\n})\r\nexport class NgxTableComponent implements OnInit, OnChanges {\r\n @Input() headRow: any[] = [];\r\n headRowRender: any[] = [];\r\n\r\n @Input() registers: any[] = [];\r\n registersRender: any[] = [];\r\n\r\n @Input() configs: any;\r\n configsRender: any = {};\r\n\r\n @Output() changePage = new EventEmitter<Object>();\r\n @Output() clickEvent = new EventEmitter<Object>();\r\n\r\n @ViewChild('selectAll') checkSelectAll: any;\r\n\r\n configsDefault: any = {\r\n titleTable: null,\r\n loading: false,\r\n paginationActive: false,\r\n page: 1,\r\n pageSize: 15,\r\n collectionSize: 0,\r\n tableSize: 'normal',\r\n labels: {\r\n noRegisters: 'Registers no found'\r\n },\r\n search: {\r\n active: false,\r\n textSearch: '',\r\n placeholderSearch: 'Search'\r\n },\r\n order: {\r\n active: false,\r\n field: null,\r\n asc: false\r\n },\r\n actions: {\r\n add: {\r\n active: false,\r\n labelHtml: null\r\n },\r\n select: {\r\n active: false,\r\n labelHtml: null\r\n },\r\n edit: {\r\n active: false,\r\n labelHtml: null\r\n },\r\n delete: {\r\n active: false,\r\n labelHtml: null,\r\n loading: false\r\n },\r\n enabled: {\r\n active: false,\r\n labelHtml: null,\r\n loading: false\r\n },\r\n disabled: {\r\n active: false,\r\n labelHtml: null,\r\n loading: false\r\n },\r\n loginAs: {\r\n active: false,\r\n labelHtml: null,\r\n loading: false\r\n },\r\n check: {\r\n active: false,\r\n checked: false\r\n },\r\n enableSelected: {\r\n active: false,\r\n labelHtml: null,\r\n loading: false\r\n },\r\n disableSelected: {\r\n active: false,\r\n labelHtml: null,\r\n loading: false\r\n },\r\n },\r\n colHead: {\r\n label: null,\r\n type: 'string',\r\n field: null,\r\n order: {\r\n visible: false,\r\n active: false,\r\n asc: false\r\n }\r\n },\r\n enableAll: {\r\n active: false,\r\n disabled: true,\r\n labelHtml: 'Enable all'\r\n },\r\n disableAll: {\r\n active: false,\r\n disabled: true,\r\n labelHtml: 'Disable all'\r\n },\r\n saveChanges: {\r\n active: false,\r\n disabled: true,\r\n labelHtml: 'Save changes'\r\n }\r\n };\r\n\r\n objectKeys(registers: any) {\r\n let registros = [];\r\n\r\n for (let key of Object.keys(registers)) {\r\n if (key != 'configRegister') {\r\n registros.push(key);\r\n }\r\n }\r\n\r\n return registros;\r\n }\r\n\r\n onPageChange() {\r\n this.configs = this.configsRender;\r\n\r\n this.changePage.emit({\r\n ...this.configsRender\r\n });\r\n }\r\n\r\n onKeySearch() {\r\n this.configs = this.configsRender;\r\n\r\n this.changePage.emit({\r\n ...this.configsRender\r\n });\r\n }\r\n\r\n onRestarSeach() {\r\n this.configsRender.search.textSearch = '';\r\n this.configs = this.configsRender;\r\n\r\n this.changePage.emit({\r\n ...this.configsRender\r\n });\r\n }\r\n\r\n onActionClick(object: any) {\r\n object.event?.preventDefault();\r\n object.event?.stopPropagation();\r\n\r\n this.clickEvent.emit({\r\n type: object.type,\r\n data: object.data,\r\n index: object.index\r\n });\r\n }\r\n\r\n render() {\r\n this.headRowRender = [];\r\n\r\n for (let head of this.headRow) {\r\n this.headRowRender.push({\r\n ...this.configsDefault.colHead,\r\n ...head,\r\n order: {\r\n ...this.configsDefault.colHead.order,\r\n ...head.order\r\n }\r\n });\r\n }\r\n\r\n this.configsRender = {\r\n titleTable: this.configsDefault.titleTable,\r\n loading: this.configsDefault.loading,\r\n paginationActive: this.configsDefault.paginationActive,\r\n page: this.configsDefault.page,\r\n pageSize: this.configsDefault.pageSize,\r\n collectionSize: this.configsDefault.collectionSize,\r\n tableSize: this.configsDefault.tableSize,\r\n labels: this.configsDefault.labels,\r\n search: this.configsDefault.search,\r\n order: this.configsDefault.order,\r\n actions: this.configsDefault.actions,\r\n ...this.configs\r\n };\r\n\r\n this.setConfigsDefault('enableAll');\r\n this.setConfigsDefault('disableAll');\r\n this.setConfigsDefault('saveChanges');\r\n\r\n this.registersRender = [];\r\n\r\n for (let register of this.registers) {\r\n this.registersRender.push({\r\n ...register,\r\n configRegister: {\r\n actions: {\r\n ...this.configsRender.actions,\r\n loginAs: {\r\n ...this.configsRender.actions.loginAs\r\n },\r\n check: {\r\n ...this.configsRender.actions.check\r\n },\r\n ...register.configRegister?.actions\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n stopPropagation(e: any) {\r\n e.stopPropagation();\r\n }\r\n\r\n setSelectAll() {\r\n this.checkSelectAll.nativeElement.indeterminate = false;\r\n this.checkSelectAll.nativeElement.checked = false;\r\n let contCheck = this.getSelectedPices();\r\n\r\n if (this.registersRender.length == 0) {\r\n return;\r\n }\r\n\r\n if (this.registersRender.length == contCheck) {\r\n this.checkSelectAll.nativeElement.checked = true;\r\n } else {\r\n if (contCheck != 0) {\r\n this.checkSelectAll.nativeElement.indeterminate = true;\r\n }\r\n }\r\n\r\n this.onActionClick({\r\n type: 'checked',\r\n data: this.checkedRegisters()\r\n });\r\n }\r\n\r\n getSelectedPices() {\r\n let contCheck = 0;\r\n\r\n for (let register of this.registersRender) {\r\n contCheck += (register.configRegister.actions.check.checked ? 1 : 0);\r\n }\r\n\r\n return contCheck;\r\n }\r\n\r\n onChangeSelectAll() {\r\n if (this.checkSelectAll.nativeElement.checked) {\r\n for (let register of this.registersRender) {\r\n register.configRegister.actions.check.checked = true;\r\n }\r\n } else {\r\n for (let register of this.registersRender) {\r\n register.configRegister.actions.check.checked = false;\r\n }\r\n }\r\n\r\n this.onActionClick({\r\n type: 'checked',\r\n data: this.checkedRegisters()\r\n });\r\n }\r\n\r\n checkedRegisters() {\r\n let checkedRegister = [];\r\n\r\n for (let register of this.registersRender) {\r\n if (register.configRegister.actions.check.checked) {\r\n checkedRegister.push({\r\n ...register\r\n });\r\n }\r\n }\r\n\r\n return checkedRegister;\r\n }\r\n\r\n activeOrder(config: any) {\r\n for (let head of this.headRowRender) {\r\n if (head.field == config.field) {\r\n head.order.active = true;\r\n head.order.asc = config.asc;\r\n } else {\r\n head.order.active = false;\r\n }\r\n }\r\n }\r\n\r\n onOrderChange(config: any) {\r\n this.activeOrder({\r\n field: config.field,\r\n asc: config.asc\r\n });\r\n\r\n this.clickEvent.emit({\r\n type: 'order',\r\n data: {\r\n field: config.field,\r\n asc: config.asc\r\n }\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n this.render();\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n this.render();\r\n }\r\n\r\n setConfigsDefault(key: string) {\r\n if (this.configsRender[key] == null) {\r\n this.configsRender[key] = this.configsDefault[key];\r\n } else {\r\n if (this.configsRender[key].active == null) {\r\n this.configsRender[key].active = this.configsDefault[key].active;\r\n }\r\n\r\n if (this.configsRender[key].disabled == null) {\r\n this.configsRender[key].disabled = this.configsDefault[key].disabled;\r\n }\r\n\r\n if (this.configsRender[key].labelHtml == null) {\r\n this.configsRender[key].labelHtml = this.configsDefault[key].labelHtml;\r\n }\r\n }\r\n }\r\n}\r\n","<div class=\"container-fluid\">\r\n <h3 class=\"text-center\" ngIf=\"configsRender.titleTable != null\">{{ configsRender.titleTable }}</h3>\r\n <div class=\"row justify-content-end mb-2\" ngIf=\"(configsRender.actions.enableSelected?.active && checkedRegisters().length > 0) \|\| (configsRender.actions.disableSelected?.active && checkedRegisters().length > 0) \|\| configsRender.enableAll.active \|\| configsRender.disableAll.active \|\| configsRender.saveChanges.active \|\| configsRender.actions.add?.active \|\| configsRender.search.active\">\r\n <div class=\"col d-flex justify-content-end\" ngIf=\"(configsRender.actions.enableSelected?.active && checkedRegisters().length > 0) \|\| (configsRender.actions.disableSelected?.active && checkedRegisters().length > 0) \|\| configsRender.enableAll.active \|\| configsRender.disableAll.active \|\| configsRender.saveChanges.active \|\| configsRender.actions.add?.active\">\r\n <button ngIf=\"configsRender.actions.enableSelected?.active && checkedRegisters().length > 0\" [disabled]=\"configsRender.actions.enableSelected?.loading\" type=\"button\" class=\"btn btn-success mx-1\" (click)=\"onActionClick({event: $event,type: 'enableSelected', data: checkedRegisters()})\">\r\n <span ngIf=\"configsRender.actions.enableSelected?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"configsRender.actions.enableSelected.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"configsRender.actions.disableSelected?.active && checkedRegisters().length > 0\" [disabled]=\"configsRender.actions.disableSelected?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" (click)=\"onActionClick({event: $event,type: 'disableSelected', data: checkedRegisters()})\">\r\n <span ngIf=\"configsRender.actions.disableSelected?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"configsRender.actions.disableSelected?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"configsRender.enableAll.active\" type=\"button\" class=\"btn btn-success mx-1\" [disabled]=\"configsRender.enableAll.disabled\" (click)=\"onActionClick({event: $event, type: 'enableAll'})\">\r\n <span [innerHTML]=\"configsRender.enableAll.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"configsRender.disableAll.active\" type=\"button\" class=\"btn btn-danger mx-1\" [disabled]=\"configsRender.disableAll.disabled\" (click)=\"onActionClick({event: $event, type: 'disableAll'})\">\r\n <span [innerHTML]=\"configsRender.disableAll.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"configsRender.saveChanges.active\" type=\"button\" class=\"btn btn-primary mx-1\" [disabled]=\"configsRender.saveChanges.disabled\" (click)=\"onActionClick({event: $event, type: 'saveChanges'})\">\r\n <span [innerHTML]=\"configsRender.saveChanges.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"configsRender.actions.add?.active\" class=\"btn btn-success\" type=\"button\" (click)=\"onActionClick({event: $event, type: 'add'})\">\r\n <span [innerHTML]=\"configsRender.actions.add?.labelHtml\"></span>\r\n </button>\r\n </div>\r\n <div class=\"col-lg-3\" ngIf=\"configsRender.search.active\">\r\n <div class=\"input-group\">\r\n <input type=\"text\" class=\"form-control\" [(ngModel)]=\"configsRender.search.textSearch\" [placeholder]=\"configsRender.search.placeholderSearch != undefined ? configsRender.search.placeholderSearch : ''\" (input)=\"onKeySearch()\">\r\n <button class=\"btn btn-primary\" type=\"button\" (click)=\"onRestarSeach()\">\r\n <i class=\"bi bi-arrow-counterclockwise\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <ngx-skeleton-loader ngIf=\"configsRender.loading\" count=\"5\"></ngx-skeleton-loader>\r\n <p ngIf=\"!configsRender.loading && configsRender.collectionSize == 0\" class=\"text-center\">{{ configsRender.labels.noRegisters }}</p>\r\n <div ngIf=\"!configsRender.loading && configsRender.collectionSize > 0\" class=\"table-responsive\">\r\n <table class=\"table table-striped table-bordered\" [class.table-sm]=\"configsRender.tableSize == 'small'\">\r\n <thead>\r\n <tr>\r\n <th class=\"text-center\" ngIf=\"configsRender.actions.check?.active\">\r\n <input #selectAll class=\"form-check-input\" type=\"checkbox\" (change)=\"onChangeSelectAll()\">\r\n </th>\r\n <th ngFor=\"let col of headRowRender\" [class.pointer]=\"col.order.visible\" (click)=\"( col.order.visible ? onOrderChange({ field: col.field, asc: ( col.order.active ? !col.order.asc : true ) }) : return )\">\r\n <span [innerHTML]=\"col.label\"></span>\r\n <i ngIf=\"col.order.visible && col.order.active && !col.order.asc\" class=\"bi bi-chevron-down ms-1\"></i>\r\n <i ngIf=\"col.order.visible && col.order.active && col.order.asc\" class=\"bi bi-chevron-up ms-1\"></i>\r\n </th>\r\n <th class=\"col-compact\" ngIf=\"configsRender.actions.edit?.active \|\| configsRender.actions.delete?.active \|\| configsRender.actions.enabled?.active \|\| configsRender.actions.disabled?.active \|\| configsRender.actions.loginAs?.active\"></th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <ng-container ngFor=\"let register of registersRender; let i = index\">\r\n <tr [class.pointer]=\"register.configRegister?.actions?.select?.active\" (click)=\"register.configRegister?.actions?.select?.active ? onActionClick({event: $event,type: 'select',data: register, index: i}):return\">\r\n <td class=\"text-center\" ngIf=\"configsRender.actions.check?.active\" (click)=\"stopPropagation($event)\">\r\n <input class=\"form-check-input\" type=\"checkbox\" [(ngModel)]=\"register.configRegister.actions.check.checked\" (change)=\"setSelectAll()\">\r\n </td>\r\n\r\n <ng-container ngFor=\"let col of headRowRender; let j = index\">\r\n <td [class.text-end]=\"col.type == 'number'\">\r\n <span ngIf=\"col.field != 'is_active'; else renderIsActive\" [innerHTML]=\"registers[i][(col.field == null \|\| col.field == '' ? objectKeys(register)[j] : col.field)]\"></span>\r\n <ng-template #renderIsActive>\r\n <input class=\"form-check-input\" type=\"checkbox\" [ngModel]=\"registers[i][col.field]\" (ngModelChange)=\"onActionClick({type: 'changeIsActive', data: $event, index: i})\">\r\n </ng-template>\r\n </td>\r\n </ng-container>\r\n\r\n <td class=\"text-nowrap\" ngIf=\"configsRender.actions.edit?.active \|\| configsRender.actions.delete?.active \|\| configsRender.actions.enabled?.active \|\| configsRender.actions.disabled?.active \|\| configsRender.actions.loginAs?.active\">\r\n <button ngIf=\"register.configRegister?.actions?.edit?.active\" type=\"button\" class=\"btn btn-primary mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'edit',data: register, index: i})\">\r\n <span [innerHTML]=\"register.configRegister?.actions?.edit?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"register.configRegister?.actions?.delete?.active\" [disabled]=\"register.configRegister?.actions?.delete?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'delete',data: register, index: i})\">\r\n <span ngIf=\"register.configRegister?.actions?.delete?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.delete?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"register.configRegister?.actions?.enabled?.active\" [disabled]=\"register.configRegister?.actions?.enabled?.loading\" type=\"button\" class=\"btn btn-success mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'enabled',data: register, index: i})\">\r\n <span ngIf=\"register.configRegister?.actions?.enabled?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.enabled?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"register.configRegister?.actions?.disabled?.active\" [disabled]=\"register.configRegister?.actions?.disabled?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'disabled',data: register, index: i})\">\r\n <span ngIf=\"register.configRegister?.actions?.disabled?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.disabled?.labelHtml\"></span>\r\n </button>\r\n <button ngIf=\"register.configRegister?.actions?.loginAs?.active\" [disabled]=\"register.configRegister?.actions?.loginAs?.loading\" type=\"button\" class=\"btn btn-primary mx-1\" [class.btn-sm]=\"configsRender.tableSize == 'small'\" (click)=\"onActionClick({event: $event,type: 'loginAs',data: register, index: i})\">\r\n <span ngIf=\"register.configRegister?.actions?.loginAs?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.loginAs?.labelHtml\"></span>\r\n </button>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n </tbody>\r\n </table>\r\n </div>\r\n <div class=\"position-sticky bottom-0 bg-white\" ngIf=\"configsRender.paginationActive && configsRender.collectionSize > 0\">\r\n <div class=\"row justify-content-end border-top pt-2\">\r\n <div class=\"col-sm-6\">\r\n <ngb-pagination\r\n class=\"d-flex justify-content-center\"\r\n [pageSize]=\"configsRender.pageSize\"\r\n [collectionSize]=\"configsRender.collectionSize\"\r\n [(page)]=\"configsRender.page\"\r\n [maxSize]=\"5\"\r\n [rotate]=\"true\"\r\n [boundaryLinks]=\"true\"\r\n [ellipses]=\"true\"\r\n (pageChange)=\"onPageChange()\"\r\n size=\"sm\"\r\n >\r\n <ng-template ngbPaginationNumber let-page>{{ page }}</ng-template>\r\n </ngb-pagination>\r\n </div>\r\n <div class=\"col-sm-3\">\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { FormsModule } from '@angular/forms';\n\nimport { NgxTableComponent } from './ngx-table.component';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';\n\n@NgModule({\n declarations: [\n NgxTableComponent\n ],\n imports: [\n BrowserModule,\n FormsModule,\n NgbModule,\n NgxSkeletonLoaderModule,\n ],\n exports: [\n NgxTableComponent\n ]\n})\nexport class NgxTableModule { }\n","/\n * Public API Surface of ngx-table\n /\n\nexport from './lib/ngx-table.service';\nexport * from './lib/ngx-table.component';\nexport * from './lib/ngx-table.module';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/ngx-table.component.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class NgxTableComponent implements OnInit, OnChanges {
-    constructor();
     headRow: any[];
     headRowRender: any[];
     registers: any[];
@@ -12,7 +11,7 @@ export declare class NgxTableComponent implements OnInit, OnChanges {
     clickEvent: EventEmitter<Object>;
     checkSelectAll: any;
     configsDefault: any;
-    objectKeys(registers: any): any[];
+    objectKeys(registers: any): string[];
     onPageChange(): void;
     onKeySearch(): void;
     onRestarSeach(): void;
@@ -23,8 +22,11 @@ export declare class NgxTableComponent implements OnInit, OnChanges {
     getSelectedPices(): number;
     onChangeSelectAll(): void;
     checkedRegisters(): any[];
+    activeOrder(config: any): void;
+    onOrderChange(config: any): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    setConfigsDefault(key: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgxTableComponent, "ngx-table", never, { "headRow": "headRow"; "registers": "registers"; "configs": "configs"; }, { "changePage": "changePage"; "clickEvent": "clickEvent"; }, never, never>;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@experteam-mx/ngx-table",
-  "version": "2.0.0",
+  "version": "2.2.1",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^12.0.2",