From 40af6593b668d4712327c18f92f5b7b5a0a65e26 Mon Sep 17 00:00:00 2001
From: maartenheebink <maarten.heebink@hotmail.com>
Date: Wed, 5 Jan 2022 11:11:11 +0100
Subject: [PATCH] feat(customization): :sparkles: Added possibility for custom
 favicons

---
 .../Settings/Models/CustomizationSettings.cs        |  1 +
 src/Ombi/ClientApp/src/app/app.component.ts         | 13 ++++++++++---
 src/Ombi/ClientApp/src/app/interfaces/ISettings.ts  |  3 ++-
 .../customization/customization.component.html      |  9 +++++++++
 src/Ombi/ClientApp/src/index.html                   |  4 ++--
 src/Ombi/Views/Shared/_Layout.cshtml                |  6 ++++++
 6 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/Ombi.Settings/Settings/Models/CustomizationSettings.cs b/src/Ombi.Settings/Settings/Models/CustomizationSettings.cs
index 1f2155331..c8406493f 100644
--- a/src/Ombi.Settings/Settings/Models/CustomizationSettings.cs
+++ b/src/Ombi.Settings/Settings/Models/CustomizationSettings.cs
@@ -12,6 +12,7 @@
         public bool RecentlyAddedPage { get; set; }
         public bool UseCustomPage { get; set; }
         public bool HideAvailableFromDiscover { get; set; }
+        public string Favicon { get; set; }
 
         public string AddToUrl(string part)
         {
diff --git a/src/Ombi/ClientApp/src/app/app.component.ts b/src/Ombi/ClientApp/src/app/app.component.ts
index cbfcf0af0..2c543606b 100644
--- a/src/Ombi/ClientApp/src/app/app.component.ts
+++ b/src/Ombi/ClientApp/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { OverlayContainer } from '@angular/cdk/overlay';
+import { OverlayContainer } from '@angular/cdk/overlay';
 
 import { Component, OnInit, HostBinding, Inject } from "@angular/core";
 import { NavigationStart, Router } from "@angular/router";
@@ -34,6 +34,7 @@ export class AppComponent implements OnInit {
     public userName: string;
     public userEmail: string;
     public accessToken: string;
+    public favicon: string;
 
     private hubConnected: boolean;
 
@@ -88,9 +89,15 @@ export class AppComponent implements OnInit {
         this.customizationFacade.settings$().subscribe(x => {
             this.customizationSettings = x;
             if (this.customizationSettings && this.customizationSettings.applicationName) {
-                this.applicationName = this.customizationSettings.applicationName;
-                this.document.getElementsByTagName('title')[0].innerText = this.applicationName;
+                this.applicationName = this.customizationSettings.applicationName;              
+                this.document.getElementsByTagName('title')[0].innerText = this.applicationName;              
             }
+
+            if (this.customizationSettings && this.customizationSettings.favicon) {                
+                this.favicon = this.customizationSettings.favicon;
+                this.document.getElementById('favicon').setAttribute('href', this.favicon);
+            }
+
             if (this.customizationSettings && this.customizationSettings.customCss) {
                 var dom = this.document.getElementsByTagName('head')[0];
                 var css = document.createElement("style");
diff --git a/src/Ombi/ClientApp/src/app/interfaces/ISettings.ts b/src/Ombi/ClientApp/src/app/interfaces/ISettings.ts
index c5dcaffc6..c7990215f 100644
--- a/src/Ombi/ClientApp/src/app/interfaces/ISettings.ts
+++ b/src/Ombi/ClientApp/src/app/interfaces/ISettings.ts
@@ -1,4 +1,4 @@
-import { ISettings } from "./ICommon";
+import { ISettings } from "./ICommon";
 import { RequestLimitType } from ".";
 
 export interface IExternalSettings extends ISettings {
@@ -193,6 +193,7 @@ export interface ICustomizationSettings extends ISettings {
   recentlyAddedPage: boolean;
   useCustomPage: boolean;
   hideAvailableFromDiscover: boolean;
+  favicon: string;
 }
 
 export interface IJobSettings {
diff --git a/src/Ombi/ClientApp/src/app/settings/customization/customization.component.html b/src/Ombi/ClientApp/src/app/settings/customization/customization.component.html
index b2168bb72..4c8bcecb6 100644
--- a/src/Ombi/ClientApp/src/app/settings/customization/customization.component.html
+++ b/src/Ombi/ClientApp/src/app/settings/customization/customization.component.html
@@ -34,6 +34,15 @@
                 </div>
             </div>
         </div>
+        <mat-hint>
+            The favicon url should be an externally accesible URL. Leave blank for default.
+        </mat-hint>
+        <div class="md-form-field">
+            <mat-form-field appearance="outline">
+                <mat-label>Custom Favicon</mat-label>
+                <input matInput type="url" [(ngModel)]="settings.favicon">
+            </mat-form-field>
+        </div>
         <div class="md-form-field">
             <mat-slide-toggle [(ngModel)]="settings.hideAvailableFromDiscover" matTooltip="Any media content that is available will now be hidden on the discover page, the user still can search for it">
                 Hide Available Content On The Discover Page
diff --git a/src/Ombi/ClientApp/src/index.html b/src/Ombi/ClientApp/src/index.html
index e9c1ed486..4f7786647 100644
--- a/src/Ombi/ClientApp/src/index.html
+++ b/src/Ombi/ClientApp/src/index.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 
-<head>
+<head>  
     <script type='text/javascript'>window["baseHref"] = '/';</script>
     <base href="/" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
-    <link rel="icon" type="image/png" href="images/favicon/favicon.ico"/>
+    <link id="favicon" rel="icon" type="image/png" href="images/favicon/favicon.ico"/>
     <link rel="apple-touch-icon" type="image/png" href="images/favicon/apple-touch-icon.png"/>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/src/Ombi/Views/Shared/_Layout.cshtml b/src/Ombi/Views/Shared/_Layout.cshtml
index 5cee9c275..3cd9ccc56 100644
--- a/src/Ombi/Views/Shared/_Layout.cshtml
+++ b/src/Ombi/Views/Shared/_Layout.cshtml
@@ -23,6 +23,12 @@
         appName = "Ombi";
     }
 
+    var favicon = customization.Favicon;
+    if (string.IsNullOrEmpty(favicon))
+    {
+        favicon = "images/favicon/favicon.ico";
+    }
+
 
 }
 <!DOCTYPE html>