github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-20 13:23:20 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added a new customization option to provide a css link

Browse source
This commit is contained in:
Jamie 2017-11-01 13:50:14 +00:00
commit 0f9f83fe7d
4 changed files with 18 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/Ombi.Settings/Settings/Models/CustomizationSettings.cs
View file

@ -6,6 +6,7 @@ namespace Ombi.Settings.Settings.Models
{ {
public string ApplicationName { get; set; } public string ApplicationName { get; set; }
public string ApplicationUrl { get; set; } public string ApplicationUrl { get; set; }
public string CustomCssLink { get; set; }
public void AddToUrl(string part) public void AddToUrl(string part)
{ {

1
src/Ombi/ClientApp/app/interfaces/ISettings.ts
View file

@ -93,6 +93,7 @@ export interface ICustomizationSettings extends ISettings {
applicationName: string; applicationName: string;
applicationUrl: string; applicationUrl: string;
logo: string; logo: string;
customCssLink: string;
} }
export interface IAuthenticationSettings extends ISettings { export interface IAuthenticationSettings extends ISettings {

8
src/Ombi/ClientApp/app/settings/customization/customization.component.html
View file

@ -26,6 +26,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"> <div class="form-group">
<div> <div>

8
src/Ombi/Views/Shared/_Layout.cshtml
View file

@ -21,6 +21,8 @@
{ {
appName = "Ombi"; appName = "Ombi";
} }
} }
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
@ -51,6 +53,12 @@
<meta name="theme-color" content="#ffffff" /> <meta name="theme-color" content="#ffffff" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <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="~/loading.css" asp-append-version="true" />
<link rel="stylesheet" href="~/dist/vendor.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> <script src="~/dist/vendor.js" asp-append-version="true" defer></script>