@formio/angular 5.2.1-rc.3 → 5.2.1

package/projects/angular-formio/grid/src/GridBodyComponent.ts

@@ -0,0 +1,80 @@
+import { Input, Output, EventEmitter, ViewChild, TemplateRef, Component } from '@angular/core';
+import { each, clone } from 'lodash';
+import { GridHeaderComponent } from './GridHeaderComponent';
+import { GridService } from './grid.service';
+import {FormioPromiseService} from '@formio/angular';
+
+@Component({
+  template: ''
+})
+export class GridBodyComponent {
+  @Input() header: GridHeaderComponent;
+  @Input() actionAllowed: any;
+  @Output() rowSelect: EventEmitter<any>;
+  @Output() rowAction: EventEmitter<any>;
+  @ViewChild(TemplateRef, {static: true}) template: TemplateRef<any>;
+  public rows: Array<any>;
+  public loading: Boolean;
+  public firstItem = 0;
+  public lastItem = 0;
+  public skip = 0;
+  public limit = 0;
+  public total = 0;
+  constructor(public service: GridService) {
+    this.rowSelect = new EventEmitter();
+    this.rowAction = new EventEmitter();
+    this.loading = true;
+  }
+
+  load(formio: FormioPromiseService, query?: any): Promise<any> {
+    return formio.loadForm(query);
+  }
+
+  onRowSelect(event, row) {
+    event.preventDefault();
+    this.rowSelect.emit(row);
+  }
+
+  onRowAction(event, row, action) {
+    event.preventDefault();
+    this.rowAction.emit({ row, action });
+  }
+
+  /**
+   * Set the rows for this Grid body.
+   *
+   * @param query
+   * @param items
+   * @return any
+   */
+  setRows(query: any, items: any) {
+    this.rows = [];
+
+    if (typeof items !== 'object') {
+      this.firstItem = 0;
+      this.lastItem = 0;
+      this.total = 0;
+      this.skip = 0;
+      this.loading = false;
+      this.service.setRows(this.rows);
+      
+      return this.rows;
+    }
+
+    this.firstItem = query.skip + 1;
+    this.lastItem = this.firstItem + items.length - 1;
+    if (this.lastItem === 0) {
+      this.firstItem = 0;
+    }
+    this.total = items.serverCount;
+    this.limit = query.limit;
+    this.skip = Math.floor(items.skip / query.limit) + 1;
+    this.loading = false;
+    each(items, (item: any) => {
+      this.rows.push(clone(item));
+    });
+    this.service.setRows(this.rows);
+
+    return this.rows;
+  }
+}

package/projects/angular-formio/grid/src/GridFooterComponent.ts

@@ -0,0 +1,25 @@
+import { GridFooterPositions } from './types/grid-footer-positions';
+import { Input, Output, ViewChild, TemplateRef, EventEmitter, Component } from '@angular/core';
+import { GridHeaderComponent } from './GridHeaderComponent';
+import { GridBodyComponent } from './GridBodyComponent';
+
+@Component({
+  template: ''
+})
+export class GridFooterComponent {
+  @Input() header: GridHeaderComponent;
+  @Input() body: GridBodyComponent;
+  @Input() createText: String;
+  @Input() size: number;
+  @Input() actionAllowed: any;
+  @Output() pageChanged: EventEmitter<any>;
+  @Output() createItem: EventEmitter<any>;
+  @ViewChild(TemplateRef, {static: true}) template: TemplateRef<any>;
+
+  public footerPositions = GridFooterPositions;
+
+  constructor() {
+    this.pageChanged = new EventEmitter();
+    this.createItem = new EventEmitter();
+  }
+}

package/projects/angular-formio/grid/src/GridHeaderComponent.ts

@@ -0,0 +1,25 @@
+import { Output, EventEmitter, ViewChild, TemplateRef, Input, Component } from '@angular/core';
+import {FormioPromiseService} from '@formio/angular';
+import {GridHeader} from './types/grid-header';
+
+@Component({
+  template: ''
+})
+export class GridHeaderComponent {
+  @Input() actionAllowed: any;
+  @Output() sort: EventEmitter<GridHeader>;
+  @ViewChild(TemplateRef, {static: true}) template: TemplateRef<any>;
+  public headers: Array<GridHeader>;
+  constructor() {
+    this.headers = [];
+    this.sort = new EventEmitter();
+  }
+
+  get numHeaders() {
+    return this.headers.length;
+  }
+
+  load(formio: FormioPromiseService, query?: any, columns?: Array<any>): Promise<any> {
+    return Promise.resolve([]);
+  }
+}

