47 lines
1.9 KiB
HTML
47 lines
1.9 KiB
HTML
<div class="container">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="row col-md-6 col-sm-6 col-md-offset-3 col-sm-offset-3">
|
|
<div class="card col-md-8 col-md-offset-2">
|
|
<div class="card-header">
|
|
<h4>Login</h4>
|
|
<div class="social-btns">
|
|
<button *ngIf="hasGoogleOauth()" mat-icon-button id="googleSignInButton">
|
|
<i class="fa fa-google-plus"></i>
|
|
</button>
|
|
<button *ngIf="hasLinkedInOauth()" mat-icon-button>
|
|
<i class="fa fa-linkedin" (click)="linkedInLogin()"></i>
|
|
</button>
|
|
<button *ngIf="hasFacebookOauth()" mat-icon-button (click)="facebookLogin()">
|
|
<i class="fa fa-facebook-square"></i>
|
|
</button>
|
|
<button *ngIf="hasTwitterOauth()" mat-icon-button (click)="twitterLogin()">
|
|
<i class="fa fa-twitter"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div *ngIf = "hasNativeLogin()">
|
|
<p class="tip">Or Be Classical</p>
|
|
<div class="card-form">
|
|
<div class="form-row">
|
|
<i class="material-icons">email</i>
|
|
<mat-input-container color="accent">
|
|
<input type="text" matInput placeholder="Email address" />
|
|
</mat-input-container>
|
|
</div>
|
|
<div class="form-row">
|
|
<i class="material-icons">lock_outline</i>
|
|
<mat-input-container color="accent">
|
|
<input type="password" matInput placeholder="Password" />
|
|
</mat-input-container>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button mat-button (click)="loginBtn()">LET'S GO</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |