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

deminify all library related pages

Browse source
This commit is contained in:
dkanada 2019-05-06 17:26:18 -07:00
parent d4ea091ab5
commit 5fc92c915f
4 changed files with 600 additions and 244 deletions
Download patch file Download diff file Expand all files Collapse all files

492
src/components/libraryoptionseditor/libraryoptionseditor.js
View file

@ -3,146 +3,258 @@ define(["globalize", "dom", "emby-checkbox", "emby-select", "emby-input"], funct
function populateLanguages(parent) { function populateLanguages(parent) {
return ApiClient.getCultures().then(function(languages) { return ApiClient.getCultures().then(function(languages) {
populateLanguagesIntoSelect(parent.querySelector("#selectLanguage"), languages), populateLanguagesIntoList(parent.querySelector(".subtitleDownloadLanguages"), languages) populateLanguagesIntoSelect(parent.querySelector("#selectLanguage"), languages);
}) populateLanguagesIntoList(parent.querySelector(".subtitleDownloadLanguages"), languages);
});
} }
function populateLanguagesIntoSelect(select, languages) { function populateLanguagesIntoSelect(select, languages) {
var html = ""; var html = "";
html += "<option value=''></option>"; html += "<option value=''></option>";
for (var i = 0, length = languages.length; i < length; i++) { for (var i = 0; i < languages.length; i++) {
var culture = languages[i]; var culture = languages[i];
html += "<option value='" + culture.TwoLetterISOLanguageName + "'>" + culture.DisplayName + "</option>" html += "<option value='" + culture.TwoLetterISOLanguageName + "'>" + culture.DisplayName + "</option>";
} }
select.innerHTML = html select.innerHTML = html;
} }
function populateLanguagesIntoList(element, languages) { function populateLanguagesIntoList(element, languages) {
for (var html = "", i = 0, length = languages.length; i < length; i++) { var html = "";
for (var i = 0; i < languages.length; i++) {
var culture = languages[i]; var culture = languages[i];
html += '<label><input type="checkbox" is="emby-checkbox" class="chkSubtitleLanguage" data-lang="' + culture.ThreeLetterISOLanguageName.toLowerCase() + '" /><span>' + culture.DisplayName + "</span></label>" html += '<label><input type="checkbox" is="emby-checkbox" class="chkSubtitleLanguage" data-lang="' + culture.ThreeLetterISOLanguageName.toLowerCase() + '" /><span>' + culture.DisplayName + "</span></label>";
} }
element.innerHTML = html element.innerHTML = html;
} }
function populateCountries(select) { function populateCountries(select) {
return ApiClient.getCountries().then(function(allCountries) { return ApiClient.getCountries().then(function(allCountries) {
var html = ""; var html = "";
html += "<option value=''></option>"; html += "<option value=''></option>";
for (var i = 0, length = allCountries.length; i < length; i++) { for (var i = 0; i < allCountries.length; i++) {
var culture = allCountries[i]; var culture = allCountries[i];
html += "<option value='" + culture.TwoLetterISORegionName + "'>" + culture.DisplayName + "</option>" html += "<option value='" + culture.TwoLetterISORegionName + "'>" + culture.DisplayName + "</option>";
} }
select.innerHTML = html select.innerHTML = html;
}) })
} }
function populateRefreshInterval(select) { function populateRefreshInterval(select) {
var html = ""; var html = "";
html += "<option value='0'>" + globalize.translate("Never") + "</option>", html += [30, 60, 90].map(function(val) { html += "<option value='0'>" + globalize.translate("Never") + "</option>";
return "<option value='" + val + "'>" + globalize.translate("EveryNDays", val) + "</option>" html += [30, 60, 90].map(function(val) {
}).join(""), select.innerHTML = html return "<option value='" + val + "'>" + globalize.translate("EveryNDays", val) + "</option>";
}).join("");
select.innerHTML = html;
} }
function renderMetadataReaders(page, plugins) { function renderMetadataReaders(page, plugins) {
var html = "", var html = "";
elem = page.querySelector(".metadataReaders"); var elem = page.querySelector(".metadataReaders");
if (plugins.length < 1) return elem.innerHTML = "", elem.classList.add("hide"), !1; if (plugins.length < 1) return elem.innerHTML = "", elem.classList.add("hide"), !1;
html += '<h3 class="checkboxListLabel">' + globalize.translate("LabelMetadataReaders") + "</h3>", html += '<div class="checkboxList paperList checkboxList-paperList">'; html += '<h3 class="checkboxListLabel">' + globalize.translate("LabelMetadataReaders") + "</h3>";
for (var i = 0, length = plugins.length; i < length; i++) { html += '<div class="checkboxList paperList checkboxList-paperList">';
for (var i = 0; i < plugins.length; i++) {
var plugin = plugins[i]; var plugin = plugins[i];
html += '<div class="listItem localReaderOption sortableOption" data-pluginname="' + plugin.Name + '">', html += '<i class="listItemIcon md-icon">live_tv</i>', html += '<div class="listItemBody">', html += '<h3 class="listItemBodyText">', html += plugin.Name, html += "</h3>", html += "</div>", i > 0 ? html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonUp") + '" class="btnSortableMoveUp btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>' : plugins.length > 1 && (html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonDown") + '" class="btnSortableMoveDown btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>'), html += "</div>" html += '<div class="listItem localReaderOption sortableOption" data-pluginname="' + plugin.Name + '">';
html += '<i class="listItemIcon md-icon">live_tv</i>';
html += '<div class="listItemBody">';
html += '<h3 class="listItemBodyText">';
html += plugin.Name;
html += "</h3>";
html += "</div>";
if (i > 0) {
html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonUp") + '" class="btnSortableMoveUp btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>';
} else if (plugins.length > 1) {
html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonDown") + '" class="btnSortableMoveDown btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>';
}
html += "</div>";
} }
return html += "</div>", html += '<div class="fieldDescription">' + globalize.translate("LabelMetadataReadersHelp") + "</div>", plugins.length < 2 ? elem.classList.add("hide") : elem.classList.remove("hide"), elem.innerHTML = html, !0 html += "</div>";
html += '<div class="fieldDescription">' + globalize.translate("LabelMetadataReadersHelp") + "</div>";
if (plugins.length < 2) {
elem.classList.add("hide");
} else {
elem.classList.remove("hide");
}
elem.innerHTML = html;
return true;
} }
function renderMetadataSavers(page, metadataSavers) { function renderMetadataSavers(page, metadataSavers) {
var html = "", var html = "";
elem = page.querySelector(".metadataSavers"); var elem = page.querySelector(".metadataSavers");
if (!metadataSavers.length) return elem.innerHTML = "", elem.classList.add("hide"), !1; if (!metadataSavers.length) return elem.innerHTML = "", elem.classList.add("hide"), false;
html += '<h3 class="checkboxListLabel">' + globalize.translate("LabelMetadataSavers") + "</h3>", html += '<div class="checkboxList paperList checkboxList-paperList">'; html += '<h3 class="checkboxListLabel">' + globalize.translate("LabelMetadataSavers") + "</h3>";
for (var i = 0, length = metadataSavers.length; i < length; i++) { html += '<div class="checkboxList paperList checkboxList-paperList">';
for (var i = 0; i < metadataSavers.length; i++) {
var plugin = metadataSavers[i]; var plugin = metadataSavers[i];
html += '<label><input type="checkbox" data-defaultenabled="' + plugin.DefaultEnabled + '" is="emby-checkbox" class="chkMetadataSaver" data-pluginname="' + plugin.Name + '" ' + !1 + "><span>" + plugin.Name + "</span></label>" html += '<label><input type="checkbox" data-defaultenabled="' + plugin.DefaultEnabled + '" is="emby-checkbox" class="chkMetadataSaver" data-pluginname="' + plugin.Name + '" ' + false + "><span>" + plugin.Name + "</span></label>";
} }
return html += "</div>", html += '<div class="fieldDescription" style="margin-top:.25em;">' + globalize.translate("LabelMetadataSaversHelp") + "</div>", elem.innerHTML = html, elem.classList.remove("hide"), !0 html += "</div>";
html += '<div class="fieldDescription" style="margin-top:.25em;">' + globalize.translate("LabelMetadataSaversHelp") + "</div>";
elem.innerHTML = html;
elem.classList.remove("hide");
return true;
} }
function getMetadataFetchersForTypeHtml(availableTypeOptions, libraryOptionsForType) { function getMetadataFetchersForTypeHtml(availableTypeOptions, libraryOptionsForType) {
var html = "", var html = "";
plugins = availableTypeOptions.MetadataFetchers; var plugins = availableTypeOptions.MetadataFetchers;
if (plugins = getOrderedPlugins(plugins, libraryOptionsForType.MetadataFetcherOrder || []), !plugins.length) return html;
html += '<div class="metadataFetcher" data-type="' + availableTypeOptions.Type + '">', html += '<h3 class="checkboxListLabel">' + globalize.translate("LabelTypeMetadataDownloaders", availableTypeOptions.Type) + "</h3>", html += '<div class="checkboxList paperList checkboxList-paperList">'; plugins = getOrderedPlugins(plugins, libraryOptionsForType.MetadataFetcherOrder || []);
for (var i = 0, length = plugins.length; i < length; i++) { if (!plugins.length) return html;
html += '<div class="metadataFetcher" data-type="' + availableTypeOptions.Type + '">';
html += '<h3 class="checkboxListLabel">' + globalize.translate("LabelTypeMetadataDownloaders", availableTypeOptions.Type) + "</h3>";
html += '<div class="checkboxList paperList checkboxList-paperList">';
for (var i = 0; i < plugins.length; i++) {
var plugin = plugins[i]; var plugin = plugins[i];
html += '<div class="listItem metadataFetcherItem sortableOption" data-pluginname="' + plugin.Name + '">'; html += '<div class="listItem metadataFetcherItem sortableOption" data-pluginname="' + plugin.Name + '">';
var isChecked = libraryOptionsForType.MetadataFetchers ? -1 !== libraryOptionsForType.MetadataFetchers.indexOf(plugin.Name) : plugin.DefaultEnabled, var isChecked = libraryOptionsForType.MetadataFetchers ? -1 !== libraryOptionsForType.MetadataFetchers.indexOf(plugin.Name) : plugin.DefaultEnabled;
checkedHtml = isChecked ? ' checked="checked"' : ""; var checkedHtml = isChecked ? ' checked="checked"' : "";
html += '<label class="listItemCheckboxContainer"><input type="checkbox" is="emby-checkbox" class="chkMetadataFetcher" data-pluginname="' + plugin.Name + '" ' + checkedHtml + "><span></span></label>", html += '<div class="listItemBody">', html += '<h3 class="listItemBodyText">', html += plugin.Name, html += "</h3>", html += "</div>", i > 0 ? html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonUp") + '" class="btnSortableMoveUp btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>' : plugins.length > 1 && (html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonDown") + '" class="btnSortableMoveDown btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>'), html += "</div>" html += '<label class="listItemCheckboxContainer"><input type="checkbox" is="emby-checkbox" class="chkMetadataFetcher" data-pluginname="' + plugin.Name + '" ' + checkedHtml + "><span></span></label>";
html += '<div class="listItemBody">';
html += '<h3 class="listItemBodyText">';
html += plugin.Name;
html += "</h3>";
html += "</div>";
i > 0 ? html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonUp") + '" class="btnSortableMoveUp btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>' : plugins.length > 1 && (html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonDown") + '" class="btnSortableMoveDown btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>'), html += "</div>"
} }
return html += "</div>", html += '<div class="fieldDescription">' + globalize.translate("LabelMetadataDownloadersHelp") + "</div>", html += "</div>" html += "</div>";
html += '<div class="fieldDescription">' + globalize.translate("LabelMetadataDownloadersHelp") + "</div>";
html += "</div>";
return html;
} }
function getTypeOptions(allOptions, type) { function getTypeOptions(allOptions, type) {
for (var allTypeOptions = allOptions.TypeOptions || [], i = 0, length = allTypeOptions.length; i < length; i++) { var allTypeOptions = allOptions.TypeOptions || [];
for (var i = 0; i < allTypeOptions.length; i++) {
var typeOptions = allTypeOptions[i]; var typeOptions = allTypeOptions[i];
if (typeOptions.Type === type) return typeOptions if (typeOptions.Type === type) return typeOptions;
} }
return null return null;
} }
function renderMetadataFetchers(page, availableOptions, libraryOptions) { function renderMetadataFetchers(page, availableOptions, libraryOptions) {
for (var html = "", elem = page.querySelector(".metadataFetchers"), i = 0, length = availableOptions.TypeOptions.length; i < length; i++) { var html = "";
var elem = page.querySelector(".metadataFetchers");
for (var i = 0; i < availableOptions.TypeOptions.length; i++) {
var availableTypeOptions = availableOptions.TypeOptions[i]; var availableTypeOptions = availableOptions.TypeOptions[i];
html += getMetadataFetchersForTypeHtml(availableTypeOptions, getTypeOptions(libraryOptions, availableTypeOptions.Type) || {}) html += getMetadataFetchersForTypeHtml(availableTypeOptions, getTypeOptions(libraryOptions, availableTypeOptions.Type) || {});
} }
return elem.innerHTML = html, html ? (elem.classList.remove("hide"), page.querySelector(".fldAutoRefreshInterval").classList.remove("hide"), page.querySelector(".fldMetadataLanguage").classList.remove("hide"), page.querySelector(".fldMetadataCountry").classList.remove("hide")) : (elem.classList.add("hide"), page.querySelector(".fldAutoRefreshInterval").classList.add("hide"), page.querySelector(".fldMetadataLanguage").classList.add("hide"), page.querySelector(".fldMetadataCountry").classList.add("hide")), !0 elem.innerHTML = html;
if (html) {
elem.classList.remove("hide");
page.querySelector(".fldAutoRefreshInterval").classList.remove("hide");
page.querySelector(".fldMetadataLanguage").classList.remove("hide");
page.querySelector(".fldMetadataCountry").classList.remove("hide");
} else {
elem.classList.add("hide");
page.querySelector(".fldAutoRefreshInterval").classList.add("hide");
page.querySelector(".fldMetadataLanguage").classList.add("hide");
page.querySelector(".fldMetadataCountry").classList.add("hide");
}
return true;
} }
function renderSubtitleFetchers(page, availableOptions, libraryOptions) { function renderSubtitleFetchers(page, availableOptions, libraryOptions) {
try { var html = "";
var html = "", var elem = page.querySelector(".subtitleFetchers");
elem = page.querySelector(".subtitleFetchers"),
html = "", var plugins = availableOptions.SubtitleFetchers;
plugins = availableOptions.SubtitleFetchers; plugins = getOrderedPlugins(plugins, libraryOptions.SubtitleFetcherOrder || []);
if (plugins = getOrderedPlugins(plugins, libraryOptions.SubtitleFetcherOrder || []), !plugins.length) return html; if (!plugins.length) return html;
html += '<h3 class="checkboxListLabel">' + globalize.translate("LabelSubtitleDownloaders") + "</h3>", html += '<div class="checkboxList paperList checkboxList-paperList">';
for (var i = 0, length = plugins.length; i < length; i++) { html += '<h3 class="checkboxListLabel">' + globalize.translate("LabelSubtitleDownloaders") + "</h3>";
var plugin = plugins[i]; html += '<div class="checkboxList paperList checkboxList-paperList">';
html += '<div class="listItem subtitleFetcherItem sortableOption" data-pluginname="' + plugin.Name + '">'; for (var i = 0; i < plugins.length; i++) {
var isChecked = libraryOptions.DisabledSubtitleFetchers ? -1 === libraryOptions.DisabledSubtitleFetchers.indexOf(plugin.Name) : plugin.DefaultEnabled, var plugin = plugins[i];
checkedHtml = isChecked ? ' checked="checked"' : ""; html += '<div class="listItem subtitleFetcherItem sortableOption" data-pluginname="' + plugin.Name + '">';
html += '<label class="listItemCheckboxContainer"><input type="checkbox" is="emby-checkbox" class="chkSubtitleFetcher" data-pluginname="' + plugin.Name + '" ' + checkedHtml + "><span></span></label>", html += '<div class="listItemBody">', html += '<h3 class="listItemBodyText">', html += plugin.Name, html += "</h3>", "Open Subtitles" === plugin.Name && (html += '<div class="listItemBodyText secondary">', html += globalize.translate("OpenSubtitleInstructions"), html += "</div>"), html += "</div>", i > 0 ? html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonUp") + '" class="btnSortableMoveUp btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>' : plugins.length > 1 && (html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonDown") + '" class="btnSortableMoveDown btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>'), html += "</div>" var isChecked = libraryOptions.DisabledSubtitleFetchers ? -1 === libraryOptions.DisabledSubtitleFetchers.indexOf(plugin.Name) : plugin.DefaultEnabled;
var checkedHtml = isChecked ? ' checked="checked"' : "";
html += '<label class="listItemCheckboxContainer"><input type="checkbox" is="emby-checkbox" class="chkSubtitleFetcher" data-pluginname="' + plugin.Name + '" ' + checkedHtml + "><span></span></label>";
html += '<div class="listItemBody">';
html += '<h3 class="listItemBodyText">';
html += plugin.Name;
html += "</h3>";
if (plugin.Name === "Open Subtitles") {
html += '<div class="listItemBodyText secondary">';
html += globalize.translate("OpenSubtitleInstructions");
html += "</div>";
} }
html += "</div>", html += '<div class="fieldDescription">' + globalize.translate("SubtitleDownloadersHelp") + "</div>", elem.innerHTML = html html += "</div>";
} catch (err) { if (i > 0) {
alert(err) html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonUp") + '" class="btnSortableMoveUp btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>';
} else if (plugins.length > 1) {
html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonDown") + '" class="btnSortableMoveDown btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>';
}
html += "</div>";
} }
html += "</div>";
html += '<div class="fieldDescription">' + globalize.translate("SubtitleDownloadersHelp") + "</div>";
elem.innerHTML = html;
} }
function getImageFetchersForTypeHtml(availableTypeOptions, libraryOptionsForType) { function getImageFetchersForTypeHtml(availableTypeOptions, libraryOptionsForType) {
var html = "", var html = "";
plugins = availableTypeOptions.ImageFetchers; var plugins = availableTypeOptions.ImageFetchers;
if (plugins = getOrderedPlugins(plugins, libraryOptionsForType.ImageFetcherOrder || []), !plugins.length) return html;
html += '<div class="imageFetcher" data-type="' + availableTypeOptions.Type + '">', html += '<div class="flex align-items-center" style="margin:1.5em 0 .5em;">', html += '<h3 class="checkboxListLabel" style="margin:0;">' + globalize.translate("HeaderTypeImageFetchers", availableTypeOptions.Type) + "</h3>"; plugins = getOrderedPlugins(plugins, libraryOptionsForType.ImageFetcherOrder || []);
if (!plugins.length) return html;
html += '<div class="imageFetcher" data-type="' + availableTypeOptions.Type + '">';
html += '<div class="flex align-items-center" style="margin:1.5em 0 .5em;">';
html += '<h3 class="checkboxListLabel" style="margin:0;">' + globalize.translate("HeaderTypeImageFetchers", availableTypeOptions.Type) + "</h3>";
var supportedImageTypes = availableTypeOptions.SupportedImageTypes || []; var supportedImageTypes = availableTypeOptions.SupportedImageTypes || [];
(supportedImageTypes.length > 1 || 1 === supportedImageTypes.length && "Primary" !== supportedImageTypes[0]) && (html += '<button is="emby-button" class="raised btnImageOptionsForType" type="button" style="margin-left:1.5em;font-size:90%;"><span>' + globalize.translate("HeaderFetcherSettings") + "</span></button>"), html += "</div>", html += '<div class="checkboxList paperList checkboxList-paperList">'; if (supportedImageTypes.length > 1 || 1 === supportedImageTypes.length && "Primary" !== supportedImageTypes[0]) {
for (var i = 0, length = plugins.length; i < length; i++) { html += '<button is="emby-button" class="raised btnImageOptionsForType" type="button" style="margin-left:1.5em;font-size:90%;"><span>' + globalize.translate("HeaderFetcherSettings") + "</span></button>";
}
html += "</div>";
html += '<div class="checkboxList paperList checkboxList-paperList">';
for (var i = 0; i < plugins.length; i++) {
var plugin = plugins[i]; var plugin = plugins[i];
html += '<div class="listItem imageFetcherItem sortableOption" data-pluginname="' + plugin.Name + '">'; html += '<div class="listItem imageFetcherItem sortableOption" data-pluginname="' + plugin.Name + '">';
var isChecked = libraryOptionsForType.ImageFetchers ? -1 !== libraryOptionsForType.ImageFetchers.indexOf(plugin.Name) : plugin.DefaultEnabled, var isChecked = libraryOptionsForType.ImageFetchers ? -1 !== libraryOptionsForType.ImageFetchers.indexOf(plugin.Name) : plugin.DefaultEnabled;
checkedHtml = isChecked ? ' checked="checked"' : ""; var checkedHtml = isChecked ? ' checked="checked"' : "";
html += '<label class="listItemCheckboxContainer"><input type="checkbox" is="emby-checkbox" class="chkImageFetcher" data-pluginname="' + plugin.Name + '" ' + checkedHtml + "><span></span></label>", html += '<div class="listItemBody">', html += '<h3 class="listItemBodyText">', html += plugin.Name, html += "</h3>", html += "</div>", i > 0 ? html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonUp") + '" class="btnSortableMoveUp btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>' : plugins.length > 1 && (html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonDown") + '" class="btnSortableMoveDown btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>'), html += "</div>" html += '<label class="listItemCheckboxContainer"><input type="checkbox" is="emby-checkbox" class="chkImageFetcher" data-pluginname="' + plugin.Name + '" ' + checkedHtml + "><span></span></label>";
html += '<div class="listItemBody">';
html += '<h3 class="listItemBodyText">';
html += plugin.Name;
html += "</h3>";
html += "</div>";
if (i > 0) {
html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonUp") + '" class="btnSortableMoveUp btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_up</i></button>';
} else if (plugins.length > 1) {
html += '<button type="button" is="paper-icon-button-light" title="' + globalize.translate("ButtonDown") + '" class="btnSortableMoveDown btnSortable" data-pluginindex="' + i + '"><i class="md-icon">keyboard_arrow_down</i></button>';
}
html += "</div>";
} }
return html += "</div>", html += '<div class="fieldDescription">' + globalize.translate("LabelImageFetchersHelp") + "</div>", html += "</div>" html += "</div>";
html += '<div class="fieldDescription">' + globalize.translate("LabelImageFetchersHelp") + "</div>";
html += "</div>";
return html;
} }
function renderImageFetchers(page, availableOptions, libraryOptions) { function renderImageFetchers(page, availableOptions, libraryOptions) {
for (var html = "", elem = page.querySelector(".imageFetchers"), i = 0, length = availableOptions.TypeOptions.length; i < length; i++) { var html = "";
var elem = page.querySelector(".imageFetchers");
for (var i = 0; i < availableOptions.TypeOptions.length; i++) {
var availableTypeOptions = availableOptions.TypeOptions[i]; var availableTypeOptions = availableOptions.TypeOptions[i];
html += getImageFetchersForTypeHtml(availableTypeOptions, getTypeOptions(libraryOptions, availableTypeOptions.Type) || {}) html += getImageFetchersForTypeHtml(availableTypeOptions, getTypeOptions(libraryOptions, availableTypeOptions.Type) || {});
} }
return elem.innerHTML = html, html ? (elem.classList.remove("hide"), page.querySelector(".chkDownloadImagesInAdvanceContainer").classList.remove("hide"), page.querySelector(".chkSaveLocalContainer").classList.remove("hide")) : (elem.classList.add("hide"), page.querySelector(".chkDownloadImagesInAdvanceContainer").classList.add("hide"), page.querySelector(".chkSaveLocalContainer").classList.add("hide")), !0 elem.innerHTML = html;
if (html) {
elem.classList.remove("hide");
page.querySelector(".chkDownloadImagesInAdvanceContainer").classList.remove("hide");
page.querySelector(".chkSaveLocalContainer").classList.remove("hide");
} else {
elem.classList.add("hide");
page.querySelector(".chkDownloadImagesInAdvanceContainer").classList.add("hide");
page.querySelector(".chkSaveLocalContainer").classList.add("hide");
}
return true;
} }
function populateMetadataSettings(parent, contentType, isNewLibrary) { function populateMetadataSettings(parent, contentType, isNewLibrary) {
@ -151,15 +263,30 @@ define(["globalize", "dom", "emby-checkbox", "emby-select", "emby-input"], funct
LibraryContentType: contentType, LibraryContentType: contentType,
IsNewLibrary: isNewLibrary IsNewLibrary: isNewLibrary
})).then(function(availableOptions) { })).then(function(availableOptions) {
currentAvailableOptions = availableOptions, parent.availableOptions = availableOptions, renderMetadataSavers(parent, availableOptions.MetadataSavers), renderMetadataReaders(parent, availableOptions.MetadataReaders), renderMetadataFetchers(parent, availableOptions, {}), renderSubtitleFetchers(parent, availableOptions, {}), renderImageFetchers(parent, availableOptions, {}), availableOptions.SubtitleFetchers.length ? parent.querySelector(".subtitleDownloadSettings").classList.remove("hide") : parent.querySelector(".subtitleDownloadSettings").classList.add("hide") currentAvailableOptions = availableOptions;
parent.availableOptions = availableOptions;
renderMetadataSavers(parent, availableOptions.MetadataSavers);
renderMetadataReaders(parent, availableOptions.MetadataReaders);
renderMetadataFetchers(parent, availableOptions, {});
renderSubtitleFetchers(parent, availableOptions, {});
renderImageFetchers(parent, availableOptions, {});
availableOptions.SubtitleFetchers.length ? parent.querySelector(".subtitleDownloadSettings").classList.remove("hide") : parent.querySelector(".subtitleDownloadSettings").classList.add("hide")
}).catch(function() { }).catch(function() {
return Promise.resolve() return Promise.resolve();
}) })
} }
function adjustSortableListElement(elem) { function adjustSortableListElement(elem) {
var btnSortable = elem.querySelector(".btnSortable"); var btnSortable = elem.querySelector(".btnSortable");
elem.previousSibling ? (btnSortable.classList.add("btnSortableMoveUp"), btnSortable.classList.remove("btnSortableMoveDown"), btnSortable.querySelector("i").innerHTML = "keyboard_arrow_up") : (btnSortable.classList.remove("btnSortableMoveUp"), btnSortable.classList.add("btnSortableMoveDown"), btnSortable.querySelector("i").innerHTML = "keyboard_arrow_down") if (elem.previousSibling) {
btnSortable.classList.add("btnSortableMoveUp");
btnSortable.classList.remove("btnSortableMoveDown");
btnSortable.querySelector("i").innerHTML = "keyboard_arrow_up";
} else {
btnSortable.classList.remove("btnSortableMoveUp");
btnSortable.classList.add("btnSortableMoveDown");
btnSortable.querySelector("i").innerHTML = "keyboard_arrow_down";
}
} }
function showImageOptionsForType(type) { function showImageOptionsForType(type) {
@ -176,16 +303,16 @@ define(["globalize", "dom", "emby-checkbox", "emby-select", "emby-input"], funct
function onImageFetchersContainerClick(e) { function onImageFetchersContainerClick(e) {
var btnImageOptionsForType = dom.parentWithClass(e.target, "btnImageOptionsForType"); var btnImageOptionsForType = dom.parentWithClass(e.target, "btnImageOptionsForType");
if (btnImageOptionsForType) { if (btnImageOptionsForType) {
return void showImageOptionsForType(dom.parentWithClass(btnImageOptionsForType, "imageFetcher").getAttribute("data-type")) return void showImageOptionsForType(dom.parentWithClass(btnImageOptionsForType, "imageFetcher").getAttribute("data-type"));
} }
onSortableContainerClick.call(this, e) onSortableContainerClick.call(this, e);
} }
function onSortableContainerClick(e) { function onSortableContainerClick(e) {
var btnSortable = dom.parentWithClass(e.target, "btnSortable"); var btnSortable = dom.parentWithClass(e.target, "btnSortable");
if (btnSortable) { if (btnSortable) {
var li = dom.parentWithClass(btnSortable, "sortableOption"), var li = dom.parentWithClass(btnSortable, "sortableOption");
list = dom.parentWithClass(li, "paperList"); var list = dom.parentWithClass(li, "paperList");
if (btnSortable.classList.contains("btnSortableMoveDown")) { if (btnSortable.classList.contains("btnSortableMoveDown")) {
var next = li.nextSibling; var next = li.nextSibling;
next && (li.parentNode.removeChild(li), next.parentNode.insertBefore(li, next.nextSibling)) next && (li.parentNode.removeChild(li), next.parentNode.insertBefore(li, next.nextSibling))
@ -198,35 +325,78 @@ define(["globalize", "dom", "emby-checkbox", "emby-select", "emby-input"], funct
} }
function bindEvents(parent) { function bindEvents(parent) {
parent.querySelector(".metadataReaders").addEventListener("click", onSortableContainerClick), parent.querySelector(".subtitleFetchers").addEventListener("click", onSortableContainerClick), parent.querySelector(".metadataFetchers").addEventListener("click", onSortableContainerClick), parent.querySelector(".imageFetchers").addEventListener("click", onImageFetchersContainerClick) parent.querySelector(".metadataReaders").addEventListener("click", onSortableContainerClick);
parent.querySelector(".subtitleFetchers").addEventListener("click", onSortableContainerClick);
parent.querySelector(".metadataFetchers").addEventListener("click", onSortableContainerClick);
parent.querySelector(".imageFetchers").addEventListener("click", onImageFetchersContainerClick);
} }
function embed(parent, contentType, libraryOptions) { function embed(parent, contentType, libraryOptions) {
currentLibraryOptions = { currentLibraryOptions = {
TypeOptions: [] TypeOptions: []
}, currentAvailableOptions = null; };
var isNewLibrary = null == libraryOptions; currentAvailableOptions = null;
return isNewLibrary && parent.classList.add("newlibrary"), new Promise(function(resolve, reject) { var isNewLibrary = null === libraryOptions;
isNewLibrary && parent.classList.add("newlibrary");
return new Promise(function(resolve, reject) {
var xhr = new XMLHttpRequest; var xhr = new XMLHttpRequest;
xhr.open("GET", "components/libraryoptionseditor/libraryoptionseditor.template.html", !0), xhr.onload = function(e) { xhr.open("GET", "components/libraryoptionseditor/libraryoptionseditor.template.html", true);
xhr.onload = function(e) {
var template = this.response; var template = this.response;
parent.innerHTML = globalize.translateDocument(template), populateRefreshInterval(parent.querySelector("#selectAutoRefreshInterval")); parent.innerHTML = globalize.translateDocument(template);
populateRefreshInterval(parent.querySelector("#selectAutoRefreshInterval"));
var promises = [populateLanguages(parent), populateCountries(parent.querySelector("#selectCountry"))]; var promises = [populateLanguages(parent), populateCountries(parent.querySelector("#selectCountry"))];
Promise.all(promises).then(function() { Promise.all(promises).then(function() {
return setContentType(parent, contentType).then(function() { return setContentType(parent, contentType).then(function() {
libraryOptions && setLibraryOptions(parent, libraryOptions), bindEvents(parent), resolve() libraryOptions && setLibraryOptions(parent, libraryOptions);
}) bindEvents(parent);
}) resolve();
}, xhr.send() });
}) });
};
xhr.send();
});
} }
function setAdvancedVisible(parent, visible) { function setAdvancedVisible(parent, visible) {
for (var elems = parent.querySelectorAll(".advanced"), i = 0, length = elems.length; i < length; i++) visible ? elems[i].classList.remove("advancedHide") : elems[i].classList.add("advancedHide") var elems = parent.querySelectorAll(".advanced");
for (var i = 0; i < elems.length; i++) {
visible ? elems[i].classList.remove("advancedHide") : elems[i].classList.add("advancedHide");
}
} }
function setContentType(parent, contentType) { function setContentType(parent, contentType) {
return "homevideos" === contentType || "photos" === contentType ? parent.querySelector(".chkEnablePhotosContainer").classList.remove("hide") : parent.querySelector(".chkEnablePhotosContainer").classList.add("hide"), "tvshows" !== contentType && "movies" !== contentType && "homevideos" !== contentType && "musicvideos" !== contentType && "mixed" !== contentType && contentType ? parent.querySelector(".chapterSettingsSection").classList.add("hide") : parent.querySelector(".chapterSettingsSection").classList.remove("hide"), "tvshows" === contentType ? (parent.querySelector(".chkImportMissingEpisodesContainer").classList.remove("hide"), parent.querySelector(".chkAutomaticallyGroupSeriesContainer").classList.remove("hide"), parent.querySelector(".fldSeasonZeroDisplayName").classList.remove("hide"), parent.querySelector("#txtSeasonZeroName").setAttribute("required", "required")) : (parent.querySelector(".chkImportMissingEpisodesContainer").classList.add("hide"), parent.querySelector(".chkAutomaticallyGroupSeriesContainer").classList.add("hide"), parent.querySelector(".fldSeasonZeroDisplayName").classList.add("hide"), parent.querySelector("#txtSeasonZeroName").removeAttribute("required")), "books" === contentType || "boxsets" === contentType || "playlists" === contentType || "music" === contentType ? parent.querySelector(".chkEnableEmbeddedTitlesContainer").classList.add("hide") : parent.querySelector(".chkEnableEmbeddedTitlesContainer").classList.remove("hide"), populateMetadataSettings(parent, contentType) if (contentType === "homevideos" || contentType === "photos") {
parent.querySelector(".chkEnablePhotosContainer").classList.remove("hide");
} else {
parent.querySelector(".chkEnablePhotosContainer").classList.add("hide");
}
if (contentType !== "tvshows" && contentType !== "movies" && contentType !== "homevideos" && contentType !== "musicvideos" && contentType !== "mixed") {
parent.querySelector(".chapterSettingsSection").classList.add("hide");
} else {
parent.querySelector(".chapterSettingsSection").classList.remove("hide");
}
if (contentType === "tvshows") {
parent.querySelector(".chkImportMissingEpisodesContainer").classList.remove("hide");
parent.querySelector(".chkAutomaticallyGroupSeriesContainer").classList.remove("hide");
parent.querySelector(".fldSeasonZeroDisplayName").classList.remove("hide");
parent.querySelector("#txtSeasonZeroName").setAttribute("required", "required");
} else {
parent.querySelector(".chkImportMissingEpisodesContainer").classList.add("hide");
parent.querySelector(".chkAutomaticallyGroupSeriesContainer").classList.add("hide");
parent.querySelector(".fldSeasonZeroDisplayName").classList.add("hide");
parent.querySelector("#txtSeasonZeroName").removeAttribute("required");
}
if (contentType === "books" || contentType === "boxsets" || contentType === "playlists" || contentType === "music") {
parent.querySelector(".chkEnableEmbeddedTitlesContainer").classList.add("hide");
} else {
parent.querySelector(".chkEnableEmbeddedTitlesContainer").classList.remove("hide");
}
return populateMetadataSettings(parent, contentType);
} }
function setSubtitleFetchersIntoOptions(parent, options) { function setSubtitleFetchersIntoOptions(parent, options) {
@ -234,64 +404,87 @@ define(["globalize", "dom", "emby-checkbox", "emby-select", "emby-input"], funct
return !elem.checked return !elem.checked
}), function(elem) { }), function(elem) {
return elem.getAttribute("data-pluginname") return elem.getAttribute("data-pluginname")
}), options.SubtitleFetcherOrder = Array.prototype.map.call(parent.querySelectorAll(".subtitleFetcherItem"), function(elem) { });
options.SubtitleFetcherOrder = Array.prototype.map.call(parent.querySelectorAll(".subtitleFetcherItem"), function(elem) {
return elem.getAttribute("data-pluginname") return elem.getAttribute("data-pluginname")
}) });
} }
function setMetadataFetchersIntoOptions(parent, options) { function setMetadataFetchersIntoOptions(parent, options) {
for (var sections = parent.querySelectorAll(".metadataFetcher"), i = 0, length = sections.length; i < length; i++) { var sections = parent.querySelectorAll(".metadataFetcher");
var section = sections[i], for (var i = 0; i < sections.length; i++) {
type = section.getAttribute("data-type"), var section = sections[i];
typeOptions = getTypeOptions(options, type); var type = section.getAttribute("data-type");
typeOptions || (typeOptions = { var typeOptions = getTypeOptions(options, type);
Type: type if (!typeOptions) {
}, options.TypeOptions.push(typeOptions)), typeOptions.MetadataFetchers = Array.prototype.map.call(Array.prototype.filter.call(section.querySelectorAll(".chkMetadataFetcher"), function(elem) { typeOptions = {
return elem.checked Type: type
};
options.TypeOptions.push(typeOptions);
}
typeOptions.MetadataFetchers = Array.prototype.map.call(Array.prototype.filter.call(section.querySelectorAll(".chkMetadataFetcher"), function(elem) {
return elem.checked;
}), function(elem) { }), function(elem) {
return elem.getAttribute("data-pluginname") return elem.getAttribute("data-pluginname");
}), typeOptions.MetadataFetcherOrder = Array.prototype.map.call(section.querySelectorAll(".metadataFetcherItem"), function(elem) { });
return elem.getAttribute("data-pluginname")
}) typeOptions.MetadataFetcherOrder = Array.prototype.map.call(section.querySelectorAll(".metadataFetcherItem"), function(elem) {
return elem.getAttribute("data-pluginname");
});
} }
} }
function setImageFetchersIntoOptions(parent, options) { function setImageFetchersIntoOptions(parent, options) {
for (var sections = parent.querySelectorAll(".imageFetcher"), i = 0, length = sections.length; i < length; i++) { var sections = parent.querySelectorAll(".imageFetcher");
var section = sections[i], for (var i = 0; i < sections.length; i++) {
type = section.getAttribute("data-type"), var section = sections[i];
typeOptions = getTypeOptions(options, type); var type = section.getAttribute("data-type");
typeOptions || (typeOptions = { var typeOptions = getTypeOptions(options, type);
Type: type if (!typeOptions) {
}, options.TypeOptions.push(typeOptions)), typeOptions.ImageFetchers = Array.prototype.map.call(Array.prototype.filter.call(section.querySelectorAll(".chkImageFetcher"), function(elem) { typeOptions = {
Type: type
};
options.TypeOptions.push(typeOptions);
}
typeOptions.ImageFetchers = Array.prototype.map.call(Array.prototype.filter.call(section.querySelectorAll(".chkImageFetcher"), function(elem) {
return elem.checked return elem.checked
}), function(elem) { }), function(elem) {
return elem.getAttribute("data-pluginname") return elem.getAttribute("data-pluginname")
}), typeOptions.ImageFetcherOrder = Array.prototype.map.call(section.querySelectorAll(".imageFetcherItem"), function(elem) { });
typeOptions.ImageFetcherOrder = Array.prototype.map.call(section.querySelectorAll(".imageFetcherItem"), function(elem) {
return elem.getAttribute("data-pluginname") return elem.getAttribute("data-pluginname")
}) });
} }
} }
function setImageOptionsIntoOptions(parent, options) { function setImageOptionsIntoOptions(parent, options) {
for (var originalTypeOptions = (currentLibraryOptions || {}).TypeOptions || [], i = 0, length = originalTypeOptions.length; i < length; i++) { var originalTypeOptions = (currentLibraryOptions || {}).TypeOptions || [];
var originalTypeOption = originalTypeOptions[i], for (var i = 0; i < originalTypeOptions.length; i++) {
typeOptions = getTypeOptions(options, originalTypeOption.Type); var originalTypeOption = originalTypeOptions[i];
typeOptions || (typeOptions = { var typeOptions = getTypeOptions(options, originalTypeOption.Type);
Type: type
}, options.TypeOptions.push(typeOptions)), originalTypeOption.ImageOptions && (typeOptions.ImageOptions = originalTypeOption.ImageOptions) if (!typeOptions) {
typeOptions = {
Type: type
};
options.TypeOptions.push(typeOptions);
}
originalTypeOption.ImageOptions && (typeOptions.ImageOptions = originalTypeOption.ImageOptions);
} }
} }
function getLibraryOptions(parent) { function getLibraryOptions(parent) {
var options = { var options = {
EnableArchiveMediaFiles: !1, EnableArchiveMediaFiles: false,
EnablePhotos: parent.querySelector(".chkEnablePhotos").checked, EnablePhotos: parent.querySelector(".chkEnablePhotos").checked,
EnableRealtimeMonitor: parent.querySelector(".chkEnableRealtimeMonitor").checked, EnableRealtimeMonitor: parent.querySelector(".chkEnableRealtimeMonitor").checked,
ExtractChapterImagesDuringLibraryScan: parent.querySelector(".chkExtractChaptersDuringLibraryScan").checked, ExtractChapterImagesDuringLibraryScan: parent.querySelector(".chkExtractChaptersDuringLibraryScan").checked,
EnableChapterImageExtraction: parent.querySelector(".chkExtractChapterImages").checked, EnableChapterImageExtraction: parent.querySelector(".chkExtractChapterImages").checked,
DownloadImagesInAdvance: parent.querySelector("#chkDownloadImagesInAdvance").checked, DownloadImagesInAdvance: parent.querySelector("#chkDownloadImagesInAdvance").checked,
EnableInternetProviders: !0, EnableInternetProviders: true,
ImportMissingEpisodes: parent.querySelector("#chkImportMissingEpisodes").checked, ImportMissingEpisodes: parent.querySelector("#chkImportMissingEpisodes").checked,
SaveLocalMetadata: parent.querySelector("#chkSaveLocal").checked, SaveLocalMetadata: parent.querySelector("#chkSaveLocal").checked,
EnableAutomaticSeriesGrouping: parent.querySelector(".chkAutomaticallyGroupSeries").checked, EnableAutomaticSeriesGrouping: parent.querySelector(".chkAutomaticallyGroupSeries").checked,
@ -311,29 +504,66 @@ define(["globalize", "dom", "emby-checkbox", "emby-select", "emby-input"], funct
}), }),
TypeOptions: [] TypeOptions: []
}; };
return options.LocalMetadataReaderOrder = Array.prototype.map.call(parent.querySelectorAll(".localReaderOption"), function(elem) {
options.LocalMetadataReaderOrder = Array.prototype.map.call(parent.querySelectorAll(".localReaderOption"), function(elem) {
return elem.getAttribute("data-pluginname") return elem.getAttribute("data-pluginname")
}), options.SubtitleDownloadLanguages = Array.prototype.map.call(Array.prototype.filter.call(parent.querySelectorAll(".chkSubtitleLanguage"), function(elem) { });
options.SubtitleDownloadLanguages = Array.prototype.map.call(Array.prototype.filter.call(parent.querySelectorAll(".chkSubtitleLanguage"), function(elem) {
return elem.checked return elem.checked
}), function(elem) { }), function(elem) {
return elem.getAttribute("data-lang") return elem.getAttribute("data-lang")
}), setSubtitleFetchersIntoOptions(parent, options), setMetadataFetchersIntoOptions(parent, options), setImageFetchersIntoOptions(parent, options), setImageOptionsIntoOptions(parent, options), options });
setSubtitleFetchersIntoOptions(parent, options);
setMetadataFetchersIntoOptions(parent, options);
setImageFetchersIntoOptions(parent, options);
setImageOptionsIntoOptions(parent, options);
return options;
} }
function getOrderedPlugins(plugins, configuredOrder) { function getOrderedPlugins(plugins, configuredOrder) {
return plugins = plugins.slice(0), plugins.sort(function(a, b) { plugins = plugins.slice(0);
plugins.sort(function(a, b) {
return a = configuredOrder.indexOf(a.Name), b = configuredOrder.indexOf(b.Name), a < b ? -1 : a > b ? 1 : 0 return a = configuredOrder.indexOf(a.Name), b = configuredOrder.indexOf(b.Name), a < b ? -1 : a > b ? 1 : 0
}), plugins });
return plugins;
} }
function setLibraryOptions(parent, options) { function setLibraryOptions(parent, options) {
currentLibraryOptions = options, currentAvailableOptions = parent.availableOptions, parent.querySelector("#selectLanguage").value = options.PreferredMetadataLanguage || "", parent.querySelector("#selectCountry").value = options.MetadataCountryCode || "", parent.querySelector("#selectAutoRefreshInterval").value = options.AutomaticRefreshIntervalDays || "0", parent.querySelector("#txtSeasonZeroName").value = options.SeasonZeroDisplayName || "Specials", parent.querySelector(".chkEnablePhotos").checked = options.EnablePhotos, parent.querySelector(".chkEnableRealtimeMonitor").checked = options.EnableRealtimeMonitor, parent.querySelector(".chkExtractChaptersDuringLibraryScan").checked = options.ExtractChapterImagesDuringLibraryScan, parent.querySelector(".chkExtractChapterImages").checked = options.EnableChapterImageExtraction, parent.querySelector("#chkDownloadImagesInAdvance").checked = options.DownloadImagesInAdvance, parent.querySelector("#chkSaveLocal").checked = options.SaveLocalMetadata, parent.querySelector("#chkImportMissingEpisodes").checked = options.ImportMissingEpisodes, parent.querySelector(".chkAutomaticallyGroupSeries").checked = options.EnableAutomaticSeriesGrouping, parent.querySelector("#chkEnableEmbeddedTitles").checked = options.EnableEmbeddedTitles, parent.querySelector("#chkSkipIfGraphicalSubsPresent").checked = options.SkipSubtitlesIfEmbeddedSubtitlesPresent, parent.querySelector("#chkSaveSubtitlesLocally").checked = options.SaveSubtitlesWithMedia, parent.querySelector("#chkSkipIfAudioTrackPresent").checked = options.SkipSubtitlesIfAudioTrackMatches, parent.querySelector("#chkRequirePerfectMatch").checked = options.RequirePerfectSubtitleMatch, Array.prototype.forEach.call(parent.querySelectorAll(".chkMetadataSaver"), function(elem) { currentLibraryOptions = options;
currentAvailableOptions = parent.availableOptions;
parent.querySelector("#selectLanguage").value = options.PreferredMetadataLanguage || "";
parent.querySelector("#selectCountry").value = options.MetadataCountryCode || "";
parent.querySelector("#selectAutoRefreshInterval").value = options.AutomaticRefreshIntervalDays || "0";
parent.querySelector("#txtSeasonZeroName").value = options.SeasonZeroDisplayName || "Specials";
parent.querySelector(".chkEnablePhotos").checked = options.EnablePhotos;
parent.querySelector(".chkEnableRealtimeMonitor").checked = options.EnableRealtimeMonitor;
parent.querySelector(".chkExtractChaptersDuringLibraryScan").checked = options.ExtractChapterImagesDuringLibraryScan;
parent.querySelector(".chkExtractChapterImages").checked = options.EnableChapterImageExtraction;
parent.querySelector("#chkDownloadImagesInAdvance").checked = options.DownloadImagesInAdvance;
parent.querySelector("#chkSaveLocal").checked = options.SaveLocalMetadata;
parent.querySelector("#chkImportMissingEpisodes").checked = options.ImportMissingEpisodes;
parent.querySelector(".chkAutomaticallyGroupSeries").checked = options.EnableAutomaticSeriesGrouping;
parent.querySelector("#chkEnableEmbeddedTitles").checked = options.EnableEmbeddedTitles;
parent.querySelector("#chkSkipIfGraphicalSubsPresent").checked = options.SkipSubtitlesIfEmbeddedSubtitlesPresent;
parent.querySelector("#chkSaveSubtitlesLocally").checked = options.SaveSubtitlesWithMedia;
parent.querySelector("#chkSkipIfAudioTrackPresent").checked = options.SkipSubtitlesIfAudioTrackMatches;
parent.querySelector("#chkRequirePerfectMatch").checked = options.RequirePerfectSubtitleMatch;
Array.prototype.forEach.call(parent.querySelectorAll(".chkMetadataSaver"), function(elem) {
elem.checked = options.MetadataSavers ? -1 !== options.MetadataSavers.indexOf(elem.getAttribute("data-pluginname")) : "true" === elem.getAttribute("data-defaultenabled") elem.checked = options.MetadataSavers ? -1 !== options.MetadataSavers.indexOf(elem.getAttribute("data-pluginname")) : "true" === elem.getAttribute("data-defaultenabled")
}), Array.prototype.forEach.call(parent.querySelectorAll(".chkSubtitleLanguage"), function(elem) { });
Array.prototype.forEach.call(parent.querySelectorAll(".chkSubtitleLanguage"), function(elem) {
elem.checked = !!options.SubtitleDownloadLanguages && -1 !== options.SubtitleDownloadLanguages.indexOf(elem.getAttribute("data-lang")) elem.checked = !!options.SubtitleDownloadLanguages && -1 !== options.SubtitleDownloadLanguages.indexOf(elem.getAttribute("data-lang"))
}), renderMetadataReaders(parent, getOrderedPlugins(parent.availableOptions.MetadataReaders, options.LocalMetadataReaderOrder || [])), renderMetadataFetchers(parent, parent.availableOptions, options), renderImageFetchers(parent, parent.availableOptions, options), renderSubtitleFetchers(parent, parent.availableOptions, options) });
renderMetadataReaders(parent, getOrderedPlugins(parent.availableOptions.MetadataReaders, options.LocalMetadataReaderOrder || []));
renderMetadataFetchers(parent, parent.availableOptions, options);
renderImageFetchers(parent, parent.availableOptions, options);
renderSubtitleFetchers(parent, parent.availableOptions, options);
} }
var currentLibraryOptions, currentAvailableOptions;
var currentLibraryOptions;
var currentAvailableOptions;
return { return {
embed: embed, embed: embed,
setContentType: setContentType, setContentType: setContentType,

5
src/components/libraryoptionseditor/libraryoptionseditor.template.html
View file

@ -39,16 +39,21 @@
<div class="metadataReaders hide advanced" style="margin-bottom: 2em;"> <div class="metadataReaders hide advanced" style="margin-bottom: 2em;">
</div> </div>
<div class="metadataFetchers hide" style="margin-bottom: 2em;"> <div class="metadataFetchers hide" style="margin-bottom: 2em;">
</div> </div>
<div class="selectContainer fldAutoRefreshInterval hide advanced" style="margin: 2em 0;"> <div class="selectContainer fldAutoRefreshInterval hide advanced" style="margin: 2em 0;">
<select is="emby-select" id="selectAutoRefreshInterval" label="${LabelAutomaticallyRefreshInternetMetadataEvery}"></select> <select is="emby-select" id="selectAutoRefreshInterval" label="${LabelAutomaticallyRefreshInternetMetadataEvery}"></select>
<div class="fieldDescription">${MessageEnablingOptionLongerScans}</div> <div class="fieldDescription">${MessageEnablingOptionLongerScans}</div>
</div> </div>
<div class="metadataSavers hide" style="margin-bottom: 2em;"> <div class="metadataSavers hide" style="margin-bottom: 2em;">
</div> </div>
<div class="imageFetchers hide advanced" style="margin-bottom: 2em;"> <div class="imageFetchers hide advanced" style="margin-bottom: 2em;">
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription chkSaveLocalContainer hide"> <div class="checkboxContainer checkboxContainer-withDescription chkSaveLocalContainer hide">
<label> <label>
<input is="emby-checkbox" type="checkbox" id="chkSaveLocal" /> <input is="emby-checkbox" type="checkbox" id="chkSaveLocal" />

155
src/components/medialibraryeditor/medialibraryeditor.js
View file

@ -2,15 +2,16 @@ define(["loading", "dialogHelper", "dom", "components/libraryoptionseditor/libra
"use strict"; "use strict";
function addMediaLocation(page, path, networkSharePath) { function addMediaLocation(page, path, networkSharePath) {
var virtualFolder = currentOptions.library, var virtualFolder = currentOptions.library;
refreshAfterChange = currentOptions.refresh; var refreshAfterChange = currentOptions.refresh;
ApiClient.addMediaPath(virtualFolder.Name, path, networkSharePath, refreshAfterChange).then(function() { ApiClient.addMediaPath(virtualFolder.Name, path, networkSharePath, refreshAfterChange).then(function() {
hasChanges = !0, refreshLibraryFromServer(page) hasChanges = true;
refreshLibraryFromServer(page);
}, function() { }, function() {
require(["toast"], function(toast) { require(["toast"], function(toast) {
toast(Globalize.translate("ErrorAddingMediaPathToVirtualFolder")) toast(Globalize.translate("ErrorAddingMediaPathToVirtualFolder"));
}) });
}) });
} }
function updateMediaLocation(page, path, networkSharePath) { function updateMediaLocation(page, path, networkSharePath) {
@ -19,17 +20,18 @@ define(["loading", "dialogHelper", "dom", "components/libraryoptionseditor/libra
Path: path, Path: path,
NetworkPath: networkSharePath NetworkPath: networkSharePath
}).then(function() { }).then(function() {
hasChanges = !0, refreshLibraryFromServer(page) hasChanges = true;
refreshLibraryFromServer(page);
}, function() { }, function() {
require(["toast"], function(toast) { require(["toast"], function(toast) {
toast(Globalize.translate("ErrorAddingMediaPathToVirtualFolder")) toast(Globalize.translate("ErrorAddingMediaPathToVirtualFolder"));
}) });
}) });
} }
function onRemoveClick(btnRemovePath, location) { function onRemoveClick(btnRemovePath, location) {
var button = btnRemovePath, var button = btnRemovePath;
virtualFolder = currentOptions.library; var virtualFolder = currentOptions.library;
require(["confirm"], function(confirm) { require(["confirm"], function(confirm) {
confirm({ confirm({
title: Globalize.translate("HeaderRemoveMediaLocation"), title: Globalize.translate("HeaderRemoveMediaLocation"),
@ -39,32 +41,44 @@ define(["loading", "dialogHelper", "dom", "components/libraryoptionseditor/libra
}).then(function() { }).then(function() {
var refreshAfterChange = currentOptions.refresh; var refreshAfterChange = currentOptions.refresh;
ApiClient.removeMediaPath(virtualFolder.Name, location, refreshAfterChange).then(function() { ApiClient.removeMediaPath(virtualFolder.Name, location, refreshAfterChange).then(function() {
hasChanges = !0, refreshLibraryFromServer(dom.parentWithClass(button, "dlg-libraryeditor")) hasChanges = true;
refreshLibraryFromServer(dom.parentWithClass(button, "dlg-libraryeditor"));
}, function() { }, function() {
require(["toast"], function(toast) { require(["toast"], function(toast) {
toast(Globalize.translate("DefaultErrorMessage")) toast(Globalize.translate("DefaultErrorMessage"));
}) });
}) });
}) });
}) });
} }
function onListItemClick(e) { function onListItemClick(e) {
var listItem = dom.parentWithClass(e.target, "listItem"); var listItem = dom.parentWithClass(e.target, "listItem");
if (listItem) { if (listItem) {
var index = parseInt(listItem.getAttribute("data-index")), var index = parseInt(listItem.getAttribute("data-index"));
pathInfos = (currentOptions.library.LibraryOptions || {}).PathInfos || [], var pathInfos = (currentOptions.library.LibraryOptions || {}).PathInfos || [];
pathInfo = null == index ? {} : pathInfos[index] || {}, var pathInfo = null == index ? {} : pathInfos[index] || {};
originalPath = pathInfo.Path || (null == index ? null : currentOptions.library.Locations[index]), var originalPath = pathInfo.Path || (null == index ? null : currentOptions.library.Locations[index]);
btnRemovePath = dom.parentWithClass(e.target, "btnRemovePath"); var btnRemovePath = dom.parentWithClass(e.target, "btnRemovePath");
if (btnRemovePath) return void onRemoveClick(btnRemovePath, originalPath); if (btnRemovePath) return void onRemoveClick(btnRemovePath, originalPath);
showDirectoryBrowser(dom.parentWithClass(listItem, "dlg-libraryeditor"), originalPath, pathInfo.NetworkPath) showDirectoryBrowser(dom.parentWithClass(listItem, "dlg-libraryeditor"), originalPath, pathInfo.NetworkPath);
} }
} }
function getFolderHtml(pathInfo, index) { function getFolderHtml(pathInfo, index) {
var html = ""; var html = "";
return html += '<div class="listItem listItem-border lnkPath" data-index="' + index + '" style="padding-left:.5em;">', html += '<div class="' + (pathInfo.NetworkPath ? "listItemBody two-line" : "listItemBody") + '">', html += '<h3 class="listItemBodyText">', html += pathInfo.Path, html += "</h3>", pathInfo.NetworkPath && (html += '<div class="listItemBodyText secondary">' + pathInfo.NetworkPath + "</div>"), html += "</div>", html += '<button type="button" is="paper-icon-button-light" class="listItemButton btnRemovePath" data-index="' + index + '"><i class="md-icon">remove_circle</i></button>', html += "</div>" html += '<div class="listItem listItem-border lnkPath" data-index="' + index + '" style="padding-left:.5em;">';
html += '<div class="' + (pathInfo.NetworkPath ? "listItemBody two-line" : "listItemBody") + '">';
html += '<h3 class="listItemBodyText">';
html += pathInfo.Path;
html += "</h3>";
if (pathInfo.NetworkPath) {
html += '<div class="listItemBodyText secondary">' + pathInfo.NetworkPath + "</div>";
}
html += "</div>";
html += '<button type="button" is="paper-icon-button-light" class="listItemButton btnRemovePath" data-index="' + index + '"><i class="md-icon">remove_circle</i></button>';
html += "</div>";
return html;
} }
function refreshLibraryFromServer(page) { function refreshLibraryFromServer(page) {
@ -72,8 +86,11 @@ define(["loading", "dialogHelper", "dom", "components/libraryoptionseditor/libra
var library = result.filter(function(f) { var library = result.filter(function(f) {
return f.Name === currentOptions.library.Name return f.Name === currentOptions.library.Name
})[0]; })[0];
library && (currentOptions.library = library, renderLibrary(page, currentOptions)) if (library) {
}) currentOptions.library = library;
renderLibrary(page, currentOptions);
}
});
} }
function renderLibrary(page, options) { function renderLibrary(page, options) {
@ -82,11 +99,17 @@ define(["loading", "dialogHelper", "dom", "components/libraryoptionseditor/libra
return { return {
Path: p Path: p
} }
})), "boxsets" === options.library.CollectionType ? page.querySelector(".folders").classList.add("hide") : page.querySelector(".folders").classList.remove("hide"), page.querySelector(".folderList").innerHTML = pathInfos.map(getFolderHtml).join("") }));
if (options.library.CollectionType === 'boxsets') {
page.querySelector(".folders").classList.add("hide");
} else {
page.querySelector(".folders").classList.remove("hide");
}
page.querySelector(".folderList").innerHTML = pathInfos.map(getFolderHtml).join("");
} }
function onAddButtonClick() { function onAddButtonClick() {
showDirectoryBrowser(dom.parentWithClass(this, "dlg-libraryeditor")) showDirectoryBrowser(dom.parentWithClass(this, "dlg-libraryeditor"));
} }
function showDirectoryBrowser(context, originalPath, networkPath) { function showDirectoryBrowser(context, originalPath, networkPath) {
@ -98,7 +121,8 @@ define(["loading", "dialogHelper", "dom", "components/libraryoptionseditor/libra
path: originalPath, path: originalPath,
networkSharePath: networkPath, networkSharePath: networkPath,
callback: function(path, networkSharePath) { callback: function(path, networkSharePath) {
path && (originalPath ? updateMediaLocation(context, originalPath, networkSharePath) : addMediaLocation(context, path, networkSharePath)), picker.close() path && (originalPath ? updateMediaLocation(context, originalPath, networkSharePath) : addMediaLocation(context, path, networkSharePath));
picker.close();
} }
}) })
}) })
@ -110,40 +134,67 @@ define(["loading", "dialogHelper", "dom", "components/libraryoptionseditor/libra
} }
function initEditor(dlg, options) { function initEditor(dlg, options) {
renderLibrary(dlg, options), dlg.querySelector(".btnAddFolder").addEventListener("click", onAddButtonClick), dlg.querySelector(".folderList").addEventListener("click", onListItemClick), dlg.querySelector(".chkAdvanced").addEventListener("change", onToggleAdvancedChange), libraryoptionseditor.embed(dlg.querySelector(".libraryOptions"), options.library.CollectionType, options.library.LibraryOptions).then(function() { renderLibrary(dlg, options);
onToggleAdvancedChange.call(dlg.querySelector(".chkAdvanced")) dlg.querySelector(".btnAddFolder").addEventListener("click", onAddButtonClick);
}) dlg.querySelector(".folderList").addEventListener("click", onListItemClick);
dlg.querySelector(".chkAdvanced").addEventListener("change", onToggleAdvancedChange);
libraryoptionseditor.embed(dlg.querySelector(".libraryOptions"), options.library.CollectionType, options.library.LibraryOptions).then(function() {
onToggleAdvancedChange.call(dlg.querySelector(".chkAdvanced"));
});
} }
function onDialogClosing() { function onDialogClosing() {
var dlg = this, var dlg = this;
libraryOptions = libraryoptionseditor.getLibraryOptions(dlg.querySelector(".libraryOptions")); var libraryOptions = libraryoptionseditor.getLibraryOptions(dlg.querySelector(".libraryOptions"));
libraryOptions = Object.assign(currentOptions.library.LibraryOptions || {}, libraryOptions), ApiClient.updateVirtualFolderOptions(currentOptions.library.ItemId, libraryOptions) libraryOptions = Object.assign(currentOptions.library.LibraryOptions || {}, libraryOptions);
ApiClient.updateVirtualFolderOptions(currentOptions.library.ItemId, libraryOptions);
} }
function onDialogClosed() { function onDialogClosed() {
loading.hide(), hasChanges = !0, currentDeferred.resolveWith(null, [hasChanges]) loading.hide();
hasChanges = true;
currentDeferred.resolveWith(null, [hasChanges]);
} }
function editor() { function editor() {
this.show = function(options) { this.show = function(options) {
var deferred = jQuery.Deferred(); var deferred = jQuery.Deferred();
currentOptions = options, currentDeferred = deferred, hasChanges = !1; currentOptions = options;
currentDeferred = deferred;
hasChanges = false;
var xhr = new XMLHttpRequest; var xhr = new XMLHttpRequest;
return xhr.open("GET", "components/medialibraryeditor/medialibraryeditor.template.html", !0), xhr.onload = function(e) { xhr.open("GET", "components/medialibraryeditor/medialibraryeditor.template.html", true);
var template = this.response, xhr.onload = function(e) {
dlg = dialogHelper.createDialog({ var template = this.response;
size: "medium-tall", var dlg = dialogHelper.createDialog({
modal: !1, size: "medium-tall",
removeOnClose: !0, modal: false,
scrollY: !1 removeOnClose: true,
}); scrollY: false
dlg.classList.add("dlg-libraryeditor"), dlg.classList.add("ui-body-a"), dlg.classList.add("background-theme-a"), dlg.classList.add("formDialog"), dlg.innerHTML = Globalize.translateDocument(template), dlg.querySelector(".formDialogHeaderTitle").innerHTML = options.library.Name, initEditor(dlg, options), dlg.addEventListener("closing", onDialogClosing), dlg.addEventListener("close", onDialogClosed), dialogHelper.open(dlg), dlg.querySelector(".btnCancel").addEventListener("click", function() { });
dialogHelper.close(dlg) dlg.classList.add("dlg-libraryeditor");
}), refreshLibraryFromServer(dlg) dlg.classList.add("ui-body-a");
}, xhr.send(), deferred.promise() dlg.classList.add("background-theme-a");
dlg.classList.add("formDialog");
dlg.innerHTML = Globalize.translateDocument(template);
dlg.querySelector(".formDialogHeaderTitle").innerHTML = options.library.Name;
initEditor(dlg, options);
dlg.addEventListener("closing", onDialogClosing);
dlg.addEventListener("close", onDialogClosed);
dialogHelper.open(dlg);
dlg.querySelector(".btnCancel").addEventListener("click", function() {
dialogHelper.close(dlg);
});
refreshLibraryFromServer(dlg);
};
xhr.send();
return deferred.promise();
} }
} }
var currentDeferred, hasChanges, currentOptions;
return editor var currentDeferred;
var hasChanges;
var currentOptions;
return editor;
}); });