package/projects/angular-formio/grid/src/form/FormGridBody.component.html

@@ -0,0 +1,23 @@
+<ng-template>
+  <tbody *ngIf="rows">
+    <tr *ngFor="let form of rows">
+      <td>
+        <div class="row">
+          <div class="col-sm-8">
+            <a routerLink="{{form._id}}/view" (click)="onRowSelect($event, form)"><h5>{{ form.title }}</h5></a>
+            <div class="form-updated small text-muted">
+              Updated {{ form.modified | timeSince }} ago
+            </div>
+          </div>
+          <div class="col-sm-4">
+            <button *ngIf="actionAllowed('formView')" class="btn btn-outline-secondary btn-sm form-btn form-btn-use" (click)="onRowAction($event, form, 'view')"><span class="fa fa-pencil"></span> Enter Data</button>&nbsp;
+            <button *ngIf="actionAllowed('formSubmission')" class="btn btn-outline-secondary btn-sm form-btn" (click)="onRowAction($event, form, 'submission')"><span class="fa fa-list-alt"></span> View Data</button>&nbsp;
+            <button *ngIf="actionAllowed('formEdit')" class="btn btn-outline-secondary btn-sm form-btn" (click)="onRowAction($event, form, 'edit')"><span class="fa fa-edit"></span> Edit Form</button>&nbsp;
+            <button *ngIf="actionAllowed('formPermission')" class="btn btn-outline-secondary btn-sm form-btn" (click)="onRowAction($event, form, 'permissions')"><span class="fa fa-lock"></span> Permissions</button>&nbsp;
+            <button *ngIf="actionAllowed('formDelete')" class="btn btn-danger btn-sm form-btn form-btn-delete" (click)="onRowAction($event, form, 'delete')" title="Delete form"><span class="fa fa-trash"></span></button>
+          </div>
+        </div>
+      </td>
+    </tr>
+  </tbody>
+</ng-template>

package/projects/angular-formio/grid/src/form/FormGridBody.component.scss

@@ -0,0 +1,4 @@
+.form-btn {
+  font-size: 0.75rem;
+  margin: 2px 0;
+}

package/projects/angular-formio/grid/src/form/FormGridBody.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { GridBodyComponent } from '../GridBodyComponent';
+import { FormioPromiseService } from '@formio/angular';
+
+@Component({
+  selector: 'form-grid-body',
+  styleUrls: ['./FormGridBody.component.scss'],
+  templateUrl: './FormGridBody.component.html'
+})
+export class FormGridBodyComponent extends GridBodyComponent {
+  load(formio: FormioPromiseService, query?: any) {
+    query = query || {};
+    return formio.loadForms({ params: query }).then((forms: any) => this.setRows(query, forms));
+  }
+}

package/projects/angular-formio/grid/src/form/FormGridFooter.component.html

@@ -0,0 +1,21 @@
+<ng-template #footer let-position="position" let-label="label">
+  <thead class="formio-grid-footer" *ngIf="position === footerPositions.top">
+    <ng-container [ngTemplateOutlet]="defaultFooterTemplate" [ngTemplateOutletContext]="{ label: label }"></ng-container>
+  </thead>
+  <tfoot class="formio-grid-footer" *ngIf="position === footerPositions.bottom">
+    <ng-container [ngTemplateOutlet]="defaultFooterTemplate" [ngTemplateOutletContext]="{ label: label }"></ng-container>
+  </tfoot>
+</ng-template>
+
+<ng-template let-label="label" #defaultFooterTemplate>
+  <tr>
+    <td *ngIf="header" [colSpan]="header.numHeaders">
+      <button *ngIf="actionAllowed('formCreate')" class="btn btn-primary form-btn-use pull-left float-left" (click)="createItem.emit('form')"><i class="glyphicon glyphicon-plus fa fa-plus"></i> {{ createText }}</button>
+      <span class="pull-right float-right item-counter"><span class="page-num">{{ body.firstItem }} - {{ body.lastItem }}</span> / {{ body.total }} total</span>
+      <span [attr.aria-label]="label" role="navigation">
+        <pagination [totalItems]="body.total" [itemsPerPage]="body.limit" [(ngModel)]="body.skip" (pageChanged)="pageChanged.emit($event)" [maxSize]="size" class="justify-content-center pagination-sm">
+        </pagination>
+      </span>
+    </td>
+  </tr>
+</ng-template>

