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

added library settings page

Browse Source
This commit is contained in:
Luke Pulverenti 2013-05-21 16:36:26 -04:00
parent fac650a344
commit e9ef2accdf
6 changed files with 165 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
dashboard-ui/advanced.html
View File

@ -32,26 +32,6 @@
<input type="number" id="txtWebSocketPortNumber" name="txtWebSocketPortNumber" pattern="[0-9]*" required="required" min="1" />
</li>
</ul>
<h2>Images By Name Folder</h2>
<ul data-role="listview" class="ulForm">
<li>
<input type="checkbox" id="chkEnableCustomIBNPath" name="chkEnableCustomIBNPath" />
<label for="chkEnableCustomIBNPath">Use custom IBN path</label>
<div class="fieldDescription">
This folder contains actor, artist, genre and studio images.
</div>
</li>
<li id="fieldEnterIBNPath" style="display: none;">
<label for="txtItemsByNamePath">Images by name path: </label>
<div style="display: inline-block; width: 92%;">
<input type="text" id="txtItemsByNamePath" name="txtItemsByNamePath" />
</div>
<button id="btnSelectIBNPath" type="button" data-icon="folder-close" data-iconpos="notext" data-inline="true">Select Directory</button>
<div class="fieldDescription">
Supply a custom path for images by name. MB server must have write access to this folder.
</div>
</li>
</ul>
<h2>Miscellaneous</h2>
<ul data-role="listview" class="ulForm">
<li>

6
dashboard-ui/library.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title> </title>
<title></title>
</head>
<body>
<div id="mediaLibraryPage" data-role="page" class="page type-interior mediaLibraryPage">
@ -14,6 +14,10 @@
<a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a>
<a href="#" data-role="button" class="ui-btn-active">Media Library</a>
</div>
<div data-role="controlgroup" data-type="horizontal" class="localnav" id="defaultNavigation" style="display: none;" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">Collections</a>
<a href="librarysettings.html" data-role="button">Settings</a>
</div>
<div class="readOnlyContent">
<p id="fldUseDefaultLibrary" style="display: none;">
<input type="checkbox" id="chkUseDefaultLibrary" name="chkUseDefaultLibrary" onchange="MediaLibraryPage.setUseDefaultMediaLibrary(this.checked);" />

56
dashboard-ui/librarysettings.html Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<title>Media Library</title>
</head>
<body>
<div id="librarySettingsPage" data-role="page" class="page type-interior">
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="library.html" data-role="button">Collections</a>
<a href="#" data-role="button" class="ui-btn-active">Settings</a>
</div>
<form id="librarySettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<input type="checkbox" id="chkEnableCustomIBNPath" name="chkEnableCustomIBNPath" />
<label for="chkEnableCustomIBNPath">Use custom images by name path</label>
<div class="fieldDescription">
This folder contains actor, artist, genre and studio images.
</div>
</li>
<li id="fieldEnterIBNPath" style="display: none;">
<label for="txtItemsByNamePath">Images by name path: </label>
<div style="display: inline-block; width: 92%;">
<input type="text" id="txtItemsByNamePath" name="txtItemsByNamePath" />
</div>
<button id="btnSelectIBNPath" type="button" data-icon="folder-close" data-iconpos="notext" data-inline="true">Select Directory</button>
<div class="fieldDescription">
Supply a custom path for images by name. MB server must have write access to this folder.
</div>
</li>
<li>
<button type="submit" data-theme="b" data-icon="ok">
Save
</button>
<button type="button" onclick="Dashboard.navigate('dashboard.html');" data-icon="delete">
Cancel
</button>
</li>
</ul>
</form>
</div>
</div>
<script type="text/javascript">
$('#librarySettingsForm').on('submit', LibrarySettingsPage.onSubmit);
</script>
</div>
</body>
</html>

58
dashboard-ui/scripts/advancedconfigurationpage.js
View File

