Added a new customization option to provide a css link

7 years ago · 0f9f83fe7d
parent 152c495b37
commit 0f9f83fe7d
4 changed files with 18 additions and 0 deletions
--- a/src/Ombi.Settings/Settings/Models/CustomizationSettings.cs
+++ b/src/Ombi.Settings/Settings/Models/CustomizationSettings.cs
@ -6,6 +6,7 @@ namespace Ombi.Settings.Settings.Models
    {
        public string ApplicationName { get; set; }
        public string ApplicationUrl { get; set; }
+        public string CustomCssLink { get; set; }

        public void AddToUrl(string part)
        {
--- a/src/Ombi/ClientApp/app/interfaces/ISettings.ts
+++ b/src/Ombi/ClientApp/app/interfaces/ISettings.ts
@ -93,6 +93,7 @@ export interface ICustomizationSettings extends ISettings {
    applicationName: string;
    applicationUrl: string;
    logo: string;
+    customCssLink: string;
 }

 export interface IAuthenticationSettings extends ISettings {
--- a/src/Ombi/ClientApp/app/settings/customization/customization.component.html
+++ b/src/Ombi/ClientApp/app/settings/customization/customization.component.html
@ -25,6 +25,14 @@
            </div>
        </div>

+        
+        <div class="form-group">
+            <label for="logo" class="control-label">Custom CSS Link</label>
+            <div>
+                <input type="text" [(ngModel)]="settings.customCssLink" class="form-control form-control-custom " value="{{settings.customCssLink}}" tooltipPosition="top" pTooltip="A link to a CSS file, you can use this to use your own styles for Ombi">
+            </div>
+        </div>
+


        <div class="form-group">
--- a/src/Ombi/Views/Shared/_Layout.cshtml
+++ b/src/Ombi/Views/Shared/_Layout.cshtml
@ -21,6 +21,8 @@
    {
        appName = "Ombi";
    }
+
+    
 }
 <!DOCTYPE html>
 <html>
@ -51,6 +53,12 @@
    <meta name="theme-color" content="#ffffff" />

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    @{
+        if (!string.IsNullOrEmpty(customization.CustomCssLink))
+        {
+            <link rel="stylesheet" href="@customization.CustomCssLink" />
+        }
+    }
    <link rel="stylesheet" href="~/loading.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" />
    <script src="~/dist/vendor.js" asp-append-version="true" defer></script>