Reset password

src/app/login.service.spec.ts

@@ -207,4 +207,14 @@ describe('LoginService', () => {
 		expect(NavbarMock.checkLoggedIn).toHaveBeenCalled();
 		httpMock.verify();
 	});
+
+	it('should call /api/forgot_password correctly', () => {
+		let httpMock = TestBed.get(HttpTestingController);
+		service.resetPassword('testRCS');
+		let req = httpMock.expectOne(apiServer + '/api/forgot_password');
+		req.flush("");
+		expect(req.request.method).toBe('POST');
+    		expect(req.request.body).toBe('{"rcsid":"testRCS"}');
+		httpMock.verify();
+	});
 });

src/app/login.service.ts

@@ -99,6 +99,19 @@ export class LoginService implements CanActivate {
 		);
 	}
 
+	resetPassword(RCSid):void {
+		const headers = new HttpHeaders().set('Content-Type', 'application/json');
+		let body = JSON.stringify({rcsid:RCSid});
+		this.http.post<any>(apiServer + "/api/forgot_password", body, {headers: headers}).subscribe(
+			data => {
+				this.reload();
+			},
+			err => {
+				console.error("Server Error: ", err);
+			}
+		);
+	}
+
 	reload():void {
 		window.location.reload();
 	}

src/app/navbar/navbar.component.html

@@ -30,6 +30,8 @@
 			<li class="nav-item" [hidden]="!loggedIn">
 				<a class="nav-link" onclick="document.getElementById('passwordChange').style.display='block'; return false" href='#'>Change Password</a>
 			</li>
+			<li class="nav-item" [hidden]="loggedIn">
+			</li>
 			<li class="nav-item" [hidden]="!loggedIn">
 				<a class="nav-link" placement="right" href="#" (click)="logout();">Logout</a>
 			</li> 
@@ -54,6 +56,7 @@ <h2> Login </h2>
 		<div class="bad-request" id="badLogin">
 			Incorrect username or password!
 		</div>
+		<a onclick="document.getElementById('passwordReset').style.display='block'; return false" href='#'>Forgot Password? Click here to reset</a>
 		<div class="modal-footer" style="background-color:white">
 			<button class="btn btn-primary" (click)="login(Username.value, Password.value)">Login</button>
 		</div>
@@ -97,3 +100,20 @@ <h2> Change Password </h2>
 		</div>
 	</form>
 </div>
+
+<!-- Password Reset Form -->
+<div id="passwordReset" class="modal" *ngIf="!loggedIn">
+	<button onclick="document.getElementById('passwordReset').style.display='none'" class="close" title="Close Modal">&times;</button>
+	<!-- Modal Content -->
+	<form class="modal-content animate">
+		<h2> Reset Password </h2>
+		<div class="modal-body">
+			<div>
+				<input #userReset type="text" placeholder="Enter Username" aria-label="Current Username" required>
+			</div>
+		</div>
+		<div class="modal-footer" style="background-color:white">
+			<button class="btn btn-primary" (click)="resetPassword(userReset.value)">Reset Password</button>
+		</div>
+	</form>
+</div>

src/app/navbar/navbar.component.ts

@@ -44,6 +44,10 @@ export class NavbarComponent implements OnInit {
 		this.loginService.changePassword(username, oldPass, newPass);
 	}
 
+	resetPassword(username):void {
+		this.loginService.resetPassword(username);
+	}
+
 	showFailedLogin():void {
 		document.getElementById('badLogin').style.visibility = 'visible';
 	}