milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

move all library pages to their own folders

Browse source
This commit is contained in:
dkanada 2019-08-15 21:25:43 -07:00
parent cfb67bb5d1
commit 8bec0ad63d
25 changed files with 25 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

89
src/controllers/livetv/livetvchannels.js Normal file
View file

@ -0,0 +1,89 @@
define(["cardBuilder", "imageLoader", "libraryBrowser", "loading", "events", "emby-itemscontainer"], function(cardBuilder, imageLoader, libraryBrowser, loading, events) {
"use strict";
return function(view, params, tabContent) {
function getPageData() {
return pageData || (pageData = {
query: {
StartIndex: 0,
Limit: 100,
Fields: "PrimaryImageAspectRatio"
}
}), pageData
}
function getQuery() {
return getPageData().query
}
function getChannelsHtml(channels) {
return cardBuilder.getCardsHtml({
items: channels,
shape: "square",
showTitle: !0,
lazy: !0,
cardLayout: !0,
showDetailsMenu: !0,
showCurrentProgram: !0,
showCurrentProgramTime: !0
})
}
function renderChannels(context, result) {
function onNextPageClick() {
if (isLoading) return;
query.StartIndex += query.Limit, reloadItems(context)
}
function onPreviousPageClick() {
if (isLoading) return;
query.StartIndex -= query.Limit, reloadItems(context)
}
var query = getQuery();
context.querySelector(".paging").innerHTML = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
showLimit: !1,
updatePageSizeSetting: !1,
filterButton: !1
});
var html = getChannelsHtml(result.Items),
elem = context.querySelector("#items");
elem.innerHTML = html, imageLoader.lazyChildren(elem);
var i, length, elems;
for (elems = context.querySelectorAll(".btnNextPage"), i = 0, length = elems.length; i < length; i++) elems[i].addEventListener("click", onNextPageClick);
for (elems = context.querySelectorAll(".btnPreviousPage"), i = 0, length = elems.length; i < length; i++) elems[i].addEventListener("click", onPreviousPageClick)
}
function showFilterMenu(context) {
require(["components/filterdialog/filterdialog"], function(filterDialogFactory) {
var filterDialog = new filterDialogFactory({
query: getQuery(),
mode: "livetvchannels",
serverId: ApiClient.serverId()
});
events.on(filterDialog, "filterchange", function() {
reloadItems(context)
}), filterDialog.show()
})
}
function reloadItems(context, save) {
loading.show();
isLoading = true;
var query = getQuery(),
apiClient = ApiClient;
query.UserId = apiClient.getCurrentUserId(), apiClient.getLiveTvChannels(query).then(function(result) {
renderChannels(context, result);
loading.hide();
isLoading = false;
})
}
var pageData, self = this, isLoading = false;
tabContent.querySelector(".btnFilter").addEventListener("click", function() {
showFilterMenu(tabContent)
}), self.renderTab = function() {
reloadItems(tabContent)
}
}
});

16
src/controllers/livetv/livetvguide.js Normal file
View file

@ -0,0 +1,16 @@
define(["tvguide"], function(tvguide) {
"use strict";
return function(view, params, tabContent) {
var guideInstance, self = this;
self.renderTab = function() {
guideInstance || (guideInstance = new tvguide({
element: tabContent,
serverId: ApiClient.serverId()
}))
}, self.onShow = function() {
guideInstance && guideInstance.resume()
}, self.onHide = function() {
guideInstance && guideInstance.pause()
}
}
});

69
src/controllers/livetv/livetvrecordings.js Normal file
View file

