cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 19:08:18 -07:00
Code Issues Packages Projects Releases Wiki Activity

fixes #987 - Support custom css

Browse Source
This commit is contained in:
Luke Pulverenti 2015-01-19 00:41:56 -05:00
parent 22c701d9a9
commit bed14f4b40
5 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dashboard-ui/css/site.css
View File

@ -1031,7 +1031,7 @@ h1 + .accentButton {
}
.dashboardFooter {
margin-top: 70px;
margin-top: 50px;
text-align: center;
}

5
dashboard-ui/dashboardgeneral.html
View File

@ -64,6 +64,11 @@
<input id="txtLoginDisclaimer" type="text" />
<div class="fieldDescription">${LabelLoginDisclaimerHelp}</div>
</li>
<li>
<label for="txtCustomCss">${LabelCustomCss}</label>
<textarea id="txtCustomCss" style="font-family:monospace;height:200px!important;"></textarea>
<div class="fieldDescription">${LabelCustomCssHelp}</div>
</li>
</ul>
</div>
</div>

11
dashboard-ui/scripts/dashboardgeneral.js
View File

@ -1,6 +1,7 @@
(function ($, document, window) {
var brandingConfigKey = "branding";
var currentBrandingOptions;
function loadPage(page, config, languageOptions) {
@ -49,7 +50,10 @@
ApiClient.getNamedConfiguration(brandingConfigKey).done(function (config) {
currentBrandingOptions = config;
$('#txtLoginDisclaimer', page).val(config.LoginDisclaimer || '');
$('#txtCustomCss', page).val(config.CustomCss || '');
});
}).on('pageinit', "#dashboardGeneralPage", function () {
@ -99,8 +103,15 @@
ApiClient.getNamedConfiguration(brandingConfigKey).done(function (brandingConfig) {
brandingConfig.LoginDisclaimer = $('#txtLoginDisclaimer', form).val();
brandingConfig.CustomCss = $('#txtCustomCss', form).val();
var cssChanged = currentBrandingOptions && brandingConfig.CustomCss != currentBrandingOptions.CustomCss;
ApiClient.updateNamedConfiguration(brandingConfigKey, brandingConfig).done(Dashboard.processServerConfigurationUpdateResult);
if (cssChanged) {
Dashboard.showDashboardRefreshNotification();
}
});
});

1
dashboard-ui/scripts/dashboardpage.js
View File

@ -798,6 +798,7 @@
text = "Thank you for supporting Media Browser.";
$('.supporterIconContainer', page).html('<a class="imageLink supporterIcon" href="supporter.html" title="' + text + '"><img src="' + imgUrl + '" style="height:32px;vertical-align: middle; margin-right: .5em;" /></a><span style="position:relative;top:2px;text-decoration:none;">' + text + '</span>');
$('.supporterIconContainer', page).hide();
} else {
imgUrl = "css/images/supporter/nonsupporterbadge.png";

16
dashboard-ui/scripts/site.js
View File

@ -194,6 +194,15 @@ var Dashboard = {
}
},
importCss: function (url) {
if (document.createStyleSheet) {
document.createStyleSheet(url);
}
else {
$('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head');
}
},
showError: function (message) {
$.mobile.loading('show', {
@ -256,7 +265,7 @@ var Dashboard = {
if (Dashboard.initialServerVersion != info.Version) {
Dashboard.showDashboardVersionWarning();
Dashboard.showDashboardRefreshNotification();
}
}
@ -329,7 +338,7 @@ var Dashboard = {
$('#serverRestartWarning').remove();
},
showDashboardVersionWarning: function () {
showDashboardRefreshNotification: function () {
var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRefreshPage') + '</span>';
@ -1331,6 +1340,7 @@ var Dashboard = {
ConnectionManager.addApiClient(ApiClient, true).fail(Dashboard.logout);
} else {
Dashboard.logout();
return;
}
}
@ -1345,6 +1355,8 @@ var Dashboard = {
ConnectionManager.addApiClient(ApiClient);
}
Dashboard.importCss(ApiClient.getUrl('Branding/Css'));
})();
$(function () {