package/projects/angular-formio/grid/src/form/FormGridFooter.component.ts

@@ -0,0 +1,23 @@
+import {Component, ViewEncapsulation, OnInit } from '@angular/core';
+import { GridFooterComponent } from '../GridFooterComponent';
+
+@Component({
+  templateUrl: './FormGridFooter.component.html',
+  styleUrls: ['../grid.footer.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class FormGridFooterComponent extends GridFooterComponent implements OnInit {
+
+  constructor() {
+    super();
+  }
+
+  ngOnInit() {
+    if (!this.createText) {
+      this.createText = 'Create Form';
+    }
+    if (!this.size) {
+      this.size = 7;
+    }
+  }
+}

package/projects/angular-formio/grid/src/form/FormGridHeader.component.html

@@ -0,0 +1,18 @@
+<ng-template>
+  <thead>
+    <tr>
+      <th>
+        <div class="row">
+          <div class="col-sm-8">
+            <a (click)="sort.emit(header)">
+              {{ header.label }}&nbsp;<span [ngClass]="{'glyphicon-triangle-top fa-caret-up': (header.sort === 'asc'), 'glyphicon-triangle-bottom fa-caret-down': (header.sort === 'desc')}" class="glyphicon fa" *ngIf="header.sort"></span>
+            </a>
+          </div>
+          <div class="col-sm-4">
+            Operations
+          </div>
+        </div>
+      </th>
+    </tr>
+  </thead>
+</ng-template>

package/projects/angular-formio/grid/src/form/FormGridHeader.component.ts

@@ -0,0 +1,24 @@
+import {Component} from '@angular/core';
+import {GridHeaderComponent} from '../GridHeaderComponent';
+import {GridHeader, SortType} from '../types/grid-header';
+
+@Component({
+  selector: 'form-grid-header',
+  templateUrl: './FormGridHeader.component.html'
+})
+export class FormGridHeaderComponent extends GridHeaderComponent {
+  public header: GridHeader;
+  load(formio?: any) {
+    this.header = {
+      label: 'Title',
+      key: 'title',
+      sort: SortType.ASC
+    };
+    this.headers = [this.header];
+    return Promise.resolve(this.headers);
+  }
+
+  get numHeaders() {
+    return 2;
+  }
+}

package/projects/angular-formio/grid/src/form/index.ts

@@ -0,0 +1,8 @@
+import { FormGridHeaderComponent } from './FormGridHeader.component';
+import { FormGridBodyComponent } from './FormGridBody.component';
+import { FormGridFooterComponent } from './FormGridFooter.component';
+export default {
+  header: FormGridHeaderComponent,
+  body: FormGridBodyComponent,
+  footer: FormGridFooterComponent
+};

package/projects/angular-formio/grid/src/form/time-since.pipe.ts

@@ -0,0 +1,31 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'timeSince'
+})
+export class TimeSince implements PipeTransform {
+  transform(date: Date): string {
+    const elapsed = (new Date().getTime() - new Date(date).getTime()) / 1000;
+    let interval;
+    if (interval >= 1) {
+      return interval + ' year' + (interval > 1 ? 's' : '');
+    }
+    interval = Math.floor(elapsed / 2592000);
+    if (interval >= 1){
+      return interval + ' month' + (interval > 1 ? 's' : '');
+    }
+    interval = Math.floor(elapsed / 86400);
+    if (interval >= 1) {
+      return interval + ' day' + (interval > 1 ? 's' : '');
+    }
+    interval = Math.floor(elapsed / 3600);
+    if (interval >= 1) {
+      return interval + ' hour' + (interval > 1 ? 's' : '');
+    }
+    interval = Math.floor(elapsed / 60);
+    if (interval >= 1) {
+      return interval + ' minute' + (interval > 1 ? 's' : '');
+    }
+    return Math.floor(elapsed) + ' second' + (elapsed > 1 ? 's' : '');
+  }
+}