@ -0,0 +1,69 @@
define(["layoutManager", "loading", "cardBuilder", "apphost", "imageLoader", "scripts/livetvcomponents", "listViewStyle", "emby-itemscontainer"], function(layoutManager, loading, cardBuilder, appHost, imageLoader) {
"use strict";
function renderRecordings(elem, recordings, cardOptions, scrollX) {
recordings.length ? elem.classList.remove("hide") : elem.classList.add("hide");
var recordingItems = elem.querySelector(".recordingItems");
scrollX ? (recordingItems.classList.add("scrollX"), recordingItems.classList.add("hiddenScrollX"), recordingItems.classList.remove("vertical-wrap")) : (recordingItems.classList.remove("scrollX"), recordingItems.classList.remove("hiddenScrollX"), recordingItems.classList.add("vertical-wrap"));
appHost.supports("imageanalysis");
recordingItems.innerHTML = cardBuilder.getCardsHtml(Object.assign({
items: recordings,
shape: scrollX ? "autooverflow" : "auto",
defaultShape: scrollX ? "overflowBackdrop" : "backdrop",
showTitle: !0,
showParentTitle: !0,
coverImage: !0,
cardLayout: !1,
centerText: !0,
allowBottomPadding: !scrollX,
preferThumb: "auto",
overlayText: !1
}, cardOptions || {})), imageLoader.lazyChildren(recordingItems)
}
function renderLatestRecordings(context, promise) {
promise.then(function(result) {
renderRecordings(context.querySelector("#latestRecordings"), result.Items, {
showYear: !0,
lines: 2
}, !1), loading.hide()
})
}
function renderRecordingFolders(context, promise) {
promise.then(function(result) {
renderRecordings(context.querySelector("#recordingFolders"), result.Items, {
showYear: !1,
showParentTitle: !1
}, !1)
})
}
function onMoreClick(e) {
var type = this.getAttribute("data-type"),
serverId = ApiClient.serverId();
switch (type) {
case "latest":
Dashboard.navigate("list.html?type=Recordings&serverId=" + serverId)
}
}
return function(view, params, tabContent) {
function enableFullRender() {
return (new Date).getTime() - lastFullRender > 3e5
}
var foldersPromise, latestPromise, self = this,
lastFullRender = 0;
for (var moreButtons = tabContent.querySelectorAll(".more"), i = 0, length = moreButtons.length; i < length; i++) moreButtons[i].addEventListener("click", onMoreClick);
self.preRender = function() {
enableFullRender() && (latestPromise = ApiClient.getLiveTvRecordings({
UserId: Dashboard.getCurrentUserId(),
Limit: 12,
Fields: "CanDelete,PrimaryImageAspectRatio,BasicSyncInfo",
EnableTotalRecordCount: !1,
EnableImageTypes: "Primary,Thumb,Backdrop"
}), foldersPromise = ApiClient.getRecordingFolders(Dashboard.getCurrentUserId()))
}, self.renderTab = function() {
enableFullRender() && (loading.show(), renderLatestRecordings(tabContent, latestPromise), renderRecordingFolders(tabContent, foldersPromise), lastFullRender = (new Date).getTime())
}
}
});

80
src/controllers/livetv/livetvschedule.js Normal file
View file

@ -0,0 +1,80 @@
define(["layoutManager", "cardBuilder", "apphost", "imageLoader", "loading", "scripts/livetvcomponents", "emby-button", "emby-itemscontainer"], function(layoutManager, cardBuilder, appHost, imageLoader, loading) {
"use strict";
function enableScrollX() {
return !layoutManager.desktop
}
function renderRecordings(elem, recordings, cardOptions) {
recordings.length ? elem.classList.remove("hide") : elem.classList.add("hide");
var recordingItems = elem.querySelector(".recordingItems");
enableScrollX() ? (recordingItems.classList.add("scrollX"), layoutManager.tv && recordingItems.classList.add("smoothScrollX"), recordingItems.classList.add("hiddenScrollX"), recordingItems.classList.remove("vertical-wrap")) : (recordingItems.classList.remove("scrollX"), recordingItems.classList.remove("smoothScrollX"), recordingItems.classList.remove("hiddenScrollX"), recordingItems.classList.add("vertical-wrap"));
var supportsImageAnalysis = appHost.supports("imageanalysis"),
cardLayout = appHost.preferVisualCards || supportsImageAnalysis;
cardLayout = !1, recordingItems.innerHTML = cardBuilder.getCardsHtml(Object.assign({
items: recordings,
shape: enableScrollX() ? "autooverflow" : "auto",
showTitle: !0,
showParentTitle: !0,
coverImage: !0,
cardLayout: cardLayout,
centerText: !cardLayout,
allowBottomPadding: !enableScrollX(),
preferThumb: "auto"
}, cardOptions || {})), imageLoader.lazyChildren(recordingItems)
}
function getBackdropShape() {
return enableScrollX() ? "overflowBackdrop" : "backdrop"
}
function renderActiveRecordings(context, promise) {
promise.then(function(result) {
renderRecordings(context.querySelector("#activeRecordings"), result.Items, {
shape: enableScrollX() ? "autooverflow" : "auto",
defaultShape: getBackdropShape(),
showParentTitle: !1,
showParentTitleOrTitle: !0,
showTitle: !1,
showAirTime: !0,
showAirEndTime: !0,
showChannelName: !0,
coverImage: !0,
overlayText: !1,
overlayMoreButton: !0
})
})
}
function renderTimers(context, timers, options) {
LiveTvHelpers.getTimersHtml(timers, options).then(function(html) {
var elem = context;
html ? elem.classList.remove("hide") : elem.classList.add("hide"), elem.querySelector(".recordingItems").innerHTML = html, imageLoader.lazyChildren(elem)
})
}
function renderUpcomingRecordings(context, promise) {
promise.then(function(result) {
renderTimers(context.querySelector("#upcomingRecordings"), result.Items), loading.hide()
})
}
return function(view, params, tabContent) {
var activeRecordingsPromise, upcomingRecordingsPromise, self = this;
tabContent.querySelector("#upcomingRecordings .recordingItems").addEventListener("timercancelled", function() {
self.preRender(), self.renderTab()
}), self.preRender = function() {
activeRecordingsPromise = ApiClient.getLiveTvRecordings({
UserId: Dashboard.getCurrentUserId(),
IsInProgress: !0,
Fields: "CanDelete,PrimaryImageAspectRatio,BasicSyncInfo",
EnableTotalRecordCount: !1,
EnableImageTypes: "Primary,Thumb,Backdrop"
}), upcomingRecordingsPromise = ApiClient.getLiveTvTimers({
IsActive: !1,
IsScheduled: !0
})
}, self.renderTab = function() {
loading.show(), renderActiveRecordings(tabContent, activeRecordingsPromise), renderUpcomingRecordings(tabContent, upcomingRecordingsPromise)
}
}
});

