233 lines
No EOL
15 KiB
JavaScript
233 lines
No EOL
15 KiB
JavaScript
define(["require", "apphost", "layoutManager", "focusManager", "globalize", "loading", "connectionManager", "homeSections", "dom", "events", "listViewStyle", "emby-select", "emby-checkbox"], function(require, appHost, layoutManager, focusManager, globalize, loading, connectionManager, homeSections, dom, events) {
|
|
"use strict";
|
|
|
|
function renderViews(page, user, result) {
|
|
var folderHtml = "";
|
|
folderHtml += '<div class="checkboxList">', folderHtml += result.map(function(i) {
|
|
var currentHtml = "",
|
|
id = "chkGroupFolder" + i.Id,
|
|
isChecked = -1 !== user.Configuration.GroupedFolders.indexOf(i.Id),
|
|
checkedHtml = isChecked ? ' checked="checked"' : "";
|
|
return currentHtml += "<label>", currentHtml += '<input type="checkbox" is="emby-checkbox" class="chkGroupFolder" data-folderid="' + i.Id + '" id="' + id + '"' + checkedHtml + "/>", currentHtml += "<span>" + i.Name + "</span>", currentHtml += "</label>"
|
|
}).join(""), folderHtml += "</div>", page.querySelector(".folderGroupList").innerHTML = folderHtml
|
|
}
|
|
|
|
function getLandingScreenOptions(type) {
|
|
var list = [];
|
|
return "movies" === type ? (list.push({
|
|
name: globalize.translate("sharedcomponents#Movies"),
|
|
value: "movies",
|
|
isDefault: !0
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Suggestions"),
|
|
value: "suggestions"
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Favorites"),
|
|
value: "favorites"
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Collections"),
|
|
value: "collections"
|
|
})) : "tvshows" === type ? (list.push({
|
|
name: globalize.translate("sharedcomponents#Shows"),
|
|
value: "shows",
|
|
isDefault: !0
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Suggestions"),
|
|
value: "suggestions"
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Latest"),
|
|
value: "latest"
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Favorites"),
|
|
value: "favorites"
|
|
})) : "music" === type ? (list.push({
|
|
name: globalize.translate("sharedcomponents#Suggestions"),
|
|
value: "suggestions",
|
|
isDefault: !0
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Albums"),
|
|
value: "albums"
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#HeaderAlbumArtists"),
|
|
value: "albumartists"
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Artists"),
|
|
value: "artists"
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Playlists"),
|
|
value: "playlists"
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Genres"),
|
|
value: "genres"
|
|
})) : "livetv" === type && (list.push({
|
|
name: globalize.translate("sharedcomponents#Suggestions"),
|
|
value: "suggestions",
|
|
isDefault: !0
|
|
}), list.push({
|
|
name: globalize.translate("sharedcomponents#Guide"),
|
|
value: "guide"
|
|
})), list
|
|
}
|
|
|
|
function getLandingScreenOptionsHtml(type, userValue) {
|
|
return getLandingScreenOptions(type).map(function(o) {
|
|
var selected = userValue === o.value || o.isDefault && !userValue,
|
|
selectedHtml = selected ? " selected" : "";
|
|
return '<option value="' + (o.isDefault ? "" : o.value) + '"' + selectedHtml + ">" + o.name + "</option>"
|
|
}).join("")
|
|
}
|
|
|
|
function renderViewOrder(context, user, result) {
|
|
var html = "",
|
|
index = 0;
|
|
html += result.Items.map(function(view) {
|
|
var currentHtml = "";
|
|
return currentHtml += '<div class="listItem viewItem" data-viewid="' + view.Id + '">', currentHtml += '<i class="md-icon listItemIcon"></i>', currentHtml += '<div class="listItemBody">', currentHtml += "<div>", currentHtml += view.Name, currentHtml += "</div>", currentHtml += "</div>", currentHtml += '<button type="button" is="paper-icon-button-light" class="btnViewItemUp btnViewItemMove autoSize" title="' + globalize.translate("sharedcomponents#Up") + '"><i class="md-icon"></i></button>', currentHtml += '<button type="button" is="paper-icon-button-light" class="btnViewItemDown btnViewItemMove autoSize" title="' + globalize.translate("sharedcomponents#Down") + '"><i class="md-icon"></i></button>', currentHtml += "</div>", index++, currentHtml
|
|
}).join(""), context.querySelector(".viewOrderList").innerHTML = html
|
|
}
|
|
|
|
function updateHomeSectionValues(context, userSettings) {
|
|
for (var i = 1; i <= 7; i++) {
|
|
var select = context.querySelector("#selectHomeSection" + i),
|
|
defaultValue = homeSections.getDefaultSection(i - 1),
|
|
option = select.querySelector("option[value=" + defaultValue + "]") || select.querySelector('option[value=""]'),
|
|
userValue = userSettings.get("homesection" + (i - 1));
|
|
option.value = "", select.value = userValue !== defaultValue && userValue ? userValue : ""
|
|
}
|
|
context.querySelector(".selectTVHomeScreen").value = userSettings.get("tvhome") || ""
|
|
}
|
|
|
|
function getPerLibrarySettingsHtml(item, user, userSettings, apiClient) {
|
|
var isChecked, html = "";
|
|
if ("Channel" !== item.Type && "boxsets" !== item.CollectionType && "playlists" !== item.CollectionType || (isChecked = -1 === (user.Configuration.MyMediaExcludes || []).indexOf(item.Id), html += "<div>", html += "<label>", html += '<input type="checkbox" is="emby-checkbox" class="chkIncludeInMyMedia" data-folderid="' + item.Id + '"' + (isChecked ? ' checked="checked"' : "") + "/>", html += "<span>" + globalize.translate("sharedcomponents#DisplayInMyMedia") + "</span>", html += "</label>", html += "</div>"), -1 === ["playlists", "livetv", "boxsets", "channels"].indexOf(item.CollectionType || "") && (isChecked = -1 === user.Configuration.LatestItemsExcludes.indexOf(item.Id), html += '<label class="fldIncludeInLatest">', html += '<input type="checkbox" is="emby-checkbox" class="chkIncludeInLatest" data-folderid="' + item.Id + '"' + (isChecked ? ' checked="checked"' : "") + "/>", html += "<span>" + globalize.translate("sharedcomponents#DisplayInOtherHomeScreenSections") + "</span>", html += "</label>"), html && (html = '<div class="checkboxListContainer">' + html + "</div>"), "movies" === item.CollectionType || "tvshows" === item.CollectionType || "music" === item.CollectionType || "livetv" === item.CollectionType) {
|
|
var idForLanding = "livetv" === item.CollectionType ? item.CollectionType : item.Id;
|
|
html += '<div class="selectContainer">', html += '<select is="emby-select" class="selectLanding" data-folderid="' + idForLanding + '" label="' + globalize.translate("sharedcomponents#LabelDefaultScreen") + '">';
|
|
var userValue = userSettings.get("landing-" + idForLanding);
|
|
html += getLandingScreenOptionsHtml(item.CollectionType, userValue), html += "</select>", html += "</div>"
|
|
}
|
|
if (html) {
|
|
var prefix = "";
|
|
prefix += '<div class="verticalSection">', prefix += '<h2 class="sectionTitle">', prefix += item.Name, prefix += "</h2>", html = prefix + html, html += "</div>"
|
|
}
|
|
return html
|
|
}
|
|
|
|
function renderPerLibrarySettings(context, user, userViews, userSettings, apiClient) {
|
|
for (var elem = context.querySelector(".perLibrarySettings"), html = "", i = 0, length = userViews.length; i < length; i++) html += getPerLibrarySettingsHtml(userViews[i], user, userSettings, apiClient);
|
|
elem.innerHTML = html
|
|
}
|
|
|
|
function loadForm(context, user, userSettings, apiClient) {
|
|
context.querySelector(".chkHidePlayedFromLatest").checked = user.Configuration.HidePlayedInLatest || !1, updateHomeSectionValues(context, userSettings);
|
|
var promise1 = apiClient.getUserViews({
|
|
IncludeHidden: !0
|
|
}, user.Id),
|
|
promise2 = apiClient.getJSON(apiClient.getUrl("Users/" + user.Id + "/GroupingOptions"));
|
|
Promise.all([promise1, promise2]).then(function(responses) {
|
|
renderViewOrder(context, user, responses[0]), renderPerLibrarySettings(context, user, responses[0].Items, userSettings, apiClient), renderViews(context, user, responses[1]), loading.hide()
|
|
})
|
|
}
|
|
|
|
function onSectionOrderListClick(e) {
|
|
var target = dom.parentWithClass(e.target, "btnViewItemMove");
|
|
if (target) {
|
|
var viewItem = dom.parentWithClass(target, "viewItem");
|
|
if (viewItem) {
|
|
dom.parentWithClass(viewItem, "paperList");
|
|
if (target.classList.contains("btnViewItemDown")) {
|
|
var next = viewItem.nextSibling;
|
|
next && (viewItem.parentNode.removeChild(viewItem), next.parentNode.insertBefore(viewItem, next.nextSibling))
|
|
} else {
|
|
var prev = viewItem.previousSibling;
|
|
prev && (viewItem.parentNode.removeChild(viewItem), prev.parentNode.insertBefore(viewItem, prev))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function getCheckboxItems(selector, context, isChecked) {
|
|
for (var inputs = context.querySelectorAll(selector), list = [], i = 0, length = inputs.length; i < length; i++) inputs[i].checked === isChecked && list.push(inputs[i]);
|
|
return list
|
|
}
|
|
|
|
function saveUser(context, user, userSettingsInstance, apiClient) {
|
|
user.Configuration.HidePlayedInLatest = context.querySelector(".chkHidePlayedFromLatest").checked, user.Configuration.LatestItemsExcludes = getCheckboxItems(".chkIncludeInLatest", context, !1).map(function(i) {
|
|
return i.getAttribute("data-folderid")
|
|
}), user.Configuration.MyMediaExcludes = getCheckboxItems(".chkIncludeInMyMedia", context, !1).map(function(i) {
|
|
return i.getAttribute("data-folderid")
|
|
}), user.Configuration.GroupedFolders = getCheckboxItems(".chkGroupFolder", context, !0).map(function(i) {
|
|
return i.getAttribute("data-folderid")
|
|
});
|
|
var i, length, viewItems = context.querySelectorAll(".viewItem"),
|
|
orderedViews = [];
|
|
for (i = 0, length = viewItems.length; i < length; i++) orderedViews.push(viewItems[i].getAttribute("data-viewid"));
|
|
user.Configuration.OrderedViews = orderedViews, userSettingsInstance.set("tvhome", context.querySelector(".selectTVHomeScreen").value), userSettingsInstance.set("homesection0", context.querySelector("#selectHomeSection1").value), userSettingsInstance.set("homesection1", context.querySelector("#selectHomeSection2").value), userSettingsInstance.set("homesection2", context.querySelector("#selectHomeSection3").value), userSettingsInstance.set("homesection3", context.querySelector("#selectHomeSection4").value), userSettingsInstance.set("homesection4", context.querySelector("#selectHomeSection5").value), userSettingsInstance.set("homesection5", context.querySelector("#selectHomeSection6").value), userSettingsInstance.set("homesection6", context.querySelector("#selectHomeSection7").value);
|
|
var selectLandings = context.querySelectorAll(".selectLanding");
|
|
for (i = 0, length = selectLandings.length; i < length; i++) {
|
|
var selectLanding = selectLandings[i];
|
|
userSettingsInstance.set("landing-" + selectLanding.getAttribute("data-folderid"), selectLanding.value)
|
|
}
|
|
return apiClient.updateUserConfiguration(user.Id, user.Configuration)
|
|
}
|
|
|
|
function save(instance, context, userId, userSettings, apiClient, enableSaveConfirmation) {
|
|
loading.show(), apiClient.getUser(userId).then(function(user) {
|
|
saveUser(context, user, userSettings, apiClient).then(function() {
|
|
loading.hide(), enableSaveConfirmation && require(["toast"], function(toast) {
|
|
toast(globalize.translate("sharedcomponents#SettingsSaved"))
|
|
}), events.trigger(instance, "saved")
|
|
}, function() {
|
|
loading.hide()
|
|
})
|
|
})
|
|
}
|
|
|
|
function onSubmit(e) {
|
|
var self = this,
|
|
apiClient = connectionManager.getApiClient(self.options.serverId),
|
|
userId = self.options.userId,
|
|
userSettings = self.options.userSettings;
|
|
return userSettings.setUserInfo(userId, apiClient).then(function() {
|
|
var enableSaveConfirmation = self.options.enableSaveConfirmation;
|
|
save(self, self.options.element, userId, userSettings, apiClient, enableSaveConfirmation)
|
|
}), e && e.preventDefault(), !1
|
|
}
|
|
|
|
function onChange(e) {
|
|
var chkIncludeInMyMedia = dom.parentWithClass(e.target, "chkIncludeInMyMedia");
|
|
if (chkIncludeInMyMedia) {
|
|
var section = dom.parentWithClass(chkIncludeInMyMedia, "verticalSection"),
|
|
fldIncludeInLatest = section.querySelector(".fldIncludeInLatest");
|
|
fldIncludeInLatest && (chkIncludeInMyMedia.checked ? fldIncludeInLatest.classList.remove("hide") : fldIncludeInLatest.classList.add("hide"))
|
|
}
|
|
}
|
|
|
|
function embed(options, self) {
|
|
require(["text!./homescreensettings.template.html"], function(template) {
|
|
for (var i = 1; i <= numConfigurableSections; i++) template = template.replace("{section" + i + "label}", globalize.translate("sharedcomponents#LabelHomeScreenSectionValue", i));
|
|
options.element.innerHTML = globalize.translateDocument(template, "sharedcomponents"), options.element.querySelector(".viewOrderList").addEventListener("click", onSectionOrderListClick), options.element.querySelector("form").addEventListener("submit", onSubmit.bind(self)), options.element.addEventListener("change", onChange), options.enableSaveButton && options.element.querySelector(".btnSave").classList.remove("hide"), layoutManager.tv ? options.element.querySelector(".selectTVHomeScreenContainer").classList.remove("hide") : options.element.querySelector(".selectTVHomeScreenContainer").classList.add("hide"), self.loadData(options.autoFocus)
|
|
})
|
|
}
|
|
|
|
function HomeScreenSettings(options) {
|
|
this.options = options, embed(options, this)
|
|
}
|
|
var numConfigurableSections = 7;
|
|
return HomeScreenSettings.prototype.loadData = function(autoFocus) {
|
|
var self = this,
|
|
context = self.options.element;
|
|
loading.show();
|
|
var userId = self.options.userId,
|
|
apiClient = connectionManager.getApiClient(self.options.serverId),
|
|
userSettings = self.options.userSettings;
|
|
apiClient.getUser(userId).then(function(user) {
|
|
userSettings.setUserInfo(userId, apiClient).then(function() {
|
|
self.dataLoaded = !0, loadForm(context, user, userSettings, apiClient), autoFocus && focusManager.autoFocus(context)
|
|
})
|
|
})
|
|
}, HomeScreenSettings.prototype.submit = function() {
|
|
onSubmit.call(this)
|
|
}, HomeScreenSettings.prototype.destroy = function() {
|
|
this.options = null
|
|
}, HomeScreenSettings
|
|
}); |