diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts index 7461bd3841..3163d963a7 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts @@ -5,7 +5,6 @@ export * from './confirmation/confirmation.component'; export * from './loading/loading.component'; export * from './loader-bar/loader-bar.component'; export * from './modal/modal.component'; -export * from './pagination/pagination.component'; export * from './sort-order-icon/sort-order-icon.component'; export * from './table-empty-message/table-empty-message.component'; export * from './table/table.component'; diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/pagination/pagination.component.html b/npm/ng-packs/packages/theme-shared/src/lib/components/pagination/pagination.component.html deleted file mode 100644 index b42f45a148..0000000000 --- a/npm/ng-packs/packages/theme-shared/src/lib/components/pagination/pagination.component.html +++ /dev/null @@ -1,38 +0,0 @@ -
- {{ page }} -
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/pagination/pagination.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/pagination/pagination.component.ts deleted file mode 100644 index d6249d4f39..0000000000 --- a/npm/ng-packs/packages/theme-shared/src/lib/components/pagination/pagination.component.ts +++ /dev/null @@ -1,55 +0,0 @@ -import { Component, Input, OnInit, Output, EventEmitter, TrackByFunction } from '@angular/core'; - -@Component({ - selector: 'abp-pagination', - templateUrl: 'pagination.component.html', -}) -/** - * @deprecated - */ -export class PaginationComponent implements OnInit { - private _value = 1; - @Input() - get value(): number { - return this._value; - } - set value(newValue: number) { - if (this._value === newValue) return; - - this._value = newValue; - this.valueChange.emit(newValue); - } - - @Output() - readonly valueChange = new EventEmitter(); - - @Input() - totalPages = 0; - - get pageArray(): number[] { - const count = this.totalPages < 5 ? this.totalPages : 5; - - if (this.value === 1 || this.value === 2) { - return Array.from(new Array(count)).map((_, index) => index + 1); - } else if (this.value === this.totalPages || this.value === this.totalPages - 1) { - return Array.from(new Array(count)).map((_, index) => this.totalPages - count + 1 + index); - } else { - return [this.value - 2, this.value - 1, this.value, this.value + 1, this.value + 2]; - } - } - - trackByFn: TrackByFunction = (_, page) => page; - - ngOnInit() { - if (!this.value || this.value < 1 || this.value > this.totalPages) { - this.value = 1; - } - } - - changePage(page: number) { - if (page < 1) return; - else if (page > this.totalPages) return; - - this.value = page; - } -} diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/table-sort.directive.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/table-sort.directive.spec.ts index 5298af4dbd..ad43a11b87 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/tests/table-sort.directive.spec.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/table-sort.directive.spec.ts @@ -2,7 +2,6 @@ import { SpectatorDirective, createDirectiveFactory } from '@ngneat/spectator/je import { TableSortDirective } from '../directives/table-sort.directive'; import { TableComponent } from '../components/table/table.component'; import { DummyLocalizationPipe } from './table.component.spec'; -import { PaginationComponent } from '../components'; import { NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap'; describe('TableSortDirective', () => { @@ -10,7 +9,7 @@ describe('TableSortDirective', () => { let directive: TableSortDirective; const createDirective = createDirectiveFactory({ directive: TableSortDirective, - declarations: [TableComponent, DummyLocalizationPipe, PaginationComponent], + declarations: [TableComponent, DummyLocalizationPipe], imports: [NgbPaginationModule], }); diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts index d2bf2829c7..d456cebd34 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts @@ -1,7 +1,7 @@ import { Pipe, PipeTransform } from '@angular/core'; import { NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap'; import { createHostFactory, SpectatorHost } from '@ngneat/spectator/jest'; -import { PaginationComponent, TableComponent } from '../components'; +import { TableComponent } from '../components'; @Pipe({ name: 'abpLocalization', @@ -16,7 +16,7 @@ describe('TableComponent', () => { let spectator: SpectatorHost; const createHost = createHostFactory({ component: TableComponent, - declarations: [PaginationComponent, DummyLocalizationPipe], + declarations: [DummyLocalizationPipe], imports: [NgbPaginationModule], }); diff --git a/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts b/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts index 6afd044725..ab9afc5a56 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts @@ -14,7 +14,6 @@ import { LoaderBarComponent } from './components/loader-bar/loader-bar.component import { LoadingComponent } from './components/loading/loading.component'; import { ModalContainerComponent } from './components/modal/modal-container.component'; import { ModalComponent } from './components/modal/modal.component'; -import { PaginationComponent } from './components/pagination/pagination.component'; import { SortOrderIconComponent } from './components/sort-order-icon/sort-order-icon.component'; import { TableEmptyMessageComponent } from './components/table-empty-message/table-empty-message.component'; import { TableComponent } from './components/table/table.component'; @@ -59,7 +58,6 @@ export function ngxDatatableMessageFactory(store: Store) { LoadingComponent, ModalComponent, ModalContainerComponent, - PaginationComponent, TableComponent, TableEmptyMessageComponent, ToastComponent, @@ -80,7 +78,6 @@ export function ngxDatatableMessageFactory(store: Store) { LoaderBarComponent, LoadingComponent, ModalComponent, - PaginationComponent, TableComponent, TableEmptyMessageComponent, ToastComponent,