added forgot-password page & component #129

angular/app/components/forgot-password/forgot-password.component.html

@@ -0,0 +1,10 @@
+<form ng-submit="vm.submit()">
+    <div>
+        <md-input-container>
+            <label>Email</label>
+            <input type="email" ng-model="vm.email">
+        </md-input-container>
+    </div>
+
+    <md-button type="submit" class="LoginForm-submit md-primary md-raised">Submit</md-button>
+</form>

angular/app/components/forgot-password/forgot-password.component.js

@@ -0,0 +1,27 @@
+class ForgotPasswordController {
+    constructor(API, ToastService, $state) {
+        'ngInject';
+
+        this.API = API;
+        this.$state = $state;
+        this.ToastService = ToastService;
+
+        this.email = '';
+    }
+
+    submit() {
+        this.API.all('auth/forgot').post({
+            email: this.email
+        }).then(() => {
+            this.ToastService.show(`Please check your email for instructions on how to reset your password.`);
+            this.$state.go('app.landing');
+        });
+    }
+}
+
+export const ForgotPasswordComponent = {
+    templateUrl: './views/app/components/forgot-password/forgot-password.component.html',
+    controller: ForgotPasswordController,
+    controllerAs: 'vm',
+    bindings: {}
+}

angular/app/pages/forgot-password/forgot-password.page.html

@@ -0,0 +1,9 @@
+<md-content class="Page-container">
+    <div layout="column" layout-align="center center">
+
+        <h1 class="md-headline">Forgot your password?</h1>
+
+        <forgot-password></forgot-password>
+
+    </div>
+</md-content>

angular/config/routes.config.js

@@ -31,7 +31,7 @@ export function RoutesConfig($stateProvider, $urlRouterProvider) {
         })
         .state('app.login', {
 			url: '/login',
-			data: {},//{auth: true} would require JWT auth for this route
+			data: {},
 			views: {
 				'main@': {
 					templateUrl: getView('login')
@@ -40,11 +40,20 @@ export function RoutesConfig($stateProvider, $urlRouterProvider) {
 		})
         .state('app.register', {
             url: '/register',
-            data: {},//{auth: true} would require JWT auth for this route
+            data: {},
             views: {
                 'main@': {
                     templateUrl: getView('register')
                 }
             }
+        })
+        .state('app.forgot_password', {
+            url: '/forgot-password',
+            data: {},
+            views: {
+                'main@': {
+                    templateUrl: getView('forgot-password')
+                }
+            }
         });
 }

angular/index.components.js

@@ -1,7 +1,9 @@
+import {ForgotPasswordComponent} from './app/components/forgot-password/forgot-password.component';
 import {LoginFormComponent} from './app/components/login-form/login-form.component';
 import {RegisterFormComponent} from './app/components/register-form/register-form.component';
 
 angular.module('app.components')
+	.component('forgotPassword', ForgotPasswordComponent)
 	.component('loginForm', LoginFormComponent)
 	.component('registerForm', RegisterFormComponent);
 

app/Http/routes.php

@@ -19,13 +19,14 @@
 
 });
 
+//public API routes
 $api->group(['middleware' => ['api']], function ($api) {
 
     $api->controller('auth', 'Auth\AuthController');
 
 });
 
-//protected routes with JWT (must be logged in)
+//protected API routes with JWT (must be logged in)
 $api->group(['middleware' => ['api', 'api.auth']], function ($api) {
 
 });

tests/angular/app/components/forgot-password.component.spec.js

@@ -0,0 +1,11 @@
+ngDescribe({
+    name: 'Test forgot-password component',
+    modules: 'app',
+    element: '<forgot-password></forgot-password>',
+    tests: function (deps) {
+
+        it('basic test', () => {
+            //
+        });
+    }
+});