UNPKG

pulseauthenticate

Version:

Common Authentication library for pulse angular apps

github.com/pulse/authenticate

pulse/authenticate

64 lines (60 loc) • 6.86 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<div class="btsPulse-login__container container-fluid"> <div class="btsPulse-login__row row"> <div class="btsPulse-login__header dd-brandBg-primary col-lg-5 col-md-5"> <div class="btsPulse-login__headerCont"> <span class="btsPulse-login__headerTitle dd-brandBorder-secondary">{{projectName}}</span> <div class="btsPulse-login__headerLogo"> <img src="./assets/images/bts_logo1.png" /> </div> </div> </div> <div class="btsPulse-login__details col-lg-7 col-md-7"> <div class="btsPulse-login__detailsCont container-fluid"> <div class="btsPulse-login__content" *ngIf="showLoginPage"> <div class="btsPulse-login__title">Welcome !</div> <!--<div class="alert alert-danger" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> <strong>Warning !</strong> Incorrect login details. </div>--> <form name="form" (ngSubmit)="f.form.valid && login()" #f="ngForm" novalidate> <div class="form-group btsPulse-login__inputWrapper" [ngClass]="{ 'has-error': f.submitted && !username.valid }"> <!--<label for="username">Username</label>--> <span class="btsPulse-login__usernameIcon"><i class="icon user-01"></i></span> <input type="text" class="form-control btsPulse-login__inputField" name="username" placeholder="Username" [(ngModel)]="model.username" #username="ngModel" required /> <div *ngIf="f.submitted && !username.valid" class="help-block">Username is required</div> </div> <div class="form-group btsPulse-login__inputWrapper" [ngClass]="{ 'has-error': f.submitted && !password.valid }"> <!--<label for="password">Password</label>--> <span class="btsPulse-login__passwordIcon"><i class="icon lock-01"></i></span> <input type="password" class="form-control btsPulse-login__inputField" name="password" placeholder="Password" [(ngModel)]="model.password" #password="ngModel" required /> <div *ngIf="f.submitted && !password.valid" class="help-block">Password is required</div> </div> <button [disabled]="loading" class="btn btn-primary btsPulse-login__button dd-brandBg-secondary"><i class="icon login-01"></i>Login</button> <!--<img *ngIf="loading" src="data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==" />--> <div class="form group btsPulse-login__forgotPassword"> <a (click)="showForgotPassword()">Forgot Password?</a> </div> </form> </div> <div class="btsPulse-forgotPassword__content" *ngIf="!showLoginPage"> <div class="btsPulse-forgotPassword__title">Forgot Password !</div> <form name="form" (ngSubmit)="f.form.valid && forgotPassword()" #f="ngForm" novalidate> <div class="btsPulse-forgotPassword__textCont">If you have forgotten your password, simply enter your email address below, and click "Reset password". You will then receive an email with instructions about how to choose a new password.</div> <div class="form-group btsPulse-forgotPassword__emailText" [ngClass]="{ 'has-error': f.submitted && !username.valid }"> <span class="btsPulse-forgotPassword__emailIcon"><i class="icon email-01"></i></span> <input type="text" class="form-control btsPulse-email__inputField" placeholder="Enter Email Id" name="username" [(ngModel)]="model.username" #username="ngModel" required /> <div *ngIf="f.submitted && !username.valid" class="help-block">Email is required</div> </div> <div class="form-group"> <button (click)="cancelForgotPassword()" class="btn btn-primary btsPulse-email__cancelButton dd-brandBg-secondary"><i class="icon cancel-01"></i>Cancel</button> <button [disabled]="loading" (click)="forgotPassword()" class="btn btn-primary btsPulse-email__resetButton dd-brandBg-secondary"><i class="icon reset-01"></i>Reset</button> <img *ngIf="loading" src="data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==" /> </div> </form> </div> </div> </div> </div> </div>