192
src/controllers/medialibrarypage.js
View file

@ -14,11 +14,11 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
require(["medialibrarycreator"], function(medialibrarycreator) { require(["medialibrarycreator"], function(medialibrarycreator) {
(new medialibrarycreator).show({ (new medialibrarycreator).show({
collectionTypeOptions: getCollectionTypeOptions().filter(function(f) { collectionTypeOptions: getCollectionTypeOptions().filter(function(f) {
return !f.hidden return !f.hidden;
}), }),
refresh: shouldRefreshLibraryAfterChanges(page) refresh: shouldRefreshLibraryAfterChanges(page)
}).then(function(hasChanges) { }).then(function(hasChanges) {
hasChanges && reloadLibrary(page) hasChanges && reloadLibrary(page);
}) })
}) })
} }
@ -29,18 +29,22 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
refresh: shouldRefreshLibraryAfterChanges(page), refresh: shouldRefreshLibraryAfterChanges(page),
library: virtualFolder library: virtualFolder
}).then(function(hasChanges) { }).then(function(hasChanges) {
hasChanges && reloadLibrary(page) hasChanges && reloadLibrary(page);
}) })
}) })
} }
function deleteVirtualFolder(page, virtualFolder) { function deleteVirtualFolder(page, virtualFolder) {
var msg = globalize.translate("MessageAreYouSureYouWishToRemoveMediaFolder"); var msg = globalize.translate("MessageAreYouSureYouWishToRemoveMediaFolder");
virtualFolder.Locations.length && (msg += "<br/><br/>" + globalize.translate("MessageTheFollowingLocationWillBeRemovedFromLibrary") + "<br/><br/>", msg += virtualFolder.Locations.join("<br/>")), require(["confirm"], function(confirm) { if (virtualFolder.Locations.length) {
msg += "<br/><br/>" + globalize.translate("MessageTheFollowingLocationWillBeRemovedFromLibrary") + "<br/><br/>";
msg += virtualFolder.Locations.join("<br/>");
}
require(["confirm"], function(confirm) {
confirm(msg, globalize.translate("HeaderRemoveMediaFolder")).then(function() { confirm(msg, globalize.translate("HeaderRemoveMediaFolder")).then(function() {
var refreshAfterChange = shouldRefreshLibraryAfterChanges(page); var refreshAfterChange = shouldRefreshLibraryAfterChanges(page);
ApiClient.removeVirtualFolder(virtualFolder.Name, refreshAfterChange).then(function() { ApiClient.removeVirtualFolder(virtualFolder.Name, refreshAfterChange).then(function() {
reloadLibrary(page) reloadLibrary(page);
}) })
}) })
}) })
@ -52,8 +56,8 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
itemIds: [virtualFolder.ItemId], itemIds: [virtualFolder.ItemId],
serverId: ApiClient.serverId(), serverId: ApiClient.serverId(),
mode: "scan" mode: "scan"
}).show() }).show();
}) });
} }
function renameVirtualFolder(page, virtualFolder) { function renameVirtualFolder(page, virtualFolder) {
@ -65,43 +69,49 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
if (newName && newName != virtualFolder.Name) { if (newName && newName != virtualFolder.Name) {
var refreshAfterChange = shouldRefreshLibraryAfterChanges(page); var refreshAfterChange = shouldRefreshLibraryAfterChanges(page);
ApiClient.renameVirtualFolder(virtualFolder.Name, newName, refreshAfterChange).then(function() { ApiClient.renameVirtualFolder(virtualFolder.Name, newName, refreshAfterChange).then(function() {
reloadLibrary(page) reloadLibrary(page);
}) });
} }
}) });
}) });
} }
function showCardMenu(page, elem, virtualFolders) { function showCardMenu(page, elem, virtualFolders) {
var card = dom.parentWithClass(elem, "card"), var card = dom.parentWithClass(elem, "card");
index = parseInt(card.getAttribute("data-index")), var index = parseInt(card.getAttribute("data-index"));
virtualFolder = virtualFolders[index], var virtualFolder = virtualFolders[index];
menuItems = []; var menuItems = [];
menuItems.push({ menuItems.push({
name: globalize.translate("ButtonChangeContentType"), name: globalize.translate("ButtonChangeContentType"),
id: "changetype", id: "changetype",
ironIcon: "videocam" ironIcon: "videocam"
}), menuItems.push({ });
menuItems.push({
name: globalize.translate("ButtonEditImages"), name: globalize.translate("ButtonEditImages"),
id: "editimages", id: "editimages",
ironIcon: "photo" ironIcon: "photo"
}), menuItems.push({ });
menuItems.push({
name: globalize.translate("ManageLibrary"), name: globalize.translate("ManageLibrary"),
id: "edit", id: "edit",
ironIcon: "folder_open" ironIcon: "folder_open"
}), menuItems.push({ });
menuItems.push({
name: globalize.translate("ButtonRemove"), name: globalize.translate("ButtonRemove"),
id: "delete", id: "delete",
ironIcon: "remove" ironIcon: "remove"
}), menuItems.push({ });
menuItems.push({
name: globalize.translate("ButtonRename"), name: globalize.translate("ButtonRename"),
id: "rename", id: "rename",
ironIcon: "mode_edit" ironIcon: "mode_edit"
}), menuItems.push({ });
menuItems.push({
name: globalize.translate("ScanLibrary"), name: globalize.translate("ScanLibrary"),
id: "refresh", id: "refresh",
ironIcon: "refresh" ironIcon: "refresh"
}), require(["actionsheet"], function(actionsheet) { });
require(["actionsheet"], function(actionsheet) {
actionsheet.show({ actionsheet.show({
items: menuItems, items: menuItems,
positionTo: elem, positionTo: elem,
@ -123,21 +133,22 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
deleteVirtualFolder(page, virtualFolder); deleteVirtualFolder(page, virtualFolder);
break; break;
case "refresh": case "refresh":
refreshVirtualFolder(page, virtualFolder) refreshVirtualFolder(page, virtualFolder);
} }
} }
}) });
}) });
} }
function reloadLibrary(page) { function reloadLibrary(page) {
loading.show(), ApiClient.getVirtualFolders().then(function(result) { loading.show();
reloadVirtualFolders(page, result) ApiClient.getVirtualFolders().then(function(result) {
}) reloadVirtualFolders(page, result);
});
} }
function shouldRefreshLibraryAfterChanges(page) { function shouldRefreshLibraryAfterChanges(page) {
return "mediaLibraryPage" === page.id return "mediaLibraryPage" === page.id;
} }
function reloadVirtualFolders(page, virtualFolders) { function reloadVirtualFolders(page, virtualFolders) {
@ -156,16 +167,22 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
html += getVirtualFolderHtml(page, virtualFolder, i) html += getVirtualFolderHtml(page, virtualFolder, i)
} }
var divVirtualFolders = page.querySelector("#divVirtualFolders"); var divVirtualFolders = page.querySelector("#divVirtualFolders");
divVirtualFolders.innerHTML = html, divVirtualFolders.classList.add("itemsContainer"), divVirtualFolders.classList.add("vertical-wrap"), $(".btnCardMenu", divVirtualFolders).on("click", function() { divVirtualFolders.innerHTML = html;
showCardMenu(page, this, virtualFolders) divVirtualFolders.classList.add("itemsContainer");
}), divVirtualFolders.querySelector(".addLibrary").addEventListener("click", function() { divVirtualFolders.classList.add("vertical-wrap");
addVirtualFolder(page) $(".btnCardMenu", divVirtualFolders).on("click", function() {
}), $(".editLibrary", divVirtualFolders).on("click", function() { showCardMenu(page, this, virtualFolders);
var card = $(this).parents(".card")[0], });
index = parseInt(card.getAttribute("data-index")), divVirtualFolders.querySelector(".addLibrary").addEventListener("click", function() {
virtualFolder = virtualFolders[index]; addVirtualFolder(page);
virtualFolder.ItemId && editVirtualFolder(page, virtualFolder) });
}), loading.hide() $(".editLibrary", divVirtualFolders).on("click", function() {
var card = $(this).parents(".card")[0];
var index = parseInt(card.getAttribute("data-index"));
var virtualFolder = virtualFolders[index];
virtualFolder.ItemId && editVirtualFolder(page, virtualFolder);
});
loading.hide();
} }
function editImages(page, virtualFolder) { function editImages(page, virtualFolder) {
@ -174,13 +191,13 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
itemId: virtualFolder.ItemId, itemId: virtualFolder.ItemId,
serverId: ApiClient.serverId() serverId: ApiClient.serverId()
}).then(function() { }).then(function() {
reloadLibrary(page) reloadLibrary(page);
}) });
}) })
} }
function getLink(text, url) { function getLink(text, url) {
return globalize.translate(text, '<a is="emby-linkbutton" class="button-link" href="' + url + '" target="_blank" data-autohide="true">', "</a>") return globalize.translate(text, '<a is="emby-linkbutton" class="button-link" href="' + url + '" target="_blank" data-autohide="true">', "</a>");
} }
function getCollectionTypeOptions() { function getCollectionTypeOptions() {
@ -236,31 +253,81 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
case "channels": case "channels":
case "playlists": case "playlists":
default: default:
return "folder" return "folder";
} }
} }
function getVirtualFolderHtml(page, virtualFolder, index) { function getVirtualFolderHtml(page, virtualFolder, index) {
var html = "", var html = "";
style = ""; var style = "";
page.classList.contains("wizardPage") && (style += "min-width:33.3%;"), html += '<div class="card backdropCard scalableCard backdropCard-scalable" style="' + style + '" data-index="' + index + '" data-id="' + virtualFolder.ItemId + '">', html += '<div class="cardBox visualCardBox">', html += '<div class="cardScalable visualCardBox-cardScalable">', html += '<div class="cardPadder cardPadder-backdrop"></div>', html += '<div class="cardContent">'; page.classList.contains("wizardPage") && (style += "min-width:33.3%;");
html += '<div class="card backdropCard scalableCard backdropCard-scalable" style="' + style + '" data-index="' + index + '" data-id="' + virtualFolder.ItemId + '">';
html += '<div class="cardBox visualCardBox">';
html += '<div class="cardScalable visualCardBox-cardScalable">';
html += '<div class="cardPadder cardPadder-backdrop"></div>';
html += '<div class="cardContent">';
var imgUrl = ""; var imgUrl = "";
virtualFolder.PrimaryImageItemId && (imgUrl = ApiClient.getScaledImageUrl(virtualFolder.PrimaryImageItemId, { if (virtualFolder.PrimaryImageItemId) {
type: "Primary" imgUrl = ApiClient.getScaledImageUrl(virtualFolder.PrimaryImageItemId, {
})); type: "Primary"
});
}
var hasCardImageContainer; var hasCardImageContainer;
if (imgUrl ? (html += '<div class="cardImageContainer editLibrary" style="cursor:pointer;background-image:url(\'' + imgUrl + "');\">", hasCardImageContainer = !0) : virtualFolder.showNameWithIcon || (html += '<div class="cardImageContainer editLibrary" style="cursor:pointer;">', html += '<i class="cardImageIcon-small md-icon">' + (virtualFolder.icon || getIcon(virtualFolder.CollectionType)) + "</i>", hasCardImageContainer = !0), hasCardImageContainer) { if (imgUrl) {
html += '<div class="cardImageContainer editLibrary" style="cursor:pointer;background-image:url(\'' + imgUrl + "');\">";
hasCardImageContainer = true;
} else if (!virtualFolder.showNameWithIcon) {
html += '<div class="cardImageContainer editLibrary" style="cursor:pointer;">';
html += '<i class="cardImageIcon-small md-icon">' + (virtualFolder.icon || getIcon(virtualFolder.CollectionType)) + "</i>";
hasCardImageContainer = true;
}
if (hasCardImageContainer) {
html += '<div class="cardIndicators backdropCardIndicators">'; html += '<div class="cardIndicators backdropCardIndicators">';
html += '<div is="emby-itemrefreshindicator"' + (virtualFolder.RefreshProgress || virtualFolder.RefreshStatus && "Idle" !== virtualFolder.RefreshStatus ? "" : ' class="hide"') + ' data-progress="' + (virtualFolder.RefreshProgress || 0) + '" data-status="' + virtualFolder.RefreshStatus + '"></div>', html += "</div>", html += "</div>" html += '<div is="emby-itemrefreshindicator"' + (virtualFolder.RefreshProgress || virtualFolder.RefreshStatus && "Idle" !== virtualFolder.RefreshStatus ? "" : ' class="hide"') + ' data-progress="' + (virtualFolder.RefreshProgress || 0) + '" data-status="' + virtualFolder.RefreshStatus + '"></div>';
html += "</div>";
html += "</div>";
} }
if (!imgUrl && virtualFolder.showNameWithIcon && (html += '<h3 class="cardImageContainer addLibrary" style="position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;flex-direction:column;">', html += '<i class="cardImageIcon-small md-icon">' + (virtualFolder.icon || getIcon(virtualFolder.CollectionType)) + "</i>", virtualFolder.showNameWithIcon && (html += '<div style="margin:1em 0;position:width:100%;">', html += virtualFolder.Name, html += "</div>"), html += "</h3>"), html += "</div>", html += "</div>", html += '<div class="cardFooter visualCardBox-cardFooter">', !1 !== virtualFolder.showMenu) { if (!imgUrl && virtualFolder.showNameWithIcon) {
html += '<div style="text-align:right; float:right;padding-top:5px;">', html += '<button type="button" is="paper-icon-button-light" class="btnCardMenu autoSize"><i class="md-icon">&#xE5D3;</i></button>', html += "</div>" html += '<h3 class="cardImageContainer addLibrary" style="position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;flex-direction:column;">';
html += '<i class="cardImageIcon-small md-icon">' + (virtualFolder.icon || getIcon(virtualFolder.CollectionType)) + "</i>";
virtualFolder.showNameWithIcon && (html += '<div style="margin:1em 0;position:width:100%;">', html += virtualFolder.Name, html += "</div>");
html += "</h3>";
} }
html += "<div class='cardText'>", virtualFolder.showNameWithIcon ? html += "&nbsp;" : html += virtualFolder.Name, html += "</div>"; html += "</div>";
html += "</div>";
html += '<div class="cardFooter visualCardBox-cardFooter">';
if (virtualFolder.showMenu === true) {
html += '<div style="text-align:right; float:right;padding-top:5px;">';
html += '<button type="button" is="paper-icon-button-light" class="btnCardMenu autoSize"><i class="md-icon">&#xE5D3;</i></button>';
html += "</div>";
}
html += "<div class='cardText'>";
virtualFolder.showNameWithIcon ? html += "&nbsp;" : html += virtualFolder.Name;
html += "</div>";
var typeName = getCollectionTypeOptions().filter(function(t) { var typeName = getCollectionTypeOptions().filter(function(t) {
return t.value == virtualFolder.CollectionType return t.value == virtualFolder.CollectionType
})[0]; })[0];
return typeName = typeName ? typeName.name : globalize.translate("FolderTypeUnset"), html += "<div class='cardText cardText-secondary'>", !1 === virtualFolder.showType ? html += "&nbsp;" : html += typeName, html += "</div>", !1 === virtualFolder.showLocations ? (html += "<div class='cardText cardText-secondary'>", html += "&nbsp;", html += "</div>") : virtualFolder.Locations.length && 1 == virtualFolder.Locations.length ? (html += "<div class='cardText cardText-secondary'>", html += virtualFolder.Locations[0], html += "</div>") : (html += "<div class='cardText cardText-secondary'>", html += globalize.translate("NumLocationsValue", virtualFolder.Locations.length), html += "</div>"), html += "</div>", html += "</div>", html += "</div>" typeName = typeName ? typeName.name : globalize.translate("FolderTypeUnset");
html += "<div class='cardText cardText-secondary'>";
virtualFolder.showType === false ? html += "&nbsp;" : html += typeName;
html += "</div>";
if (virtualFolder.showLocations === false) {
html += "<div class='cardText cardText-secondary'>";
html += "&nbsp;";
html += "</div>";
} else if (virtualFolder.Locations.length && virtualFolder.Locations.length === 1) {
html += "<div class='cardText cardText-secondary'>";
html += virtualFolder.Locations[0];
html += "</div>";
} else {
html += "<div class='cardText cardText-secondary'>";
html += globalize.translate("NumLocationsValue", virtualFolder.Locations.length);
html += "</div>";
}
html += "</div>";
html += "</div>";
html += "</div>";
return html;
} }
function getTabs() { function getTabs() {
@ -285,9 +352,11 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
next: function() { next: function() {
Dashboard.navigate("wizardsettings.html") Dashboard.navigate("wizardsettings.html")
} }
}, pageClassOn("pageshow", "mediaLibraryPage", function() { };
reloadLibrary(this) pageClassOn("pageshow", "mediaLibraryPage", function() {
}), pageIdOn("pageshow", "mediaLibraryPage", function() { reloadLibrary(this);
});
pageIdOn("pageshow", "mediaLibraryPage", function() {
libraryMenu.setTabs("librarysetup", 0, getTabs); libraryMenu.setTabs("librarysetup", 0, getTabs);
var page = this; var page = this;
taskButton({ taskButton({
@ -295,14 +364,15 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
progressElem: page.querySelector(".refreshProgress"), progressElem: page.querySelector(".refreshProgress"),
taskKey: "RefreshLibrary", taskKey: "RefreshLibrary",
button: page.querySelector(".btnRefresh") button: page.querySelector(".btnRefresh")
}) });
}), pageIdOn("pagebeforehide", "mediaLibraryPage", function() { });
pageIdOn("pagebeforehide", "mediaLibraryPage", function() {
var page = this; var page = this;
taskButton({ taskButton({
mode: "off", mode: "off",
progressElem: page.querySelector(".refreshProgress"), progressElem: page.querySelector(".refreshProgress"),
taskKey: "RefreshLibrary", taskKey: "RefreshLibrary",
button: page.querySelector(".btnRefresh") button: page.querySelector(".btnRefresh")
}) });
}) });
}); });