package/projects/angular-formio/grid/src/grid.component.html

@@ -0,0 +1,18 @@
+<ng-template #headerTemplate></ng-template>
+<ng-template #bodyTemplate></ng-template>
+<ng-template #footerTemplate></ng-template>
+<div class="formio-grid">
+  <formio-alerts [alerts]="alerts"></formio-alerts>
+  <table class="table table-bordered table-striped table-hover">
+    <ng-container *ngIf="initialized && [footerPositions.top, footerPositions.both].indexOf(footerPosition) !== -1"
+      [ngTemplateOutlet]="footer.template" [ngTemplateOutletContext]="{ position: footerPositions.top, label: label }">
+    </ng-container>
+    <ng-container *ngIf="initialized"
+      [ngTemplateOutlet]="header.template"></ng-container>
+    <formio-loader [isLoading]="isLoading"></formio-loader>
+    <ng-container *ngIf="initialized" [ngTemplateOutlet]="body.template"></ng-container>
+    <ng-container *ngIf="initialized && [footerPositions.bottom, footerPositions.both].indexOf(footerPosition) !== -1"
+      [ngTemplateOutlet]="footer.template" [ngTemplateOutletContext]="{ position: footerPositions.bottom, label: label }">
+    </ng-container>
+  </table>
+</div>

package/projects/angular-formio/grid/src/grid.component.scss

@@ -0,0 +1,9 @@
+.formio-grid {
+  position: relative;
+  width: 100%;
+}
+
+.grid-refresh {
+  height: 400px;
+  width: 100%;
+}

package/projects/angular-formio/grid/src/grid.component.ts