@ -12,19 +12,6 @@
$('#selectAutomaticUpdateLevel', page).val(config.SystemUpdateLevel).selectmenu('refresh');
$('#txtWebSocketPortNumber', page).val(config.LegacyWebSocketPortNumber);
$('#txtItemsByNamePath', page).val(config.ItemsByNamePath);
var customIbn = config.ItemsByNamePath ? true : false;
$('#chkEnableCustomIBNPath', page).checked(customIbn).checkboxradio("refresh");
if (customIbn) {
$('#fieldEnterIBNPath', page).show();
$('#txtItemsByNamePath', page).attr("required", "required");
} else {
$('#fieldEnterIBNPath', page).hide();
$('#txtItemsByNamePath', page).removeAttr("required");
}
$('#txtPortNumber', page).val(config.HttpServerPortNumber);
$('#chkDebugLog', page).checked(config.EnableDebugLevelLogging).checkboxradio("refresh");
@ -44,50 +31,11 @@
var promise2 = ApiClient.getSystemInfo();
$('#btnSelectIBNPath', page).on("click.selectDirectory", function () {
Dashboard.selectDirectory({
callback: function (path) {
if (path) {
$('#txtItemsByNamePath', page).val(path);
}
$('#popupDirectoryPicker', page).popup("close");
},
header: "Select Items By Name Path",
instruction: "Browse or enter the path to your items by name folder. The folder must be writeable."
});
});
$('#chkEnableCustomIBNPath', page).on("change.showIBNText", function() {
if (this.checked) {
$('#fieldEnterIBNPath', page).show();
$('#txtItemsByNamePath', page).attr("required", "required");
} else {
$('#fieldEnterIBNPath', page).hide();
$('#txtItemsByNamePath', page).removeAttr("required");
}
});
$.when(promise1, promise2).done(function (response1, response2) {
loadPage(page, response1[0], response2[0]);
});
}).on('pagehide', "#advancedConfigurationPage", function () {
Dashboard.showLoadingMsg();
var page = this;
$('#chkEnableCustomIBNPath', page).off("change.showIBNText");
$('#btnSelectIBNPath', page).off("click.selectDirectory");
});
function advancedConfigurationPage() {
@ -109,12 +57,6 @@
config.EnableDeveloperTools = $('#chkEnableDeveloperTools', form).checked();
config.RunAtStartup = $('#chkRunAtStartup', form).checked();
config.SystemUpdateLevel = $('#selectAutomaticUpdateLevel', form).val();
if ($('#chkEnableCustomIBNPath', form).checked()) {
config.ItemsByNamePath = $('#txtItemsByNamePath', form).val();
} else {
config.ItemsByNamePath = '';
}
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
});

100
dashboard-ui/scripts/librarysettings.js Normal file
View File

@ -0,0 +1,100 @@
(function ($, document, window) {
function loadPage(page, config) {
$('#txtItemsByNamePath', page).val(config.ItemsByNamePath);
var customIbn = config.ItemsByNamePath ? true : false;
$('#chkEnableCustomIBNPath', page).checked(customIbn).checkboxradio("refresh");
if (customIbn) {
$('#fieldEnterIBNPath', page).show();
$('#txtItemsByNamePath', page).attr("required", "required");
} else {
$('#fieldEnterIBNPath', page).hide();
$('#txtItemsByNamePath', page).removeAttr("required");
}
Dashboard.hideLoadingMsg();
}
$(document).on('pageshow', "#librarySettingsPage", function () {
Dashboard.showLoadingMsg();
var page = this;
$('#btnSelectIBNPath', page).on("click.selectDirectory", function () {
Dashboard.selectDirectory({
callback: function (path) {
if (path) {
$('#txtItemsByNamePath', page).val(path);
}
$('#popupDirectoryPicker', page).popup("close");
},
header: "Select Items By Name Path",
instruction: "Browse or enter the path to your items by name folder. The folder must be writeable."
});
});
$('#chkEnableCustomIBNPath', page).on("change.showIBNText", function () {
if (this.checked) {
$('#fieldEnterIBNPath', page).show();
$('#txtItemsByNamePath', page).attr("required", "required");
} else {
$('#fieldEnterIBNPath', page).hide();
$('#txtItemsByNamePath', page).removeAttr("required");
}
});
ApiClient.getServerConfiguration().done(function (config) {
loadPage(page, config);
});
}).on('pagehide', "#librarySettingsPage", function () {
Dashboard.showLoadingMsg();
var page = this;
$('#chkEnableCustomIBNPath', page).off("change.showIBNText");
$('#btnSelectIBNPath', page).off("click.selectDirectory");
});
function librarySettingsPage() {
var self = this;
self.onSubmit = function () {
Dashboard.showLoadingMsg();
var form = this;
ApiClient.getServerConfiguration().done(function (config) {
if ($('#chkEnableCustomIBNPath', form).checked()) {
config.ItemsByNamePath = $('#txtItemsByNamePath', form).val();
} else {
config.ItemsByNamePath = '';
}
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
});
// Disable default form submission
return false;
};
}
window.LibrarySettingsPage = new librarySettingsPage();
})(jQuery, document, window);

5
dashboard-ui/scripts/medialibrarypage.js
View File

@ -16,6 +16,7 @@
if (userId) {
$('#userProfileNavigation', page).show();
$('#defaultNavigation', page).hide();
ApiClient.getUser(userId).done(function (user) {
Dashboard.setPageTitle(user.Name);
@ -42,7 +43,9 @@
} else {
$('#userProfileNavigation', page).hide();
ApiClient.getVirtualFolders().done(function(result) {
$('#defaultNavigation', page).show();
ApiClient.getVirtualFolders().done(function (result) {
MediaLibraryPage.reloadVirtualFolders(page, result);
});