2019-04-25 11:00:24 +02:00
|
|
|
<div class="login-screen login-bg d-flex flex-column align-items-center justify-content-center">
|
|
|
|
<div class="login-logo"></div>
|
|
|
|
<div class="card login-card">
|
2018-11-27 18:33:17 +01:00
|
|
|
<div class="card-header">
|
2019-04-25 11:00:24 +02:00
|
|
|
<div class="social-btns d-flex">
|
|
|
|
<button *ngIf="hasGoogleOauth()" mat-icon-button id="googleSignInButton" class="login-social-button">
|
2019-02-13 13:36:07 +01:00
|
|
|
<i class="fa fa-google"></i>
|
2018-11-27 18:33:17 +01:00
|
|
|
</button>
|
2019-04-25 11:00:24 +02:00
|
|
|
<button *ngIf="hasLinkedInOauth()" mat-icon-button class="login-social-button">
|
2018-11-27 18:33:17 +01:00
|
|
|
<i class="fa fa-linkedin" (click)="linkedInLogin()"></i>
|
|
|
|
</button>
|
2019-04-25 11:00:24 +02:00
|
|
|
<button *ngIf="hasFacebookOauth()" mat-icon-button (click)="facebookLogin()" class="login-social-button">
|
2018-11-27 18:33:17 +01:00
|
|
|
<i class="fa fa-facebook-square"></i>
|
|
|
|
</button>
|
2019-04-25 11:00:24 +02:00
|
|
|
<button *ngIf="hasTwitterOauth()" mat-icon-button (click)="twitterLogin()" class="login-social-button">
|
2018-11-27 18:33:17 +01:00
|
|
|
<i class="fa fa-twitter"></i>
|
|
|
|
</button>
|
2019-04-25 11:00:24 +02:00
|
|
|
<button *ngIf="hasB2AccessOauth()" class="b2access-button" mat-icon-button (click)="b2AccessLogin()" class="login-social-button">
|
|
|
|
<span class="iconmedium"></span>
|
|
|
|
<span></span>
|
|
|
|
</button>
|
2018-11-27 18:33:17 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2019-04-25 11:00:24 +02:00
|
|
|
<div class="card-footer">
|
|
|
|
<h4 class="text-uppercase"><strong>Login</strong></h4>
|
|
|
|
<br />
|
2019-06-21 15:55:38 +02:00
|
|
|
<h5>{{ 'HOME.LOGIN' | translate }}</h5>
|
2019-04-25 11:00:24 +02:00
|
|
|
</div>
|
2018-10-05 17:00:54 +02:00
|
|
|
</div>
|
2018-07-11 15:47:36 +02:00
|
|
|
</div>
|