43
src/controllers/livetv/livetvseriestimers.js Normal file
View file

@ -0,0 +1,43 @@
define(["datetime", "cardBuilder", "imageLoader", "apphost", "loading", "paper-icon-button-light", "emby-button"], function(datetime, cardBuilder, imageLoader, appHost, loading) {
"use strict";
function renderTimers(context, timers) {
var html = "";
appHost.supports("imageanalysis");
html += cardBuilder.getCardsHtml({
items: timers,
shape: "auto",
defaultShape: "portrait",
showTitle: !0,
cardLayout: !1,
preferThumb: "auto",
coverImage: !0,
overlayText: !1,
showSeriesTimerTime: !0,
showSeriesTimerChannel: !0,
centerText: !0,
overlayMoreButton: !0,
lines: 3
});
var elem = context.querySelector("#items");
elem.innerHTML = html, imageLoader.lazyChildren(elem), loading.hide()
}
function reload(context, promise) {
loading.show(), promise.then(function(result) {
renderTimers(context, result.Items)
})
}
var query = {
SortBy: "SortName",
SortOrder: "Ascending"
};
return function(view, params, tabContent) {
var timersPromise, self = this;
self.preRender = function() {
timersPromise = ApiClient.getLiveTvSeriesTimers(query)
}, self.renderTab = function() {
reload(tabContent, timersPromise)
}
}
});

369
src/controllers/livetv/livetvsuggested.js Normal file
View file

