First separation commit.
Added LICENSE, README.md, CONTRIBUTORS.md
This commit is contained in:
Erwin de Haan
parent
09513af31b
commit
4678528d00
657 changed files with 422 additions and 0 deletions
233
src/bower_components/emby-webcomponents/homescreensettings/homescreensettings.js
vendored
Normal file
233
src/bower_components/emby-webcomponents/homescreensettings/homescreensettings.js
vendored
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
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
|
||||
});
|
||||
147
src/bower_components/emby-webcomponents/homescreensettings/homescreensettings.template.html
vendored
Normal file
147
src/bower_components/emby-webcomponents/homescreensettings/homescreensettings.template.html
vendored
Normal file
|
|
@ -0,0 +1,147 @@
|
|||
<form style="margin:0 auto;">
|
||||
|
||||
<div class="verticalSection verticalSection-extrabottompadding">
|
||||
|
||||
<h2 class="sectionTitle">
|
||||
${HeaderHomeScreen}
|
||||
</h2>
|
||||
|
||||
<div class="selectContainer hide selectTVHomeScreenContainer">
|
||||
<select is="emby-select" class="selectTVHomeScreen" label="${LabelTVHomeScreen}">
|
||||
<option value="horizontal">${Horizontal}</option>
|
||||
<option value="vertical">${Vertical}</option>
|
||||
</select>
|
||||
<div class="fieldDescription">Changes take effect after signing out or restarting the app.</div>
|
||||
</div>
|
||||
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectHomeSection1" label="{section1label}">
|
||||
<option value="smalllibrarytiles">${HeaderMyMedia}</option>
|
||||
<option value="librarybuttons">${HeaderMyMediaSmall}</option>
|
||||
<option value="activerecordings">${HeaderActiveRecordings}</option>
|
||||
<option value="resume">${HeaderContinueWatching}</option>
|
||||
<option value="resumeaudio">${HeaderContinueListening}</option>
|
||||
<option value="latestmedia">${HeaderLatestMedia}</option>
|
||||
<option value="nextup">${HeaderNextUp}</option>
|
||||
<option value="livetv">${LiveTV}</option>
|
||||
<option value="none">${None}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectHomeSection2" label="{section2label}">
|
||||
<option value="smalllibrarytiles">${HeaderMyMedia}</option>
|
||||
<option value="librarybuttons">${HeaderMyMediaSmall}</option>
|
||||
<option value="activerecordings">${HeaderActiveRecordings}</option>
|
||||
<option value="resume">${HeaderContinueWatching}</option>
|
||||
<option value="resumeaudio">${HeaderContinueListening}</option>
|
||||
<option value="latestmedia">${HeaderLatestMedia}</option>
|
||||
<option value="nextup">${HeaderNextUp}</option>
|
||||
<option value="livetv">${LiveTV}</option>
|
||||
<option value="none">${None}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectHomeSection3" label="{section3label}">
|
||||
<option value="smalllibrarytiles">${HeaderMyMedia}</option>
|
||||
<option value="librarybuttons">${HeaderMyMediaSmall}</option>
|
||||
<option value="activerecordings">${HeaderActiveRecordings}</option>
|
||||
<option value="resume">${HeaderContinueWatching}</option>
|
||||
<option value="resumeaudio">${HeaderContinueListening}</option>
|
||||
<option value="latestmedia">${HeaderLatestMedia}</option>
|
||||
<option value="nextup">${HeaderNextUp}</option>
|
||||
<option value="livetv">${LiveTV}</option>
|
||||
<option value="none">${None}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectHomeSection4" label="{section4label}">
|
||||
<option value="smalllibrarytiles">${HeaderMyMedia}</option>
|
||||
<option value="librarybuttons">${HeaderMyMediaSmall}</option>
|
||||
<option value="activerecordings">${HeaderActiveRecordings}</option>
|
||||
<option value="resume">${HeaderContinueWatching}</option>
|
||||
<option value="resumeaudio">${HeaderContinueListening}</option>
|
||||
<option value="latestmedia">${HeaderLatestMedia}</option>
|
||||
<option value="nextup">${HeaderNextUp}</option>
|
||||
<option value="livetv">${LiveTV}</option>
|
||||
<option value="none">${None}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectHomeSection5" label="{section5label}">
|
||||
<option value="smalllibrarytiles">${HeaderMyMedia}</option>
|
||||
<option value="librarybuttons">${HeaderMyMediaSmall}</option>
|
||||
<option value="activerecordings">${HeaderActiveRecordings}</option>
|
||||
<option value="resume">${HeaderContinueWatching}</option>
|
||||
<option value="resumeaudio">${HeaderContinueListening}</option>
|
||||
<option value="latestmedia">${HeaderLatestMedia}</option>
|
||||
<option value="nextup">${HeaderNextUp}</option>
|
||||
<option value="livetv">${LiveTV}</option>
|
||||
<option value="none">${None}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectHomeSection6" label="{section6label}">
|
||||
<option value="smalllibrarytiles">${HeaderMyMedia}</option>
|
||||
<option value="librarybuttons">${HeaderMyMediaSmall}</option>
|
||||
<option value="activerecordings">${HeaderActiveRecordings}</option>
|
||||
<option value="resume">${HeaderContinueWatching}</option>
|
||||
<option value="resumeaudio">${HeaderContinueListening}</option>
|
||||
<option value="latestmedia">${HeaderLatestMedia}</option>
|
||||
<option value="nextup">${HeaderNextUp}</option>
|
||||
<option value="livetv">${LiveTV}</option>
|
||||
<option value="none">${None}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<select is="emby-select" id="selectHomeSection7" label="{section7label}">
|
||||
<option value="smalllibrarytiles">${HeaderMyMedia}</option>
|
||||
<option value="librarybuttons">${HeaderMyMediaSmall}</option>
|
||||
<option value="activerecordings">${HeaderActiveRecordings}</option>
|
||||
<option value="resume">${HeaderContinueWatching}</option>
|
||||
<option value="resumeaudio">${HeaderContinueListening}</option>
|
||||
<option value="latestmedia">${HeaderLatestMedia}</option>
|
||||
<option value="nextup">${HeaderNextUp}</option>
|
||||
<option value="livetv">${LiveTV}</option>
|
||||
<option value="none">${None}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="verticalSection verticalSection-extrabottompadding">
|
||||
|
||||
<h2 class="sectionTitle">
|
||||
${HeaderLibraryOrder}
|
||||
</h2>
|
||||
<div class="paperList viewOrderList">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="perLibrarySettings">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="verticalSection verticalSection-extrabottompadding">
|
||||
<label class="checkboxContainer">
|
||||
<input class="chkHidePlayedFromLatest" type="checkbox" is="emby-checkbox" />
|
||||
<span>${HideWatchedContentFromLatestMedia}</span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="verticalSection verticalSection-extrabottompadding">
|
||||
<h2 class="sectionTitle">
|
||||
${HeaderLibraryFolders}
|
||||
</h2>
|
||||
<div>
|
||||
<p>${LabelSelectFolderGroups}</p>
|
||||
<div class="folderGroupList"></div>
|
||||
<div class="fieldDescription checkboxFieldDescription">${LabelSelectFolderGroupsHelp}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button is="emby-button" type="submit" class="raised button-submit block btnSave hide">
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
</form>
|
||||
47
src/bower_components/emby-webcomponents/homescreensettings/homescreensettingsdialog.js
vendored
Normal file
47
src/bower_components/emby-webcomponents/homescreensettings/homescreensettingsdialog.js
vendored
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
define(["dialogHelper", "layoutManager", "globalize", "require", "events", "homescreenSettings", "paper-icon-button-light", "css!./../formdialog"], function(dialogHelper, layoutManager, globalize, require, events, HomescreenSettings) {
|
||||
"use strict";
|
||||
|
||||
function centerFocus(elem, horiz, on) {
|
||||
require(["scrollHelper"], function(scrollHelper) {
|
||||
var fn = on ? "on" : "off";
|
||||
scrollHelper.centerFocus[fn](elem, horiz)
|
||||
})
|
||||
}
|
||||
|
||||
function show(options) {
|
||||
return new Promise(function(resolve, reject) {
|
||||
require(["text!./homescreensettingsdialog.template.html"], function(template) {
|
||||
var dialogOptions = {
|
||||
removeOnClose: !0,
|
||||
scrollY: !1
|
||||
};
|
||||
layoutManager.tv ? dialogOptions.size = "fullscreen" : dialogOptions.size = "medium-tall";
|
||||
var dlg = dialogHelper.createDialog(dialogOptions);
|
||||
dlg.classList.add("formDialog");
|
||||
var html = "",
|
||||
submitted = !1;
|
||||
html += globalize.translateDocument(template, "sharedcomponents"), dlg.innerHTML = html, layoutManager.tv && centerFocus(dlg.querySelector(".formDialogContent"), !1, !0);
|
||||
var homescreenSettingsInstance = new HomescreenSettings({
|
||||
serverId: options.serverId,
|
||||
userId: options.userId,
|
||||
element: dlg.querySelector(".settingsContent"),
|
||||
userSettings: options.userSettings,
|
||||
enableSaveButton: !1,
|
||||
enableSaveConfirmation: !1
|
||||
});
|
||||
dialogHelper.open(dlg), dlg.addEventListener("close", function() {
|
||||
layoutManager.tv && centerFocus(dlg.querySelector(".formDialogContent"), !1, !1), submitted ? resolve() : reject()
|
||||
}), dlg.querySelector(".btnCancel").addEventListener("click", function(e) {
|
||||
dialogHelper.close(dlg)
|
||||
}), dlg.querySelector(".btnSave").addEventListener("click", function(e) {
|
||||
submitted = !0, homescreenSettingsInstance.submit()
|
||||
}), events.on(homescreenSettingsInstance, "saved", function() {
|
||||
submitted = !0, dialogHelper.close(dlg)
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
return {
|
||||
show: show
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<div class="formDialogHeader">
|
||||
<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon"></i></button>
|
||||
<h3 class="formDialogHeaderTitle">
|
||||
${HeaderDisplaySettings}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="formDialogContent smoothScrollY">
|
||||
<div class="dialogContentInner dialog-content-centered">
|
||||
|
||||
<div class="settingsContent">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="formDialogFooter">
|
||||
<button is="emby-button" type="button" class="raised button-submit block formDialogFooterItem btnSave">
|
||||
<span>${Save}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue