@formio/angular 5.2.1-rc.2 → 5.2.1-rc.3

package/projects/angular-formio/auth/package.json

@@ -1,10 +0,0 @@
-{
-  "ngPackage": {
-    "lib": {
-      "umdModuleIds": {
-        "lodash": "_",
-        "formiojs": "formiojs"
-      }
-    }
-  }
-}

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

@@ -1,12 +0,0 @@
-<div class="card card-primary panel panel-default">
-  <div class="card-header panel-heading">
-    <ul class="nav nav-tabs card-header-tabs">
-      <li class="nav-item" role="presentation" routerLinkActive="active"><a class="nav-link" routerLink="login" routerLinkActive="active">Login</a></li>
-      <li class="nav-item" role="presentation" routerLinkActive="active"><a class="nav-link" routerLink="register" routerLinkActive="active">Register</a></li>
-      <li class="nav-item" role="presentation" routerLinkActive="active"><a class="nav-link" routerLink="resetpass" routerLinkActive="active">Reset Password</a></li>
-    </ul>
-  </div>
-  <div class="card-body panel-body">
-    <router-outlet></router-outlet>
-  </div>
-</div>

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

@@ -1,5 +0,0 @@
-import { Component } from '@angular/core';
-@Component({
-  templateUrl: './auth.component.html'
-})
-export class FormioAuthComponent {}

package/projects/angular-formio/auth/src/auth.config.ts

@@ -1,72 +0,0 @@
-import { Injectable } from '@angular/core';
-
-export interface FormioAuthFormConfig {
-  path?: string;
-  form?: string;
-  component?: any;
-}
-
-export interface FormioAuthRouteConfig {
-  auth?: any;
-  login?: any;
-  register?: any;
-  resetpass?: any;
-}
-
-@Injectable()
-export class FormioAuthConfig {
-  component?: any;
-  delayAuth?: any;
-  login?: FormioAuthFormConfig;
-  register?: FormioAuthFormConfig;
-  resetpass?: FormioAuthFormConfig;
-  oauth?: FormioOAuthConfig;
-}
-
-
-export interface FormioOAuthConfig {
-  type: FormioOauthType;
-  options: FormioOktaConfig | FormioSamlConfig;
-}
-
-export enum FormioOauthType {
-  okta = 'okta',
-  saml = 'saml',
-}
-
-export interface FormioOktaConfig extends OktaConfig {
-  formio?: any;
-}
-
-export interface FormioSamlConfig {
-  relay: string;
-}
-
-// for more details about Okta configuration options see https://github.com/okta/okta-auth-js#configuration-reference
-export interface OktaConfig {
-  url?: string;
-  tokenManager?: OktaTokenManagerConfig;
-  issuer?: string;
-  clientId?: string;
-  redirectUri?: string;
-  postLogoutRedirectUri?: string;
-  pkce?: boolean;
-  authorizeUrl?: string;
-  userinfoUrl?: string;
-  tokenUrl?: string;
-  ignoreSignature?: boolean;
-  maxClockSkew?: number;
-  scopes?: string[];
-  httpRequestClient?: Function;
-}
-
-export interface OktaTokenManagerConfig {
-  storage?: string | {
-    getItem?: Function;
-    setItem?: Function;
-  };
-  secure?: boolean;
-  autoRenew?: boolean;
-  expireEarlySeconds?: number;
-  storageKey?: string;
-}

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

@@ -1,33 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { FormioModule } from '@formio/angular';
-import { FormioAuthComponent } from './auth.component';
-import { FormioAuthLoginComponent } from './login/login.component';
-import { FormioAuthRegisterComponent } from './register/register.component';
-import { FormioResetPassComponent } from './resetpass/resetpass.component';
-import { FormioAuthRouteConfig } from './auth.config';
-import { FormioAuthRoutes } from './auth.routes';
-import { extendRouter } from '@formio/angular';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    FormioModule,
-    RouterModule
-  ],
-  declarations: [
-    FormioAuthComponent,
-    FormioAuthLoginComponent,
-    FormioAuthRegisterComponent,
-    FormioResetPassComponent
-  ]
-})
-export class FormioAuth {
-  static forRoot(config?: FormioAuthRouteConfig): any {
-    return extendRouter(FormioAuth, config, FormioAuthRoutes);
-  }
-  static forChild(config?: FormioAuthRouteConfig): any {
-    return extendRouter(FormioAuth, config, FormioAuthRoutes);
-  }
-}

package/projects/angular-formio/auth/src/auth.routes.ts