@ -0,0 +1,369 @@
define(["layoutManager", "userSettings", "inputManager", "loading", "globalize", "libraryBrowser", "mainTabsManager", "cardBuilder", "apphost", "imageLoader", "scrollStyles", "emby-itemscontainer", "emby-tabs", "emby-button"], function (layoutManager, userSettings, inputManager, loading, globalize, libraryBrowser, mainTabsManager, cardBuilder, appHost, imageLoader) {
"use strict";
function enableScrollX() {
return !layoutManager.desktop;
}
function getBackdropShape() {
if (enableScrollX()) {
return "overflowBackdrop";
}
return "backdrop";
}
function getPortraitShape() {
if (enableScrollX()) {
return "overflowPortrait";
}
return "portrait";
}
function getLimit() {
if (enableScrollX()) {
return 12;
}
return 9;
}
function loadRecommendedPrograms(page) {
loading.show();
var limit = getLimit();
if (enableScrollX()) {
limit *= 2;
}
ApiClient.getLiveTvRecommendedPrograms({
userId: Dashboard.getCurrentUserId(),
IsAiring: true,
limit: limit,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Thumb,Backdrop",
EnableTotalRecordCount: false,
Fields: "ChannelInfo,PrimaryImageAspectRatio"
}).then(function (result) {
renderItems(page, result.Items, "activeProgramItems", "play", {
showAirDateTime: false,
showAirEndTime: true
});
loading.hide();
});
}
function reload(page, enableFullRender) {
if (enableFullRender) {
loadRecommendedPrograms(page);
ApiClient.getLiveTvPrograms({
userId: Dashboard.getCurrentUserId(),
HasAired: false,
limit: getLimit(),
IsMovie: false,
IsSports: false,
IsKids: false,
IsNews: false,
IsSeries: true,
EnableTotalRecordCount: false,
Fields: "ChannelInfo,PrimaryImageAspectRatio",
EnableImageTypes: "Primary,Thumb"
}).then(function (result) {
renderItems(page, result.Items, "upcomingEpisodeItems");
});
ApiClient.getLiveTvPrograms({
userId: Dashboard.getCurrentUserId(),
HasAired: false,
limit: getLimit(),
IsMovie: true,
EnableTotalRecordCount: false,
Fields: "ChannelInfo",
EnableImageTypes: "Primary,Thumb"
}).then(function (result) {
renderItems(page, result.Items, "upcomingTvMovieItems", null, {
shape: getPortraitShape(),
preferThumb: null,
showParentTitle: false
});
});
ApiClient.getLiveTvPrograms({
userId: Dashboard.getCurrentUserId(),
HasAired: false,
limit: getLimit(),
IsSports: true,
EnableTotalRecordCount: false,
Fields: "ChannelInfo,PrimaryImageAspectRatio",
EnableImageTypes: "Primary,Thumb"
}).then(function (result) {
renderItems(page, result.Items, "upcomingSportsItems");
});
ApiClient.getLiveTvPrograms({
userId: Dashboard.getCurrentUserId(),
HasAired: false,
limit: getLimit(),
IsKids: true,
EnableTotalRecordCount: false,
Fields: "ChannelInfo,PrimaryImageAspectRatio",
EnableImageTypes: "Primary,Thumb"
}).then(function (result) {
renderItems(page, result.Items, "upcomingKidsItems");
});
ApiClient.getLiveTvPrograms({
userId: Dashboard.getCurrentUserId(),
HasAired: false,
limit: getLimit(),
IsNews: true,
EnableTotalRecordCount: false,
Fields: "ChannelInfo,PrimaryImageAspectRatio",
EnableImageTypes: "Primary,Thumb"
}).then(function (result) {
renderItems(page, result.Items, "upcomingNewsItems", null, {
showParentTitleOrTitle: true,
showTitle: false,
showParentTitle: false
});
});
}
}
function renderItems(page, items, sectionClass, overlayButton, cardOptions) {
var html = cardBuilder.getCardsHtml(Object.assign({
items: items,
preferThumb: "auto",
inheritThumb: false,
shape: enableScrollX() ? "autooverflow" : "auto",
defaultShape: getBackdropShape(),
showParentTitle: true,
showTitle: true,
centerText: true,
coverImage: true,
overlayText: false,
lazy: true,
overlayPlayButton: "play" === overlayButton,
overlayMoreButton: "more" === overlayButton,
overlayInfoButton: "info" === overlayButton,
allowBottomPadding: !enableScrollX(),
showAirTime: true,
showAirDateTime: true
}, cardOptions || {}));
var elem = page.querySelector("." + sectionClass);
elem.innerHTML = html;
imageLoader.lazyChildren(elem);
}
function getTabs() {
return [
{ name: globalize.translate("Programs") },
{ name: globalize.translate("TabGuide") },
{ name: globalize.translate("TabChannels") },
{ name: globalize.translate("TabRecordings") },
{ name: globalize.translate("HeaderSchedule") },
{ name: globalize.translate("TabSeries") },
{ name: globalize.translate("ButtonSearch"), cssClass: "searchTabButton" }
];
}
function setScrollClasses(elem, scrollX) {
if (scrollX) {
elem.classList.add("hiddenScrollX");
if (layoutManager.tv) {
elem.classList.add("smoothScrollX");
}
elem.classList.add("scrollX");
elem.classList.remove("vertical-wrap");
} else {
elem.classList.remove("hiddenScrollX");
elem.classList.remove("smoothScrollX");
elem.classList.remove("scrollX");
elem.classList.add("vertical-wrap");
}
}
function getDefaultTabIndex(folderId) {
if (userSettings.get("landing-" + folderId) === "guide") {
return 1;
}
return 0;
}
return function (view, params) {
function enableFullRender() {
return new Date().getTime() - lastFullRender > 3e5;
}
function onBeforeTabChange(evt) {
preLoadTab(view, parseInt(evt.detail.selectedTabIndex));
}
function onTabChange(evt) {
var previousTabController = tabControllers[parseInt(evt.detail.previousIndex)];
if (previousTabController && previousTabController.onHide) {
previousTabController.onHide();
}
loadTab(view, parseInt(evt.detail.selectedTabIndex));
}
function getTabContainers() {
return view.querySelectorAll(".pageTabContent");
}
function initTabs() {
mainTabsManager.setTabs(view, currentTabIndex, getTabs, getTabContainers, onBeforeTabChange, onTabChange);
}
function getTabController(page, index, callback) {
var depends = [];
// TODO int is a little hard to read
switch (index) {
case 0:
break;
case 1:
depends.push("controllers/livetv/livetvguide");
break;
case 2:
depends.push("controllers/livetv/livetvchannels");
break;
case 3:
depends.push("controllers/livetv/livetvrecordings");
break;
case 4:
depends.push("controllers/livetv/livetvschedule");
break;
case 5:
depends.push("controllers/livetv/livetvseriestimers");
break;
case 6:
depends.push("scripts/searchtab");
}
require(depends, function (controllerFactory) {
var tabContent;
if (0 == index) {
tabContent = view.querySelector(".pageTabContent[data-index='" + index + "']");
self.tabContent = tabContent;
}
var controller = tabControllers[index];
if (!controller) {
tabContent = view.querySelector(".pageTabContent[data-index='" + index + "']");
if (0 === index) {
controller = self;
} else if (6 === index) {
controller = new controllerFactory(view, tabContent, {
collectionType: "livetv"
});
} else {
controller = new controllerFactory(view, params, tabContent);
}
tabControllers[index] = controller;
if (controller.initTab) {
controller.initTab();
}
}
callback(controller);
});
}
function preLoadTab(page, index) {
getTabController(page, index, function (controller) {
if (renderedTabs.indexOf(index) === -1 && controller.preRender) {
controller.preRender();
}
});
}
function loadTab(page, index) {
currentTabIndex = index;
getTabController(page, index, function (controller) {
initialTabIndex = null;
if (-1 == renderedTabs.indexOf(index)) {
if (1 === index) {
renderedTabs.push(index);
}
controller.renderTab();
} else if (controller.onShow) {
controller.onShow();
}
currentTabController = controller;
});
}
function onInputCommand(evt) {
if (evt.detail.command === "search") {
evt.preventDefault();
Dashboard.navigate("search.html?collectionType=livetv");
}
}
var isViewRestored;
var self = this;
var currentTabIndex = parseInt(params.tab || getDefaultTabIndex("livetv"));
var initialTabIndex = currentTabIndex;
var lastFullRender = 0;
[].forEach.call(view.querySelectorAll(".sectionTitleTextButton-programs"), function (link) {
var href = link.href;
if (href) {
link.href = href + "&serverId=" + ApiClient.serverId();
}
});
self.initTab = function () {
var tabContent = view.querySelector(".pageTabContent[data-index='0']");
var containers = tabContent.querySelectorAll(".itemsContainer");
for (var i = 0, length = containers.length; i < length; i++) {
setScrollClasses(containers[i], enableScrollX());
}
};
self.renderTab = function () {
var tabContent = view.querySelector(".pageTabContent[data-index='0']");
if (enableFullRender()) {
reload(tabContent, true);
lastFullRender = new Date().getTime();
} else {
reload(tabContent);
}
};
var currentTabController;
var tabControllers = [];
var renderedTabs = [];
view.addEventListener("viewbeforeshow", function (evt) {
isViewRestored = evt.detail.isRestored;
initTabs();
});
view.addEventListener("viewshow", function (evt) {
isViewRestored = evt.detail.isRestored;
if (!isViewRestored) {
mainTabsManager.selectedTabIndex(initialTabIndex);
}
inputManager.on(window, onInputCommand);
});
view.addEventListener("viewbeforehide", function (e__u) {
if (currentTabController && currentTabController.onHide) {
currentTabController.onHide();
}
inputManager.off(window, onInputCommand);
});
view.addEventListener("viewdestroy", function (evt) {
tabControllers.forEach(function (tabController) {
if (tabController.destroy) {
tabController.destroy();
}
});
});
};
});