pagination & pagination demo 1st done

2020-06-11 15:34:36 -05:00
parent b810163be3
commit 7c67d81439
12 changed files with 185 additions and 1 deletions
@@ -0,0 +1,3 @@
+<pagination [totalItems]="pages.length" [itemsPerPage]="1" [maxSize]="10"
+(pageChanged)="pageChanged($event)" 
+[boundaryLinks]='true' previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;"></pagination>
@@ -0,0 +1,26 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { IDataSource } from '@poweredsoft/data';
+
+@Component({
+  selector: 'psbx-ds-pagination',
+  templateUrl: './data-source-pagination.component.html',
+  styleUrls: ['./data-source-pagination.component.scss']
+})
+export class DataSourcePaginationComponent implements OnInit {
+
+  @Input() pages: any[];
+  @Input() dataSource: IDataSource<any>
+
+  totalItems:Number;
+
+  constructor() { }
+
+  pageChanged(event){
+    this.dataSource.page = event.page;
+  }
+
+  ngOnInit(): void {
+    
+  }
+
+}
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DataSourcePaginationComponent } from './data-source-pagination/data-source-pagination.component';
+import { PaginationModule } from 'ngx-bootstrap/pagination';
+
+
+@NgModule({
+  declarations: [DataSourcePaginationComponent],
+  imports: [
+    CommonModule,
+    PaginationModule.forRoot(),
+  ],
+  exports:[DataSourcePaginationComponent]
+})
+export class psbxPaginationModule { }
@@ -5,4 +5,6 @@
 export * from './lib/command-modal/command-modal.module';
 export * from './lib/command-modal/directives/command-modal.directive';
 export * from './lib/form-group-command-modal/form-group-command-modal.module';
-export * from './lib/form-group-command-modal/directives/form-group-command-modal.directive';
+export * from './lib/form-group-command-modal/directives/form-group-command-modal.directive';
+export * from './lib/pagination/psbxPagination.module';
+export * from './lib/pagination/data-source-pagination/data-source-pagination.component';