@@ -1,34 +0,0 @@
-import { Routes } from '@angular/router';
-import { FormioAuthRouteConfig } from './auth.config';
-import { FormioAuthComponent } from './auth.component';
-import { FormioAuthLoginComponent } from './login/login.component';
-import { FormioAuthRegisterComponent } from './register/register.component';
-import { FormioResetPassComponent } from './resetpass/resetpass.component';
-
-export function FormioAuthRoutes(config?: FormioAuthRouteConfig): Routes {
-  return [
-    {
-      path: '',
-      component: config && config.auth ? config.auth : FormioAuthComponent,
-      children: [
-        {
-          path: '',
-          redirectTo: 'login',
-          pathMatch: 'full'
-        },
-        {
-          path: 'login',
-          component: config && config.login ? config.login : FormioAuthLoginComponent
-        },
-        {
-          path: 'register',
-          component: config && config.register ? config.register : FormioAuthRegisterComponent
-        },
-        {
-          path: 'resetpass',
-          component: config && config.resetpass ? config.resetpass : FormioResetPassComponent
-        }
-      ]
-    }
-  ];
-}

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

@@ -1,201 +0,0 @@
-import { EventEmitter, Injectable, Inject } from '@angular/core';
-import { FormioAuthConfig } from './auth.config';
-import { FormioAppConfig } from '@formio/angular';
-import { get, each } from 'lodash';
-import { Formio } from 'formiojs';
-
-@Injectable()
-export class FormioAuthService {
-  public user: any;
-  public authenticated = false;
-
-  public loginForm: string;
-  public onLogin: EventEmitter<object>;
-  public onLogout: EventEmitter<object>;
-
-  public registerForm: string;
-  public onRegister: EventEmitter<object>;
-  public onUser: EventEmitter<object>;
-  public onError: EventEmitter<any>;
-
-  public resetPassForm: string;
-  public onResetPass: EventEmitter<object>;
-
-  public ready: Promise<boolean>;
-  public readyResolve: any;
-  public readyReject: any;
-
-  public projectReady?: Promise<any>;
-  public accessReady?: Promise<any>;
-  public userReady?: Promise<any>;
-  public formAccess: any = {};
-  public submissionAccess: any = {};
-  public roles: any;
-  public is: any = {};
-
-  constructor(
-    public appConfig: FormioAppConfig,
-    public config: FormioAuthConfig
-  ) {
-    this.user = null;
-
-    if (this.appConfig && this.appConfig.appUrl) {
-      Formio.setBaseUrl(this.appConfig.apiUrl);
-      Formio.setProjectUrl(this.appConfig.appUrl);
-      Formio.formOnly = !!this.appConfig.formOnly;
-    } else {
-      console.error('You must provide an AppConfig within your application!');
-    }
-
-    this.loginForm =
-      this.appConfig.appUrl +
-      '/' +
-      get(this.config, 'login.form', 'user/login');
-    this.registerForm =
-      this.appConfig.appUrl +
-      '/' +
-      get(this.config, 'register.form', 'user/register');
-    this.resetPassForm =
-      this.appConfig.appUrl +
-      '/' +
-      get(this.config, 'register.form', 'resetpass');
-    this.onLogin = new EventEmitter();
-    this.onLogout = new EventEmitter();
-    this.onRegister = new EventEmitter();
-    this.onUser = new EventEmitter();
-    this.onError = new EventEmitter();
-
-    this.ready = new Promise((resolve: any, reject: any) => {
-      this.readyResolve = resolve;
-      this.readyReject = reject;
-    });
-
-    // Register for the core events.
-    Formio.events.on('formio.badToken', () => this.logoutError());
-    Formio.events.on('formio.sessionExpired', () => this.logoutError());
-    if (!this.config.delayAuth) {
-      this.init();
-    }
-  }
-
-  onLoginSubmit(submission: object) {
-    this.setUser(submission);
-    this.onLogin.emit(submission);
-  }
-
-  onRegisterSubmit(submission: object) {
-    this.setUser(submission);
-    this.onRegister.emit(submission);
-  }
-
-  onResetPassSubmit(submission: object) {
-    this.onResetPass.emit(submission);
-  }
-
-  init() {
-    this.projectReady = Formio.makeStaticRequest(this.appConfig.appUrl).then(
-      (project: any) => {
-        each(project.access, (access: any) => {
-          this.formAccess[access.type] = access.roles;
-        });
-      },
-      (): any => {
-        this.formAccess = {};
-        return null;
-      }
-    );
-
-    // Get the access for this project.
-    this.accessReady = Formio.makeStaticRequest(
-      this.appConfig.appUrl + '/access'
-    ).then(
-      (access: any) => {
-        each(access.forms, (form: any) => {
-          this.submissionAccess[form.name] = {};
-          form.submissionAccess.forEach((subAccess: any) => {
-            this.submissionAccess[form.name][subAccess.type] = subAccess.roles;
-          });
-        });
-        this.roles = access.roles;
-        return access;
-      },
-      (): any => {
-        this.roles = {};
-        return null;
-      }
-    );
-
-    let currentUserPromise: Promise<any>;
-    if (this.config.oauth) {
-      // Make a fix to the hash to remove starting "/" that angular might put there.
-      if (window.location.hash && window.location.hash.match(/^#\/access_token/)) {
-        history.pushState(null, null, window.location.hash.replace(/^#\/access_token/, '#access_token'));
-      }
-
-      // Initiate the SSO if they provide oauth settings.
-      currentUserPromise = Formio.ssoInit(this.config.oauth.type, this.config.oauth.options);
-    } else {
-      currentUserPromise = Formio.currentUser();
-    }
-
-    this.userReady = currentUserPromise.then((user: any) => {
-      this.setUser(user);
-      return user;
-    });
-
-    // Trigger we are redy when all promises have resolved.
-    if (this.accessReady) {
-      this.accessReady
-        .then(() => this.projectReady)
-        .then(() => this.userReady)
-        .then(() => this.readyResolve(true))
-        .catch((err: any) => this.readyReject(err));
-    }
-  }
-
-  setUser(user: any) {
-    const namespace = Formio.namespace || 'formio';
-    if (user) {
-      this.user = user;
-      localStorage.setItem(`${namespace}AppUser`, JSON.stringify(user));
-      this.setUserRoles();
-    } else {
-      this.user = null;
-      this.is = {};
-      localStorage.removeItem(`${namespace}AppUser`);
-      Formio.clearCache();
-      Formio.setUser(null);
-    }
-
-    this.authenticated = !!Formio.getToken();
-    this.onUser.emit(this.user);
-  }
-
-  setUserRoles() {
-    if (this.accessReady) {
-      this.accessReady.then(() => {
-        each(this.roles, (role: any, roleName: string) => {
-          if (this.user.roles.indexOf(role._id) !== -1) {
-            this.is[roleName] = true;
-          }
-        });
-      });
-    }
-  }
-
-  logoutError() {
-    this.setUser(null);
-    const namespace = Formio.namespace || 'formio';
-    localStorage.removeItem(`${namespace}Token`);
-    this.onError.emit();
-  }
-
-  logout() {
-    this.setUser(null);
-    const namespace = Formio.namespace || 'formio';
-    localStorage.removeItem(`${namespace}Token`);
-    Formio.logout()
-      .then(() => this.onLogout.emit())
-      .catch(() => this.logoutError());
-  }
-}

package/projects/angular-formio/auth/src/index.ts

@@ -1,8 +0,0 @@
-export { FormioAuthConfig } from './auth.config';
-export { FormioAuthService } from './auth.service';
-export { FormioAuthComponent }  from './auth.component';
-export { FormioAuthLoginComponent } from './login/login.component';
-export { FormioAuthRegisterComponent } from './register/register.component';
-export { FormioResetPassComponent } from './resetpass/resetpass.component';
-export { FormioAuthRoutes } from './auth.routes';
-export { FormioAuth } from './auth.module';

package/projects/angular-formio/auth/src/login/login.component.html

@@ -1 +0,0 @@
-<formio [src]="service.loginForm" (submit)="service.onLoginSubmit($event)"></formio>

package/projects/angular-formio/auth/src/login/login.component.ts

@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-import { FormioAuthService } from '../auth.service';
-@Component({
-  templateUrl: './login.component.html'
-})
-export class FormioAuthLoginComponent {
-  constructor(public service: FormioAuthService) {}
-}

package/projects/angular-formio/auth/src/public_api.ts

@@ -1,5 +0,0 @@
-/*
- * Public API Surface of angular-formio
- */
-
-export * from './index';

package/projects/angular-formio/auth/src/register/register.component.html

@@ -1 +0,0 @@
-<formio [src]="service.registerForm" (submit)="service.onRegisterSubmit($event)"></formio>

package/projects/angular-formio/auth/src/register/register.component.ts

@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-import { FormioAuthService } from '../auth.service';
-@Component({
-  templateUrl: './register.component.html'
-})
-export class FormioAuthRegisterComponent {
-  constructor(public service: FormioAuthService) {}
-}

package/projects/angular-formio/auth/src/resetpass/resetpass.component.html

@@ -1 +0,0 @@
-<formio [src]="service.resetPassForm" (submit)="service.onResetPassSubmit($event)"></formio>

package/projects/angular-formio/auth/src/resetpass/resetpass.component.ts

@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-import { FormioAuthService } from '../auth.service';
-@Component({
-  templateUrl: './resetpass.component.html'
-})
-export class FormioResetPassComponent {
-  constructor(public service: FormioAuthService) {}
-}

package/projects/angular-formio/grid/package.json

@@ -1,11 +0,0 @@
-{
-  "ngPackage": {
-    "lib": {
-      "umdModuleIds": {
-        "lodash": "_",
-        "formiojs": "formiojs",
-        "ngx-bootstrap/pagination": "ngx-bootstrap/pagination"
-      }
-    }
-  }
-}

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

@@ -1,80 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1,23 +0,0 @@
-<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

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

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

@@ -1,15 +0,0 @@
-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

@@ -1,21 +0,0 @@
-<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

@@ -1,23 +0,0 @@
-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;
-    }
-  }
-}