@@ -0,0 +1,242 @@
+import { GridFooterPositions } from './types/grid-footer-positions';
+import {
+  AfterViewInit,
+  ChangeDetectorRef,
+  Component,
+  ComponentFactoryResolver,
+  EventEmitter,
+  Input,
+  OnChanges,
+  OnInit,
+  Output,
+  ViewChild,
+  ViewContainerRef
+} from '@angular/core';
+import {FormioAlerts} from '@formio/angular';
+import {each} from 'lodash';
+import {Formio} from 'formiojs';
+import {GridHeaderComponent} from './GridHeaderComponent';
+import {GridBodyComponent} from './GridBodyComponent';
+import {GridFooterComponent} from './GridFooterComponent';
+import FormComponents from './form/index';
+import SubmissionComponents from './submission/index';
+import {FormioPromiseService} from '@formio/angular';
+import {GridColumn} from './types/grid-column';
+import {GridHeader, SortType} from './types/grid-header';
+
+@Component({
+  selector: 'formio-grid',
+  styleUrls: ['./grid.component.scss'],
+  templateUrl: './grid.component.html'
+})
+export class FormioGridComponent implements OnChanges, OnInit, AfterViewInit {
+  @Input() footerPosition = GridFooterPositions.bottom;
+  @Input() src?: string;
+  @Input() items?: Array<any>;
+  @Input() onForm?: Promise<any>;
+  @Input() query?: any;
+  @Input() refresh?: EventEmitter<object>;
+  @Input() columns?: Array<GridColumn>;
+  @Input() gridType?: string;
+  @Input() size?: number;
+  @Input() components?: any;
+  @Input() formio?: FormioPromiseService;
+  @Input() label?: string;
+  @Input() createText: String;
+  @Input() isActionAllowed: any;
+  @Output() select: EventEmitter<object>;
+  @Output() rowSelect: EventEmitter<object>;
+  @Output() rowAction: EventEmitter<object>;
+  @Output() createItem: EventEmitter<any>;
+  @Output() error: EventEmitter<any>;
+  @ViewChild('headerTemplate', {read: ViewContainerRef, static: true}) headerElement: ViewContainerRef;
+  @ViewChild('bodyTemplate', {read: ViewContainerRef, static: true}) bodyElement: ViewContainerRef;
+  @ViewChild('footerTemplate', {read: ViewContainerRef, static: true}) footerElement: ViewContainerRef;
+
+  public page = 0;
+  public isLoading = false;
+  public initialized = false;
+  public header: GridHeaderComponent;
+  public body: GridBodyComponent;
+  public footer: GridFooterComponent;
+  public footerPositions = GridFooterPositions;
+
+  constructor(
+    public alerts: FormioAlerts,
+    private resolver: ComponentFactoryResolver,
+    private ref: ChangeDetectorRef
+  ) {
+    this.select = this.rowSelect = new EventEmitter();
+    this.rowAction = new EventEmitter();
+    this.createItem = new EventEmitter();
+    this.error = new EventEmitter();
+    this.isLoading = true;
+  }
+
+  createComponent(property, component) {
+    const factory = this.resolver.resolveComponentFactory(component);
+    const componentRef = property.createComponent(factory);
+    return componentRef.instance;
+  }
+
+  loadGrid(src?: string) {
+    // If no source is provided, then skip.
+    if (!src && !this.formio) {
+      return;
+    }
+    // Do not double load.
+    if (this.formio && this.src && (src === this.src)) {
+      return;
+    }
+
+    if (src) {
+      this.src = src;
+      this.formio = new FormioPromiseService(this.src, { formOnly: true });
+    }
+
+    // Load the header.
+    this.header.load(this.formio, {}, this.columns)
+      .then(() => this.setPage(0))
+      .catch(error => this.onError(error));
+  }
+
+  ngOnInit() {
+    // Create our components.
+    const comps = this.components || ((this.gridType === 'form') ? FormComponents : SubmissionComponents);
+
+    this.header = this.createComponent(this.headerElement, comps.header);
+    this.header.actionAllowed = this.actionAllowed.bind(this);
+    this.header.sort.subscribe(header => this.sortColumn(header));
+
+    this.body = this.createComponent(this.bodyElement, comps.body);
+    this.body.header = this.header;
+    this.body.actionAllowed = this.actionAllowed.bind(this);
+    this.body.rowSelect.subscribe(row => this.rowSelect.emit(row));
+    this.body.rowAction.subscribe(action => this.rowAction.emit(action));
+
+    this.footer = this.createComponent(this.footerElement, comps.footer);
+    this.footer.header = this.header;
+    this.footer.body = this.body;
+    this.footer.actionAllowed = this.actionAllowed.bind(this);
+    this.footer.createText = this.createText;
+    this.footer.size = this.size;
+    this.footer.pageChanged.subscribe(page => this.pageChanged(page));
+    this.footer.createItem.subscribe(item => this.createItem.emit(item));
+  }
+
+  ngOnChanges(changes: any) {
+    if (this.initialized) {
+      if (
+        (changes.src && changes.src.currentValue) ||
+        (changes.formio && changes.formio.currentValue)
+      ) {
+        this.loadGrid(changes.src.currentValue);
+      }
+
+      if (changes.items && changes.items.currentValue) {
+        this.refreshGrid();
+      }
+    }
+
+    if (this.footer &&
+        (changes.createText && changes.createText.currentValue)) {
+      this.footer.createText = changes.createText.currentValue;
+    }
+  }
+
+  ngAfterViewInit() {
+    this.alerts.setAlerts([]);
+    this.query = this.query || {};
+    if (this.refresh) {
+      this.refresh.subscribe((query: object) => this.refreshGrid(query));
+    }
+    this.loadGrid(this.src);
+    this.initialized = true;
+    this.ref.detectChanges();
+  }
+
+  actionAllowed(action) {
+    if (this.isActionAllowed) {
+      return this.isActionAllowed(action);
+    } else {
+      return true;
+    }
+  }
+
+  onError(error: any) {
+    this.isLoading = false;
+    this.error.emit(error);
+    if (typeof error === 'string' || error.message) {
+      this.alerts.setAlert({
+        type: 'danger',
+        message: error.message || error
+      });
+    }
+  }
+
+  refreshGrid(query?: any) {
+    this.alerts.setAlerts([]);
+    this.query = query || this.query;
+    if (!this.query.hasOwnProperty('limit')) {
+      this.query.limit = 10;
+    }
+    if (!this.query.hasOwnProperty('skip')) {
+      this.query.skip = 0;
+    }
+    this.isLoading = true;
+    this.ref.detectChanges();
+    Formio.cache = {};
+    let loader = null;
+    if (this.items) {
+      loader = Promise.resolve(this.body.setRows(this.query, this.items));
+    } else {
+      loader = this.body.load(this.formio, this.query);
+    }
+
+    return loader.then(info => {
+      this.isLoading = false;
+      this.initialized = true;
+      this.ref.detectChanges();
+    }).catch(error => this.onError(error));
+  }
+
+  setPage(num = -1) {
+    this.page = num !== -1 ? num : this.page;
+    if (!this.query.hasOwnProperty('limit')) {
+      this.query.limit = 10;
+    }
+    if (!this.query.hasOwnProperty('skip')) {
+      this.query.skip = 0;
+    }
+    this.query.skip = this.page * this.query.limit;
+    this.refreshGrid();
+  }
+
+  sortColumn(header: GridHeader) {
+    // Reset all other column sorts.
+    each(this.header.headers, (col: any) => {
+      if (col.key !== header.key) {
+        col.sort = '';
+      }
+    });
+    switch (header.sort) {
+      case 'asc':
+        header.sort = SortType.DESC;
+        this.query.sort = '-' + header.key;
+        break;
+      case 'desc':
+        header.sort = undefined;
+        delete this.query.sort;
+        break;
+      case undefined:
+        header.sort = SortType.ASC;
+        this.query.sort = header.key;
+        break;
+    }
+    this.refreshGrid();
+  }
+
+  pageChanged(page: any) {
+    this.setPage(page.page - 1);
+  }
+}

