mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

allow more customization of directory browser

Browse source
This commit is contained in:
Luke Pulverenti 2013-10-21 10:21:32 -04:00
parent 2051ca16b9
commit 31da862dc5
1 changed files with 31 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

42
dashboard-ui/scripts/directorybrowser.js
View file

@ -1,6 +1,6 @@
(function (window, document, $) { (function (window, document, $) {
function refreshDirectoryBrowser(page, path) { function refreshDirectoryBrowser(page, path, fileOptions) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -16,7 +16,7 @@
promise = ApiClient.getNetworkDevices(); promise = ApiClient.getNetworkDevices();
} }
else if (path) { else if (path) {
promise = ApiClient.getDirectoryContents(path, { includeDirectories: true }); promise = ApiClient.getDirectoryContents(path, fileOptions);
} else { } else {
promise = ApiClient.getDrives(); promise = ApiClient.getDrives();
} }
@ -46,18 +46,20 @@
parentPath = "Network"; parentPath = "Network";
} }
html += '<li><a class="lnkDirectory" data-path="' + parentPath + '" href="#">..</a></li>'; html += '<li><a class="lnkPath lnkDirectory" data-path="' + parentPath + '" href="#">..</a></li>';
} }
for (var i = 0, length = folders.length; i < length; i++) { for (var i = 0, length = folders.length; i < length; i++) {
var folder = folders[i]; var folder = folders[i];
html += '<li><a class="lnkDirectory" data-path="' + folder.Path + '" href="#">' + folder.Name + '</a></li>'; var cssClass = folder.Type == "File" ? "lnkPath lnkFile" : "lnkPath lnkDirectory";
html += '<li><a class="' + cssClass + '" data-path="' + folder.Path + '" href="#">' + folder.Name + '</a></li>';
} }
if (!path) { if (!path) {
html += '<li><a class="lnkDirectory" data-path="Network" href="#">Network</a></li>'; html += '<li><a class="lnkPath lnkDirectory" data-path="Network" href="#">Network</a></li>';
} }
$('#ulDirectoryPickerList', page).html(html).listview('refresh'); $('#ulDirectoryPickerList', page).html(html).listview('refresh');
@ -81,6 +83,19 @@
options = options || {}; options = options || {};
var fileOptions = {
includeDirectories: true,
includeFiles: true
};
if (options.includeDirectories != null) {
fileOptions.includeDirectories = options.includeDirectories;
}
if (options.includeFiles != null) {
fileOptions.includeFiles = options.includeFiles;
}
options.header = options.header || "Select Media Path"; options.header = options.header || "Select Media Path";
options.instruction = options.instruction || "Any path will do, but for optimal playback of bluray, dvd folders, and games, <b>network paths (UNC)</b> are recommended."; options.instruction = options.instruction || "Any path will do, but for optimal playback of bluray, dvd folders, and games, <b>network paths (UNC)</b> are recommended.";
@ -95,7 +110,7 @@
html += '<p class="directoryPickerHeadline">' + options.instruction + '</p>'; html += '<p class="directoryPickerHeadline">' + options.instruction + '</p>';
html += '<div style="margin:0;">'; html += '<div style="margin:0;">';
html += '<label for="txtDirectoryPickerPath" class="lblDirectoryPickerPath">Current Folder:</label>'; html += '<label for="txtDirectoryPickerPath" class="lblDirectoryPickerPath">Current Path:</label>';
html += '<div style="width:92%;display:inline-block;"><input id="txtDirectoryPickerPath" name="txtDirectoryPickerPath" type="text" required="required" style="font-weight:bold;" /></div>'; html += '<div style="width:92%;display:inline-block;"><input id="txtDirectoryPickerPath" name="txtDirectoryPickerPath" type="text" required="required" style="font-weight:bold;" /></div>';
html += '<button class="btnRefreshDirectories" type="button" data-icon="refresh" data-inline="true" data-mini="true" data-iconpos="notext">Refresh</button>'; html += '<button class="btnRefreshDirectories" type="button" data-icon="refresh" data-inline="true" data-mini="true" data-iconpos="notext">Refresh</button>';
html += '</div>'; html += '</div>';
@ -107,7 +122,7 @@
html += '</div>'; html += '</div>';
html += '<p>'; html += '<p>';
html += '<button type="submit" data-theme="b" data-icon="ok">OK</button>'; html += '<button type="submit" data-theme="b" data-icon="ok">OK</button>';
@ -129,21 +144,26 @@
$(this).off("click").off("change").off("popupafterclose").remove(); $(this).off("click").off("change").off("popupafterclose").remove();
}).on("click", ".lnkDirectory", function () { }).on("click", ".lnkPath", function () {
var path = this.getAttribute('data-path'); var path = this.getAttribute('data-path');
refreshDirectoryBrowser(page, path); if ($(this).hasClass('lnkFile')) {
$('#txtDirectoryPickerPath', page).val(path);
} else {
refreshDirectoryBrowser(page, path, fileOptions);
}
}).on("click", ".btnRefreshDirectories", function () { }).on("click", ".btnRefreshDirectories", function () {
var path = $('#txtDirectoryPickerPath', page).val(); var path = $('#txtDirectoryPickerPath', page).val();
refreshDirectoryBrowser(page, path); refreshDirectoryBrowser(page, path, fileOptions);
}).on("change", "#txtDirectoryPickerPath", function () { }).on("change", "#txtDirectoryPickerPath", function () {
refreshDirectoryBrowser(page, this.value); refreshDirectoryBrowser(page, this.value, fileOptions);
}); });
var txtCurrentPath = $('#txtDirectoryPickerPath', popup); var txtCurrentPath = $('#txtDirectoryPickerPath', popup);