Merge pull request #184 from Gid733/master

Added support for pagesize & sorting save for plugins

Author: renemadsen

eform-client/src/app/plugins/modules/shared/components/index.ts

@@ -2,3 +2,4 @@ export * from './pagination-pn/pagination-pn.component';
 export * from './spinner-pn/spinner-pn.component';
 export * from './subheader-pn/subheader-pn.component';
 export * from './text-editor-pn/pell-pn.component';
+export * from './page-size-pn/page-size-pn.component';

eform-client/src/app/plugins/modules/shared/components/page-size-pn/page-size-pn.component.html

@@ -0,0 +1,8 @@
+<ng-select
+  [items]="pageSizes"
+  (ngModelChange)="updateCurrentPageSettings($event)"
+  [clearable]="false"
+  [(ngModel)]="pageSize"
+  dropdownPosition="top"
+  [placeholder]="'Display' | translate">
+</ng-select>

eform-client/src/app/plugins/modules/shared/components/page-size-pn/page-size-pn.component.ts

@@ -0,0 +1,18 @@
+import {Component, EventEmitter, Input, Output} from '@angular/core';
+
+@Component({
+  selector: 'page-size-pn',
+  templateUrl: './page-size-pn.component.html'
+})
+export class PageSizePnComponent {
+  @Input() pageSize: number;
+  @Output() onPageSizeChanged: EventEmitter<number> = new EventEmitter<number>();
+  pageSizes = [5, 10, 100, 1000, 100000];
+
+  constructor() {
+  }
+
+  updateCurrentPageSettings(e: any) {
+    this.onPageSizeChanged.emit(e);
+  }
+}

eform-client/src/app/plugins/modules/shared/services/index.ts

@@ -0,0 +1 @@
+export * from './shared-pn.service';

eform-client/src/app/plugins/modules/shared/services/shared-pn.service.ts

@@ -0,0 +1,34 @@
+import {HttpClient} from '@angular/common/http';
+import {Injectable} from '@angular/core';
+import {Router} from '@angular/router';
+import {ToastrService} from 'ngx-toastr';
+import {
+  ApplicationPageModel,
+  PageSettingsModel
+} from 'src/app/common/models';
+import {BaseService} from 'src/app/common/services/base.service';
+
+@Injectable()
+export class SharedPnService extends BaseService {
+  constructor(private _http: HttpClient, router: Router,
+              toastrService: ToastrService) {
+    super(_http, router, toastrService);
+  }
+
+  initLocalPageSettings(localStorageItemName: string, item: ApplicationPageModel) {
+    if (!localStorage.getItem(localStorageItemName)) {
+      localStorage.setItem(localStorageItemName, JSON.stringify(item));
+    }
+  }
+
+  getLocalPageSettings(localStorageItemName: string): ApplicationPageModel {
+    const localPagesSettings = localStorage.getItem(localStorageItemName);
+    return <ApplicationPageModel> JSON.parse(localPagesSettings);
+  }
+
+  updateLocalPageSettings(localStorageItemName: string, model: PageSettingsModel) {
+    const localPagesSettings = <ApplicationPageModel> JSON.parse(localStorage.getItem(localStorageItemName));
+    localPagesSettings.settings = model;
+    localStorage.setItem(localStorageItemName, JSON.stringify(localPagesSettings));
+  }
+}

eform-client/src/app/plugins/modules/shared/shared-pn.module.ts

@@ -1,14 +1,26 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import {FormsModule} from '@angular/forms';
+import {NgSelectModule} from '@ng-select/ng-select';
 import {TranslateModule} from '@ngx-translate/core';
-import {PaginationPnComponent, PellPnComponent, SpinnerPnComponent, SubheaderPnComponent} from './components';
+import {SharedPnService} from 'src/app/plugins/modules/shared/services';
+import {
+  PageSizePnComponent,
+  PaginationPnComponent,
+  PellPnComponent,
+  SpinnerPnComponent,
+  SubheaderPnComponent
+} from './components';
 
 @NgModule({
   imports: [
     CommonModule,
-    TranslateModule
+    TranslateModule,
+    NgSelectModule,
+    FormsModule
   ],
-  declarations: [SpinnerPnComponent, PaginationPnComponent, SubheaderPnComponent, PellPnComponent],
-  exports: [SpinnerPnComponent, PaginationPnComponent, SubheaderPnComponent, PellPnComponent]
+  declarations: [SpinnerPnComponent, PaginationPnComponent, SubheaderPnComponent, PellPnComponent, PageSizePnComponent],
+  exports: [SpinnerPnComponent, PaginationPnComponent, SubheaderPnComponent, PellPnComponent, PageSizePnComponent],
+  providers: [SharedPnService]
 })
 export class SharedPnModule { }