reset password works

Author: seanmavley

app/auth/auth.component.ts

@@ -1,7 +1,7 @@
-import { Component } from '@angular/core';
+import { Component, Inject } from '@angular/core';
 import { Router } from '@angular/router';
 
-import { AngularFire, FirebaseAuth, AngularFireAuth } from 'angularfire2';
+import { AngularFire, FirebaseApp } from 'angularfire2';
 
 @Component({
   templateUrl: 'app/auth/signup.component.html'
@@ -68,11 +68,25 @@ export class LoginComponent {
 })
 
 export class ResetpassComponent {
-  constructor(private af: AngularFire) { }
+  public auth: any;
+  public message: any;
+  constructor(private af: AngularFire, @Inject(FirebaseApp) firebaseApp: any) {
+    this.auth = firebaseApp.auth()
+    console.log(this.auth);
+  }
 
   onSubmit(formData) {
      if(formData.valid) {
        console.log('Submission worked');
+       this.auth.sendPasswordResetEmail(formData.value.email)
+         .then( (response) => {
+           console.log('Sent successfully');
+           this.message = 'Check your email for reset link';
+         })
+         .catch( (error) => {
+           this.message = error;
+           console.log(error);
+         })
      }
   }
 }

app/auth/resetpassword.component.html

@@ -1,17 +1,20 @@
 <div class="row">
     <div class="small-12 medium-8 medium-centered large-6 large-centered columns">
-        TODO
+        <div class="callout" *ngIf="message">
+            {{ message }}
+        </div>
         <h2>Reset Password</h2>
         <form #formData='ngForm' (ngSubmit)="onSubmit(formData)">
             <div class="row">
                 <div class="small-12 columns">
                     <label> Enter email address
-                        <input type="email" name="email" placeholder="e.g [email protected]" (ngModel)="email" requred>
+                        <input type="email" name="email" placeholder="e.g [email protected]" (ngModel)="email" required>
                     </label>
                 </div>
                 <div class="small-12 columns">
                     <button type="submit" class="button" [disabled]="!formData.valid">Submit</button>
                     <br/>
+                    {{ formData.valid }}
                     <a routerLink="/">Cancel</a>
                 </div>
             </div>

npm-debug.log

@@ -0,0 +1,45 @@
+0 info it worked if it ends with ok
+1 verbose cli [ '/usr/bin/nodejs', '/usr/bin/npm', 'start' ]
+2 info using [email protected]
+3 info using [email protected]
+4 verbose run-script [ 'prestart', 'start', 'poststart' ]
+5 info lifecycle [email protected]~prestart: [email protected]
+6 silly lifecycle [email protected]~prestart: no script for prestart, continuing
+7 info lifecycle [email protected]~start: [email protected]
+8 verbose lifecycle [email protected]~start: unsafe-perm in lifecycle true
+9 verbose lifecycle [email protected]~start: PATH: /usr/lib/node_modules/npm/bin/node-gyp-bin:/home/khophi/Developments/Firebase/Angular2FireAuth/node_modules/.bin:/usr/bin:/home/khophi/.config/composer/vendor/bin:/home/khophi/.rbenv/plugins/ruby-build/bin:/home/khophi/.rbenv/shims:/home/khophi/.rbenv/bin:/home/khophi/npm-global/bin:/home/khophi/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin:/home/khophi/Android/Sdk/tools:/home/khophi/Android/Sdk/platform-tools:/home/khophi/.gem/ruby/2.2.0/bin:/home/khophi/Developments/AppEngine:/opt/robomongo/bin/robomongo
+10 verbose lifecycle [email protected]~start: CWD: /home/khophi/Developments/Firebase/Angular2FireAuth
+11 silly lifecycle [email protected]~start: Args: [ '-c', 'tsc && concurrently "tsc -w" "lite-server" ' ]
+12 silly lifecycle [email protected]~start: Returned: code: 2  signal: null
+13 info lifecycle [email protected]~start: Failed to exec start script
+14 verbose stack Error: [email protected] start: `tsc && concurrently "tsc -w" "lite-server" `
+14 verbose stack Exit status 2
+14 verbose stack     at EventEmitter.<anonymous> (/usr/lib/node_modules/npm/lib/utils/lifecycle.js:239:16)
+14 verbose stack     at emitTwo (events.js:100:13)
+14 verbose stack     at EventEmitter.emit (events.js:185:7)
+14 verbose stack     at ChildProcess.<anonymous> (/usr/lib/node_modules/npm/lib/utils/spawn.js:24:14)
+14 verbose stack     at emitTwo (events.js:100:13)
+14 verbose stack     at ChildProcess.emit (events.js:185:7)
+14 verbose stack     at maybeClose (internal/child_process.js:850:16)
+14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:215:5)
+15 verbose pkgid [email protected]
+16 verbose cwd /home/khophi/Developments/Firebase/Angular2FireAuth
+17 error Linux 4.4.0-38-generic
+18 error argv "/usr/bin/nodejs" "/usr/bin/npm" "start"
+19 error node v5.12.0
+20 error npm  v3.8.6
+21 error code ELIFECYCLE
+22 error [email protected] start: `tsc && concurrently "tsc -w" "lite-server" `
+22 error Exit status 2
+23 error Failed at the [email protected] start script 'tsc && concurrently "tsc -w" "lite-server" '.
+23 error Make sure you have the latest version of node.js and npm installed.
+23 error If you do, this is most likely a problem with the angular-quickstart package,
+23 error not with npm itself.
+23 error Tell the author that this fails on your system:
+23 error     tsc && concurrently "tsc -w" "lite-server"
+23 error You can get information on how to open an issue for this project with:
+23 error     npm bugs angular-quickstart
+23 error Or if that isn't available, you can get their info via:
+23 error     npm owner ls angular-quickstart
+23 error There is likely additional logging output above.
+24 verbose exit [ 1, true ]