Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div align="center">
- <form (ngSubmit)="onLoginSubmit()" class="fullForm">
- <div class="imgcontainer"></div>
- <h2>PL Auth</h2>
- <div class="container">
- <form (ngSubmit)="generateOtpSubmit()" class="generateOtpForm">
- <label> <b>Username: </b>
- </label> <input type="text" placeholder="Enter Username" id="username"
- [(ngModel)]=userName name="uname" required> <br> <br>
- <label> <b>Password : </b>
- </label> <input type="password" placeholder="Enter Password" id="password"
- [(ngModel)]=password name="psw" required> <br> <br>
- <button type="submit" class="otpButton">Generate OTP</button>
- </form>
- <br> <br> <label> <b>Enter OTP : </b>
- </label> <input type="text" placeholder="Enter OTP" id="otp" [(ngModel)]=otp
- name="otp" required> <br> <br>
- <button type="submit" class="loginButton">Login</button>
- </div>
- <div>
- <p style="color: red;">{{ loginStatus }}</p>
- </div>
- </form>
- <router-outlet></router-outlet>
- </div>
- import { Component, OnInit } from '@angular/core';
- import { Location } from '@angular/common';
- import { HomepageComponent } from './homepage/homepage.component';
- import { Headers, Http, Response } from '@angular/http';
- import { RouterModule, Routes } from '@angular/router';
- import { HttpClient } from '@angular/common/http';
- import { Directive } from '@angular/core';
- //import { Router } from '@angular/router';
- import { Router } from "@angular/router";
- import { Text } from '@angular/compiler';
- export const appRoutes: Routes = [
- {path: 'home', component:HomepageComponent}
- ];
- @Component({
- selector: 'app-root',
- templateUrl: './app.component.html',
- styleUrls: ['./app.component.css']
- })
- export class AppComponent implements OnInit {
- otpsubmitted = false;
- loginSubmitted = false;
- userName = '';
- password = '';
- otp ='';
- userAuthCheck:Text;
- checkOtp:Text;
- authCheck ='';
- loginStatus='';
- ngOnInit() {
- }
- constructor(private http: Http,private httpClient: HttpClient,private route: Router ) { }
- private generateOtp(){
- this.http.post('http://localhost:8080/loginController/generateotp', {
- userMail: this.userName
- })
- .subscribe(
- res => {
- console.log(res);
- },
- err => {
- console.log("Error occured");
- }
- );
- }
- private logSubmit(){
- this.http.post('http://localhost:8080/loginController/authUser', {
- userMail: this.userName,
- password: this.password,
- otp: this.otp
- })
- .subscribe(
- res => {
- const printResp=res.json();
- console.log(res);
- //this.loginStatus=printResp.status;
- if (printResp.status === 'true'){
- this.loginStatus = '';
- console.log('in the clickName');
- this.route.navigateByUrl('/home');
- //this.route.navigate(['home/']);
- } else if(printResp.status === 'false') {
- this.loginStatus = printResp.Data.errorMessage;
- }
- },
- err => {
- console.log("Error occured"+err);
- }
- );
- }
- generateOtpSubmit() {
- this.otpsubmitted = true;
- this.generateOtp();
- }
- onLoginSubmit(){
- this.loginSubmitted = true;
- this.logSubmit();
- }
- }
- import {ApplicationComponent} from './application/application.component';
- import {NavigationComponent} from './navigation/navigation.component';
- import { HomepageComponent } from './homepage/homepage.component';
- import {AppComponent} from './app.component';
- import {NgModule} from '@angular/core';
- import {RouterModule, Routes} from '@angular/router';
- import { CommonModule } from '@angular/common';
- const routes: Routes = [
- {path: 'home', component: HomepageComponent},
- {path: 'application', component: ApplicationComponent},
- {path: 'navigation', component: NavigationComponent},
- ];
- @NgModule({
- imports: [CommonModule,RouterModule.forRoot(routes)],
- exports: [RouterModule],
- declarations: []
- })
- export class AppRoutingModule {}
- import { BrowserModule } from '@angular/platform-browser';
- import { AppRoutingModule } from './app-routing.module';
- import { Router } from '@angular/router';
- import { NgModule } from '@angular/core';
- import { FormsModule } from '@angular/forms';
- import { AppComponent } from './app.component';
- import { HttpModule } from '@angular/http';
- import { HttpClientModule } from '@angular/common/http';
- import { HomepageComponent } from './homepage/homepage.component';
- import { ApplicationComponent } from './application/application.component';
- import { NavigationComponent } from './navigation/navigation.component';
- import { SearchuserComponent } from './searchuser/searchuser.component';
- @NgModule({
- declarations: [
- AppComponent,
- HomepageComponent,
- ApplicationComponent,
- NavigationComponent,
- SearchuserComponent
- ],
- imports: [
- BrowserModule,
- FormsModule,
- HttpClientModule,
- HttpModule,
- AppRoutingModule
- ],
- bootstrap: [AppComponent]
- })
- export class AppModule { }
- <p>
- homepage works!
- </p>
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>CyberSecurityVw</title>
- <base href="/">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="icon" type="image/x-icon" href="favicon.ico">
- </head>
- <body>
- <app-root></app-root>
- </body>
- </html>
Add Comment
Please, Sign In to add comment