signup-email.ts

import { Component, NgZone, ViewChild } from '@angular/core';
import { IonicPage, TextInput, Platform, NavParams, NavController, ViewController, ModalController, ToastController, AlertController, LoadingController, ActionSheetController } from 'ionic-angular';

import { BasePublicPage } from '../../pages/base-public-page/base-public-page';

import { SignupCheckPage } from '../../pages/signup-check/signup-check';
import { SigninUrlPage } from '../../pages/signin-url/signin-url';

import { Email } from '../../models/email';
import { Organization } from '../../models/organization';

import { ApiProvider } from '../../providers/api/api';
import { StorageProvider } from '../../providers/storage/storage';

@IonicPage({
  name: 'SignupEmailPage',
  segment: 'signup',
  defaultHistory: ['SigninUrlPage']
})
@Component({
  selector: 'page-signup-email',
  templateUrl: 'signup-email.html',
  providers: [ ApiProvider, StorageProvider ],
  entryComponents:[ SignupCheckPage]
})
export class SignupEmailPage extends BasePublicPage {

  @ViewChild('email')
  email:TextInput;
  showBackButton:boolean = false;

  constructor(
      protected zone:NgZone,
      protected platform:Platform,
      protected navParams:NavParams,
      protected navController:NavController,
      protected viewController:ViewController,
      protected modalController:ModalController,
      protected toastController:ToastController,
      protected alertController:AlertController,
      protected loadingController:LoadingController,
      protected actionController:ActionSheetController,
      protected api:ApiProvider,
      protected storage:StorageProvider) {
      super(zone, platform, navParams, navController, viewController, modalController, toastController, alertController, loadingController, actionController, storage);
  }

  ionViewWillEnter() {
    super.ionViewWillEnter();
    this.showBackButton = this.getParameter<boolean>("showBackButton");
  }

  ionViewDidEnter() {
    super.ionViewDidEnter();
    this.analytics.trackPage(this);

    if (this.hasParameter('email')) {
      this.email.value = decodeURIComponent(this.getParameter('email'));
      this.showNext(undefined);
    }
  }

  private showNext(event:any) {
    this.logger.info(this, "showNext");
    if (this.email.value.length == 0) {
      this.showToast("Please enter your email");
      setTimeout(() => {
        this.email.setFocus();
      }, 500);
    }
    else if (this.email.value.indexOf("@") == -1) {
      this.showToast("Please enter a valid email");
      setTimeout(() => {
        this.email.setFocus();
      }, 500);
    }
    else {
      let loading = this.showLoading("Registering...", true);
      this.api.registerEmail(this.email.value).then((email:Email) => {
        loading.dismiss();
        let organization = new Organization({});
        organization.email = this.email.value;
        this.storage.setOrganization(organization).then((stored:boolean) => {
          this.showModal(SignupCheckPage, {
            organization: organization
          }, {
            enableBackdropDismiss: false
          });
        });
      },
      (error:any) => {
        loading.dismiss();
        this.showAlert("Email Signup", error);
      });
    }
  }

  private showNextOnReturn(event:any) {
    if (this.isKeyReturn(event)) {
      this.hideKeyboard();
      this.showNext(event);
      return false;
    }
    return true;
  }

  private signinToOrganization(event:any) {
    this.logger.info(this, "signinToOrganization");
    this.showModal(SigninUrlPage, {});
  }

  private closeModal(event:any=null) {
    this.hideModal();
  }

}