argos/dmp-frontend/src/app/ui/auth/login/login.component.html

73 lines
2.8 KiB
HTML
Raw Normal View History

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">
<div class="container card-header">
<div *ngIf="hasGoogleOauth()" class="row social-btns">
<div class="col-auto">
<button mat-icon-button id="googleSignInButton" class="login-social-button">
2019-07-12 16:22:57 +02:00
<i class="fa fa-google"></i>
</button>
2019-10-29 17:17:04 +01:00
</div>
<div *ngIf="hasLinkedInOauth()" class="col-auto">
<button mat-icon-button class="login-social-button">
2019-07-12 16:22:57 +02:00
<i class="fa fa-linkedin" (click)="linkedInLogin()"></i>
</button>
2019-10-29 17:17:04 +01:00
</div>
<div *ngIf="hasFacebookOauth()" class="col-auto">
<button mat-icon-button (click)="facebookLogin()" class="login-social-button">
2019-07-12 16:22:57 +02:00
<i class="fa fa-facebook-square"></i>
</button>
2019-10-29 17:17:04 +01:00
</div>
<div *ngIf="hasTwitterOauth()" class="col-auto">
<button mat-icon-button (click)="twitterLogin()" class="login-social-button">
2019-07-12 16:22:57 +02:00
<i class="fa fa-twitter"></i>
</button>
</div>
</div>
2019-10-29 17:17:04 +01:00
<div class="w-100"></div>
<div class="row pt-2 mb-4 accesss-methods">
<!-- <div class="col justify-content-center"> -->
<div *ngIf="hasB2AccessOauth()" class="col-auto logo">
<button class="b2access-button" mat-icon-button (click)="b2AccessLogin()" class="login-social-button">
2019-07-12 16:22:57 +02:00
<span class="iconmedium"></span>
<!-- <span></span> -->
2019-07-12 16:22:57 +02:00
</button>
2019-10-29 17:17:04 +01:00
</div>
<div *ngIf="hasOrcidOauth()" class="col-auto orcid-logo">
<button class="orcid-button" mat-icon-button (click)="orcidLogin()" class="login-social-button">
2019-07-12 16:22:57 +02:00
<span class="orcidIconMedium"></span>
<!-- <span></span> -->
2019-07-12 16:22:57 +02:00
</button>
2019-10-29 17:17:04 +01:00
</div>
<div *ngIf="hasOpenAireOauth()" class="col-auto openaire-logo">
<button class="openaire-button" mat-icon-button (click)="openaireLogin()" class="login-social-button">
<span class="openaireIcon"></span>
<!-- <span></span> -->
</button>
2019-07-12 16:22:57 +02:00
</div>
2019-10-29 17:17:04 +01:00
<!-- </div> -->
2018-11-27 18:33:17 +01:00
</div>
<div *ngIf="hasConfigurableProviders()" class="row pt-2 mb-4 accesss-methods">
<div *ngFor="let provider of this.configurableProviderService.providers" class="col-auto configurable-logo">
<button mat-icon-button class="configurable-button" (click)="configurableLogin(provider)" class="login-social-button">
<span class="configurableIcon">{{provider.name}}</span>
</button>
</div>
2019-11-13 16:32:55 +01:00
</div>
<div *ngIf="hasZenodoOauth()" class="col-auto zenodo-logo">
<button class="zenodo-button" mat-icon-button (click)="zenodoLogin()" class="login-social-button">
<span class="zenodoIcon"></span>
<!-- <span></span> -->
</button>
</div>
2018-11-27 18:33:17 +01:00
</div>
2019-04-25 11:00:24 +02:00
<div class="card-footer">
2019-07-05 16:54:38 +02:00
<h4 class="text-uppercase">
<strong>{{ 'HOME.LOGIN.TITLE' | translate }}</strong>
</h4>
2019-04-25 11:00:24 +02:00
<br />
2019-07-05 16:54:38 +02:00
<h5>{{ 'HOME.LOGIN.TEXT' | 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>