64 lines
2.6 KiB
HTML
64 lines
2.6 KiB
HTML
<div class="d-flex justify-content-center">
|
|
<img src="../../../assets/splash/assets/img/argos-logo.svg" width="135" height="51">
|
|
</div>
|
|
<span class="row justify-content-center">Login with</span>
|
|
<div class="login-card">
|
|
<div *ngIf="hasGoogleOauth()" class="row social-btns">
|
|
<div class="col-auto p-0">
|
|
<button mat-icon-button id="googleSignInButton" class="login-social-button">
|
|
<i class="fa fa-google" (click)="close()"></i>
|
|
</button>
|
|
<!-- <div id="googleSignInButton">
|
|
<img src="../../../assets/images/argos-login/NoPath - Copy (2).png" width="47" height="47">
|
|
</div> -->
|
|
</div>
|
|
<div *ngIf="hasLinkedInOauth()" class="col-auto p-0">
|
|
<button mat-icon-button class="login-social-button">
|
|
<i class="fa fa-linkedin" (click)="linkedInLogin(); close()"></i>
|
|
</button>
|
|
</div>
|
|
<div *ngIf="hasFacebookOauth()" class="col-auto p-0">
|
|
<button mat-icon-button (click)="facebookLogin(); close()" class="login-social-button">
|
|
<i class="fa fa-facebook-square"></i>
|
|
</button>
|
|
</div>
|
|
<div *ngIf="hasTwitterOauth()" class="col-auto p-0">
|
|
<button mat-icon-button (click)="twitterLogin(); close()" class="login-social-button">
|
|
<i class="fa fa-twitter"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="w-100"></div>
|
|
<div class="row pt-2 mb-4 accesss-methods">
|
|
<div *ngIf="hasB2AccessOauth()" class="col-auto logo">
|
|
<button class="b2access-button" mat-icon-button (click)="b2AccessLogin(); close()" class="login-social-button">
|
|
<span class="iconmedium"></span>
|
|
</button>
|
|
</div>
|
|
<div *ngIf="hasOrcidOauth()" class="col-auto orcid-logo">
|
|
<button class="orcid-button" mat-icon-button (click)="orcidLogin(); close()" class="login-social-button">
|
|
<span class="orcidIconMedium"></span>
|
|
</button>
|
|
</div>
|
|
<div *ngIf="hasOpenAireOauth()" class="col-auto openaire-logo">
|
|
<button class="openaire-button" mat-icon-button (click)="openaireLogin(); close()" class="login-social-button">
|
|
<span class="openaireIcon"></span>
|
|
</button>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<div *ngIf="hasZenodoOauth()" class="col-auto zenodo-logo">
|
|
<button class="zenodo-button" mat-icon-button (click)="zenodoLogin(); close()" class="login-social-button">
|
|
<span class="zenodoIcon"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|