added option to hide pagination range

Author: Sebastian Superczynski

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-easy-table",
-  "version": "2.1.4",
+  "version": "2.2.0",
   "description": "Angular easy table",
   "typings": "index.ts",
   "repository": "https://github.com/ssuperczynski/ngx-easy-table.git",

package.json

@@ -19,6 +19,7 @@ export class ConfigService {
     serverPagination: false,
     isLoading: false,
     detailsTemplate: false,
-    groupRows: false
+    groupRows: false,
+    paginationRangeEnabled: false,
   };
 }

src/app/app.service.ts

@@ -1,7 +1,8 @@
 import {
-  ChangeDetectionStrategy, Component, EventEmitter, Input, Output
+  ChangeDetectionStrategy, Component, EventEmitter, Input, Output, OnInit
 } from '@angular/core';
 import { ConfigService } from '../../services/config-service';
+import { Config } from '../../model/config';
 
 @Component({
   selector: 'pagination',
@@ -10,13 +11,14 @@ import { ConfigService } from '../../services/config-service';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 
-export class PaginationComponent {
+export class PaginationComponent implements OnInit {
   @Input() pagination;
   @Input() id;
   @Output() updateRange = new EventEmitter();
-  ranges = [5, 10, 25, 50, 100];
-  limit = ConfigService.config.rows;
-  showRange = false;
+  public config: Config;
+  public ranges = [5, 10, 25, 50, 100];
+  public limit = ConfigService.config.rows;
+  public showRange = false;
 
   onPageChange($event) {
     this.updateRange.emit({
@@ -33,4 +35,8 @@ export class PaginationComponent {
       limit: limit
     });
   }
+
+  ngOnInit() {
+    this.config = ConfigService.config;
+  }
 }

src/app/ngx-easy-table/components/pagination/pagination.component.ts

@@ -8,7 +8,7 @@
       (pageChange)="onPageChange($event)">
     </pagination-controls>
   </div>
-  <div class="pagination-mobile">
+  <div class="pagination-mobile" *ngIf="config.paginationRangeEnabled">
     <div class="ngx-dropdown ngx-range-dropdown ngx-float-right"
          [class.ngx-active]="showRange"
          id="rowAmount">

src/app/ngx-easy-table/components/pagination/pagination.html

@@ -15,4 +15,5 @@ export interface Config {
   isLoading: boolean;
   detailsTemplate: boolean;
   groupRows: boolean;
+  paginationRangeEnabled: boolean;
 }

src/app/ngx-easy-table/model/config.ts

@@ -20,5 +20,6 @@ export class ConfigService {
     isLoading: true,
     detailsTemplate: false,
     groupRows: false,
+    paginationRangeEnabled: true,
   };
 }