From 7f8493869b0b4af1d5959c1d5588c56605cc16b3 Mon Sep 17 00:00:00 2001
From: Jamie Rees <jamie.rees@myairops.com>
Date: Mon, 8 Jun 2020 21:42:18 +0100
Subject: [PATCH] Added the custom logo on the login page

---
 .../src/app/login/login.component.html        | 83 ++++++++++---------
 1 file changed, 42 insertions(+), 41 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/login/login.component.html b/src/Ombi/ClientApp/src/app/login/login.component.html
index 3817b78e3..fa1241cff 100644
--- a/src/Ombi/ClientApp/src/app/login/login.component.html
+++ b/src/Ombi/ClientApp/src/app/login/login.component.html
@@ -1,43 +1,44 @@
-
-  <div *ngIf="background" @fadeInOut class="bg" [style.background-image]="background"></div>
-<div class="small-middle-container">
-<div *ngIf="form && customizationSettings && authenticationSettings">
-
-  <mat-card class="mat-elevation-z8 top-margin">
-    <img mat-card-image src="{{baseUrl}}/images/logo.png">
-    <mat-card-content *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
-      <form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
-
-
-        <mat-form-field class="full-width">
-          <input type="text" matInput placeholder="{{'Login.UsernamePlaceholder' | translate}}" formControlName="username" />
-          <mat-error *ngIf="form.get('username').hasError('required')">
-            {{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error>
-        </mat-form-field>
-
-        <mat-form-field class="full-width">
-          <input color="black" type="password" matInput placeholder="{{'Login.PasswordPlaceholder' | translate}}" formControlName="password" />
-        </mat-form-field>
-
-        <mat-checkbox formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
-
-        <button mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
-
-        <a [routerLink]="['/reset']" class="forgot-password col-md-12">
-          <b [translate]="'Login.ForgottenPassword'"></b>
-        </a>
-      </form>
-    </mat-card-content>
-
-  <mat-card-content *ngIf="authenticationSettings.enableOAuth && !loginWithOmbi" class="login-buttons">
-      <div >
-
-          <button mat-raised-button color="primary" type="submit" (click)="loginWithOmbi = true">{{'Login.SignInWith' | translate:appNameTranslate}}</button>
-          <button mat-raised-button color="accent" type="button" (click)="oauth()">{{'Login.SignInWithPlex' | translate}}</button>
-        </div>
-    </mat-card-content>
-
-  </mat-card>
-
+<div *ngIf="background" @fadeInOut class="bg" [style.background-image]="background">
 </div>
+<div class="small-middle-container">
+    <div *ngIf="form && customizationSettings && authenticationSettings">
+
+        <mat-card class="mat-elevation-z8 top-margin">
+            <img mat-card-image *ngIf="!customizationSettings.logo" src="{{baseUrl}}/images/logo.png">
+            <img mat-card-image *ngIf="customizationSettings.logo" [src]="customizationSettings.logo">
+            <mat-card-content *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
+                <form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
+
+
+                    <mat-form-field class="full-width">
+                        <input type="text" matInput placeholder="{{'Login.UsernamePlaceholder' | translate}}" formControlName="username" />
+                        <mat-error *ngIf="form.get('username').hasError('required')">
+                            {{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error>
+                    </mat-form-field>
+
+                    <mat-form-field class="full-width">
+                        <input color="black" type="password" matInput placeholder="{{'Login.PasswordPlaceholder' | translate}}" formControlName="password" />
+                    </mat-form-field>
+
+                    <mat-checkbox formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
+
+                    <button mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
+
+                    <a [routerLink]="['/reset']" class="forgot-password col-md-12">
+                        <b [translate]="'Login.ForgottenPassword'"></b>
+                    </a>
+                </form>
+            </mat-card-content>
+
+            <mat-card-content *ngIf="authenticationSettings.enableOAuth && !loginWithOmbi" class="login-buttons">
+                <div>
+
+                    <button mat-raised-button color="primary" type="submit" (click)="loginWithOmbi = true">{{'Login.SignInWith' | translate:appNameTranslate}}</button>
+                    <button mat-raised-button color="accent" type="button" (click)="oauth()">{{'Login.SignInWithPlex' | translate}}</button>
+                </div>
+            </mat-card-content>
+
+        </mat-card>
+
+    </div>
 </div>
\ No newline at end of file