|
|
|
@ -9,39 +9,50 @@ include the remember me checkbox
|
|
|
|
|
<div class="card card-container">
|
|
|
|
|
|
|
|
|
|
<!-- <img class="profile-img-card" src="//lh3.googleusercontent.com/-6V8xOA6M7BA/AAAAAAAAAAI/AAAAAAAAAAA/rzlHcD0KYwo/photo.jpg?sz=120" alt="" /> -->
|
|
|
|
|
<div *ngIf="!customizationSettings.logo"><img id="profile-img" class="profile-img-card" src="{{baseUrl}}/images/logo.png"/></div>
|
|
|
|
|
<div *ngIf="customizationSettings.logo"><img id="profile-img" class="center" [src]="customizationSettings.logo" /></div>
|
|
|
|
|
<div *ngIf="!customizationSettings.logo">
|
|
|
|
|
<img id="profile-img" class="profile-img-card" src="{{baseUrl}}/images/logo.png" />
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="customizationSettings.logo">
|
|
|
|
|
<img id="profile-img" class="center" [src]="customizationSettings.logo" />
|
|
|
|
|
</div>
|
|
|
|
|
<p id="profile-name" class="profile-name-card"></p>
|
|
|
|
|
|
|
|
|
|
<div *ngIf="showLoginForm && loginWithOmbi">
|
|
|
|
|
<form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
|
|
|
|
|
<div *ngIf="!plexEnabled || !customizationSettings.applicationUrl || loginWithOmbi">
|
|
|
|
|
<form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<input type="email" id="inputEmail" class="form-control" formControlName="username" [attr.placeholder]="'Login.UsernamePlaceholder' | translate" autofocus>
|
|
|
|
|
<input *ngIf="!authenticationSettings.allowNoPassword" type="password" id="inputPassword" class="form-control" formControlName="password" [attr.placeholder]="'Login.PasswordPlaceholder' | translate">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
<input type="checkbox" id="RememberMe" formControlName="rememberMe" >
|
|
|
|
|
<input type="email" id="inputEmail" class="form-control" formControlName="username" [attr.placeholder]="'Login.UsernamePlaceholder' | translate"
|
|
|
|
|
autofocus>
|
|
|
|
|
<input *ngIf="!authenticationSettings.allowNoPassword" type="password" id="inputPassword" class="form-control" formControlName="password"
|
|
|
|
|
[attr.placeholder]="'Login.PasswordPlaceholder' | translate">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
<input type="checkbox" id="RememberMe" formControlName="rememberMe">
|
|
|
|
|
|
|
|
|
|
<label for="RememberMe" [translate]="'Login.RememberMe'"></label>
|
|
|
|
|
<label for="RememberMe" [translate]="'Login.RememberMe'"></label>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button class="btn btn-success" type="submit" [translate]="'Login.SignInButton'"></button>
|
|
|
|
|
</form><!-- /form -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-signin" *ngIf="plexEnabled && customizationSettings.applicationUrl && !loginWithOmbi">
|
|
|
|
|
<button class="btn btn-success" type="submit" [translate]="'Login.SignInButton'"></button>
|
|
|
|
|
<a [routerLink]="['/reset']" class="forgot-password col-md-12">
|
|
|
|
|
<b [translate]="'Login.ForgottenPassword'"></b>
|
|
|
|
|
</a>
|
|
|
|
|
</form>
|
|
|
|
|
<!-- /form -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Main OAuth Flow -->
|
|
|
|
|
<div class="form-signin" *ngIf="plexEnabled && customizationSettings.applicationUrl && !loginWithOmbi">
|
|
|
|
|
<button class="btn btn-success" type="button" (click)="loginWithOmbi = true">
|
|
|
|
|
Continue With {{appName}}</button>
|
|
|
|
|
Login With {{appName}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-signin" *ngIf="plexEnabled && customizationSettings.applicationUrl && !loginWithOmbi">
|
|
|
|
|
<div class="form-signin" *ngIf="plexEnabled && customizationSettings.applicationUrl && !loginWithOmbi">
|
|
|
|
|
<button class="btn btn-primary" type="button" (click)="oauth()">
|
|
|
|
|
Continue With Plex</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<a [routerLink]="['/reset']" class="forgot-password col-md-12">
|
|
|
|
|
<b [translate]="'Login.ForgottenPassword'"></b>
|
|
|
|
|
</a>
|
|
|
|
|
</div><!-- /card-container -->
|
|
|
|
|
</div><!-- /container -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /card-container -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /container -->
|
|
|
|
|
</div>
|