angular-stormpath 0.1.5 has pages for Ionic!

client/src/app/app.component.ts

@@ -2,8 +2,7 @@ import { Component } from '@angular/core';
 import { Platform } from 'ionic-angular';
 import { StatusBar, Splashscreen } from 'ionic-native';
 import { TabsPage } from '../pages/tabs/tabs';
-import { Stormpath } from 'angular-stormpath';
-import { LoginPage } from '../pages/auth/login/login';
+import { Stormpath, LoginPage } from 'angular-stormpath';
 
 @Component({
   templateUrl: 'app.html'

client/src/app/app.module.ts

@@ -5,10 +5,10 @@ import { AboutPage } from '../pages/about/about';
 import { ContactPage } from '../pages/contact/contact';
 import { HomePage } from '../pages/home/home';
 import { TabsPage } from '../pages/tabs/tabs';
-import { StormpathConfiguration, StormpathModule } from 'angular-stormpath';
-import { LoginPage } from '../pages/auth/login/login';
-import { ForgotPasswordPage } from '../pages/auth/forgot/forgot';
-import { RegisterPage } from '../pages/auth/register/register';
+import {
+  StormpathConfiguration, StormpathModule, StormpathIonicModule, LoginPage,
+  RegisterPage, ForgotPasswordPage
+} from 'angular-stormpath';
 import { BeerPage } from '../pages/beer/beer';
 import { BeerService } from '../providers/beer-service';
 import { GiphyService } from '../providers/giphy-service';
@@ -28,15 +28,13 @@ export function stormpathConfig(): StormpathConfiguration {
     ContactPage,
     HomePage,
     TabsPage,
-    LoginPage,
-    ForgotPasswordPage,
-    RegisterPage,
     BeerPage,
     BeerModalPage
   ],
   imports: [
     IonicModule.forRoot(MyApp),
-    StormpathModule
+    StormpathModule,
+    StormpathIonicModule
   ],
   bootstrap: [IonicApp],
   entryComponents: [

client/src/pages/auth/forgot/forgot.html

@@ -1,32 +0,0 @@
-<ion-header>
-  <ion-navbar>
-    <ion-title>
-      Forgot Password
-    </ion-title>
-  </ion-navbar>
-</ion-header>
-<ion-content padding>
-  <p *ngIf="sent">
-    We have sent a password reset link to the email address of the account that you specified.
-    Please check your email for this message, then click on the link.<br>
-    <button ion-button type="button" (click)="showLogin()">Back to Login</button>
-  </p>
-  <ion-row>
-    <ion-col>
-      <form *ngIf="!sent" #registerForm="ngForm" (ngSubmit)="onSubmit(registerForm.value)" autocomplete="off">
-        <ion-list inset>
-          <ion-item>
-            <ion-input name="email" type="email" id="spEmail" [(ngModel)]="forgotPasswordFormModel.email"
-                       placeholder="Your Email Address" [disabled]="posting" required></ion-input>
-          </ion-item>
-        </ion-list>
-        <ion-row>
-          <ion-col>
-            <p class="text-danger" *ngIf="error">{{error}}</p>
-            <button ion-button type="submit" full [disabled]="!registerForm.form.valid || posting">Request Password Reset</button>
-          </ion-col>
-        </ion-row>
-      </form>
-    </ion-col>
-  </ion-row>
-</ion-content>

client/src/pages/auth/forgot/forgot.ts

@@ -1,8 +0,0 @@
-import { ForgotPasswordComponent } from 'angular-stormpath';
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'page-forgot-password',
-  templateUrl: './forgot.html'
-})
-export class ForgotPasswordPage extends ForgotPasswordComponent {}

client/src/pages/auth/login/login.html

@@ -1,33 +0,0 @@
-<ion-header>
-  <ion-navbar>
-    <ion-title>
-      Login
-    </ion-title>
-  </ion-navbar>
-</ion-header>
-<ion-content padding>
-  <form #loginForm="ngForm" (ngSubmit)="login(loginForm.value)" autocomplete="off">
-    <ion-row>
-      <ion-col>
-        <ion-list inset>
-          <ion-item>
-            <ion-input placeholder="Email" name="login" id="loginField" type="text"
-                       required [(ngModel)]="loginFormModel.login" #email></ion-input>
-          </ion-item>
-          <ion-item>
-            <ion-input placeholder="Password" name="password" id="passwordField"
-                       type="password" required [(ngModel)]="loginFormModel.password"></ion-input>
-          </ion-item>
-        </ion-list>
-      </ion-col>
-    </ion-row>
-    <ion-row>
-      <ion-col>
-        <div *ngIf="error" class="alert alert-danger">{{error}}</div>
-        <button ion-button class="submit-btn" full type="submit" [disabled]="!loginForm.form.valid">Login</button>
-        <button ion-button class="forgot-btn" type="button" block clear (click)="forgot()">Forgot Password?</button>
-        <button ion-button class="create-btn" type="button" block clear (click)="register()">Create Account</button>
-      </ion-col>
-    </ion-row>
-  </form>
-</ion-content>

client/src/pages/auth/login/login.ts

@@ -1,32 +0,0 @@
-import { Component, ViewChild } from '@angular/core';
-import { LoginComponent} from 'angular-stormpath';
-import { NavController } from 'ionic-angular';
-import { Stormpath, LoginService } from 'angular-stormpath';
-import { ForgotPasswordPage } from '../forgot/forgot';
-import { RegisterPage } from '../register/register';
-
-@Component({
-  selector: 'page-login',
-  templateUrl: './login.html'
-})
-export class LoginPage extends LoginComponent {
-  @ViewChild('email') email;
-
-  constructor(stormpath: Stormpath, loginService: LoginService, private nav: NavController) {
-    super(stormpath, loginService);
-  }
-
-  forgot() {
-    this.nav.push(ForgotPasswordPage);
-  }
-
-  register() {
-    this.nav.push(RegisterPage);
-  }
-
-  ionViewDidLoad() {
-    setTimeout(() => {
-      this.email.setFocus();
-    },150);
-  }
-}

client/src/pages/auth/register/register.html

@@ -1,35 +0,0 @@
-<ion-header>
-  <ion-navbar>
-    <ion-title>
-      Create Account
-    </ion-title>
-  </ion-navbar>
-</ion-header>
-<ion-content padding>
-  <form *ngIf="!registered" (ngSubmit)="onSubmit()" autocomplete="off" #registerForm="ngForm">
-    <ion-row>
-      <ion-col>
-        <ion-list inset>
-          <ion-item *ngFor="let field of model?.form?.fields">
-            <ion-input [name]="field.name" [id]="field.name" [type]="field.type"
-                       [(ngModel)]="formModel[field.name]" [placeholder]="field.placeholder"
-                       [disabled]="creating" [required]="field.required"></ion-input>
-          </ion-item>
-        </ion-list>
-      </ion-col>
-    </ion-row>
-    <ion-row>
-      <ion-col>
-        <div *ngIf="error" class="alert alert-danger">{{error}}</div>
-        <button ion-button type="submit" full [disabled]="!registerForm.form.valid">Register</button>
-      </ion-col>
-    </ion-row>
-  </form>
-  <p *ngIf="unverified" class="alert alert-success">
-    Your account has been created and requires verification.
-    Please check your email for a verification link.
-  </p>
-  <p class="alert alert-success" *ngIf="canLogin">
-    Your account has been created, you may now log in.
-  </p>
-</ion-content>

client/src/pages/auth/register/register.ts

@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import { RegisterComponent } from 'angular-stormpath';
-
-@Component({
-  selector: 'page-register',
-  templateUrl: './register.html'
-})
-export class RegisterPage extends RegisterComponent {
-
-  // fix for view model not always loading
-  ionViewDidLoad(): void {
-    super.ngOnInit();
-  }
-}

client/src/pages/beer/beer-modal.ts

@@ -3,7 +3,6 @@ import { Component, ViewChild } from '@angular/core';
 import { GiphyService } from '../../providers/giphy-service';
 import { NavParams, ViewController, ToastController, NavController } from 'ionic-angular';
 import { NgForm } from '@angular/forms';
-import { BeerPage } from './beer';
 
 @Component({
   templateUrl: './beer-modal.html'

client/yarn.lock

@@ -2038,11 +2038,11 @@ punycode@^1.2.4, punycode@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
 
-qs@6.2.0:
+qs@6.2.0, qs@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.2.0.tgz#3b7848c03c2dece69a9522b0fae8c4126d745f3b"
 
-qs@^6.2.0, qs@~6.3.0:
+qs@~6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.3.0.tgz#f403b264f23bc01228c74131b407f18d5ea5d442"
 
@@ -2302,6 +2302,12 @@ rxjs@5.0.0-beta.12:
   dependencies:
     symbol-observable "^1.0.1"
 
+rxjs@5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.0.3.tgz#fc8bdf464ebf938812748e4196788f392fef9754"
+  dependencies:
+    symbol-observable "^1.0.1"
+
 safe-json-parse@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/safe-json-parse/-/safe-json-parse-1.0.1.tgz#3e76723e38dfdda13c9b1d29a1e07ffee4b30b57"