package/projects/angular-formio/grid/src/grid.footer.scss

@@ -0,0 +1,14 @@
+tfoot.formio-grid-footer {
+  td {
+    padding: 0.3rem;
+  }
+
+  .page-num {
+    font-size: 1.4em;
+  }
+
+  ul.pagination {
+    margin-top: 5px;
+    margin-bottom: 0;
+  }
+}

package/projects/angular-formio/grid/src/grid.module.ts

@@ -0,0 +1,57 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { FormioModule } from '@formio/angular';
+import { FormioAlerts } from '@formio/angular';
+import { FormioGridComponent } from './grid.component';
+import { PaginationModule } from 'ngx-bootstrap/pagination';
+import { FormGridHeaderComponent } from './form/FormGridHeader.component';
+import { FormGridBodyComponent } from './form/FormGridBody.component';
+import { FormGridFooterComponent } from './form/FormGridFooter.component';
+import { SubmissionGridHeaderComponent } from './submission/SubmissionGridHeader.component';
+import { SubmissionGridBodyComponent } from './submission/SubmissionGridBody.component';
+import { SubmissionGridFooterComponent } from './submission/SubmissionGridFooter.component';
+import { GridHeaderComponent } from './GridHeaderComponent';
+import { GridBodyComponent } from './GridBodyComponent';
+import { GridFooterComponent } from './GridFooterComponent';
+import { GridService } from './grid.service';
+import { TimeSince } from './form/time-since.pipe'
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    FormioModule,
+    RouterModule,
+    PaginationModule.forRoot()
+  ],
+  declarations: [
+    FormioGridComponent,
+    FormGridHeaderComponent,
+    FormGridBodyComponent,
+    FormGridFooterComponent,
+    SubmissionGridHeaderComponent,
+    SubmissionGridBodyComponent,
+    SubmissionGridFooterComponent,
+    GridHeaderComponent,
+    GridBodyComponent,
+    GridFooterComponent,
+    TimeSince
+  ],
+  exports: [
+    FormioGridComponent
+  ],
+  entryComponents: [
+    FormGridHeaderComponent,
+    FormGridBodyComponent,
+    FormGridFooterComponent,
+    SubmissionGridHeaderComponent,
+    SubmissionGridBodyComponent,
+    SubmissionGridFooterComponent
+  ],
+  providers: [
+    FormioAlerts,
+    GridService
+  ]
+})
+export class FormioGrid {}

package/projects/angular-formio/grid/src/grid.service.ts

@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+import _intersection from 'lodash/intersection';
+
+@Injectable()
+export class GridService {
+  public rows: Array<any>;
+  constructor() {}
+
+  setRows(rows) {
+    this.rows = rows;
+  }
+
+  getFormsPerPage() {
+    return this.rows?.length;
+  }
+}