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

update multiselect

This commit is contained in:
Luke Pulverenti 2016-07-18 23:57:55 -04:00
parent 3460f6708d
commit cc2cd5731d
28 changed files with 175 additions and 141 deletions

View file

@ -1,4 +1,4 @@
define(['emby-itemscontainer'], function () {
define(['components/categorysyncbuttons', 'emby-itemscontainer'], function (categorysyncbuttons) {
function getNextUpPromise() {
@ -50,6 +50,8 @@
var self = this;
var nextUpPromise;
categorysyncbuttons.init(view);
self.preRender = function () {
nextUpPromise = getNextUpPromise();
};

View file

@ -2155,7 +2155,7 @@
});
view.querySelector('.detailImageContainer').addEventListener('click', function (e) {
var itemDetailGalleryLink = parentWithClass(e.target, 'itemDetailGalleryLink');
var itemDetailGalleryLink = dom.parentWithClass(e.target, 'itemDetailGalleryLink');
if (itemDetailGalleryLink) {
LibraryBrowser.editImages(currentItem.Id).then(function () {
reload(view, params);

View file

@ -1,4 +1,4 @@
define(['libraryBrowser', 'itemHelper'], function (libraryBrowser, itemHelper) {
define(['libraryBrowser'], function (libraryBrowser) {
function isClickable(target) {
@ -56,62 +56,4 @@
e.preventDefault();
return false;
}
function showSyncButtonsPerUser(page) {
var apiClient = window.ApiClient;
if (!apiClient || !apiClient.getCurrentUserId()) {
return;
}
Dashboard.getCurrentUser().then(function (user) {
var item = {
SupportsSync: true
};
var categorySyncButtons = page.querySelectorAll('.categorySyncButton');
for (var i = 0, length = categorySyncButtons.length; i < length; i++) {
if (itemHelper.canSync(user, item)) {
categorySyncButtons[i].classList.remove('hide');
} else {
categorySyncButtons[i].classList.add('hide');
}
}
});
}
function onCategorySyncButtonClick(e) {
var button = this;
var category = button.getAttribute('data-category');
var parentId = LibraryMenu.getTopParentId();
require(['syncDialog'], function (syncDialog) {
syncDialog.showMenu({
ParentId: parentId,
Category: category
});
});
}
pageClassOn('pageinit', "libraryPage", function () {
var page = this;
var categorySyncButtons = page.querySelectorAll('.categorySyncButton');
for (var i = 0, length = categorySyncButtons.length; i < length; i++) {
categorySyncButtons[i].addEventListener('click', onCategorySyncButtonClick);
}
});
pageClassOn('pageshow', "libraryPage", function () {
var page = this;
if (!Dashboard.isServerlessPage()) {
showSyncButtonsPerUser(page);
}
});
});

View file

@ -1,4 +1,4 @@
define(['imageLoader', 'layoutManager', 'viewManager', 'navdrawer', 'paper-icon-button-light', 'material-icons'], function (imageLoader, layoutManager, viewManager, navdrawer) {
define(['imageLoader', 'layoutManager', 'viewManager', 'navdrawer', 'libraryBrowser', 'paper-icon-button-light', 'material-icons'], function (imageLoader, layoutManager, viewManager, navdrawer, libraryBrowser) {
var navDrawerElement = document.querySelector('.mainDrawer');
var navDrawerScrollContainer = navDrawerElement.querySelector('.scrollContainer');
@ -275,7 +275,7 @@
function getItemHref(item, context) {
return LibraryBrowser.getHref(item, context);
return libraryBrowser.getHref(item, context);
}
var requiresUserRefresh = true;

View file

@ -1,4 +1,4 @@
define(['scripts/livetvcomponents', 'emby-button', 'listViewStyle', 'emby-itemscontainer'], function () {
define(['components/categorysyncbuttons', 'scripts/livetvcomponents', 'emby-button', 'listViewStyle', 'emby-itemscontainer'], function (categorysyncbuttons) {
function getRecordingGroupHtml(group) {
@ -183,6 +183,8 @@
return function (view, params, tabContent) {
var self = this;
categorysyncbuttons.init(tabContent);
tabContent.querySelector('#activeRecordings .recordingItems').addEventListener('timercancelled', function () {
reload(tabContent);
});

View file

@ -1,4 +1,4 @@
define([], function () {
define(['libraryBrowser'], function (libraryBrowser) {
function getApiClient() {
@ -125,7 +125,7 @@
}
else {
var background = LibraryBrowser.getMetroColor(user.Id);
var background = libraryBrowser.getMetroColor(user.Id);
imgUrl = 'css/images/logindefault.png';

View file

@ -1,4 +1,4 @@
define([], function () {
define(['libraryBrowser'], function (libraryBrowser) {
return function (view, params, tabContent) {
@ -19,11 +19,11 @@
Fields: "DateCreated,SyncInfo,ItemCounts",
StartIndex: 0
},
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
view: libraryBrowser.getSavedView(key) || libraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
};
pageData.query.ParentId = params.topParentId;
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
libraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData;
}
@ -35,7 +35,7 @@
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey('genres');
return libraryBrowser.getSavedQueryKey('genres');
}
function getPromise() {
@ -57,7 +57,7 @@
var viewStyle = self.getCurrentViewStyle();
if (viewStyle == "Thumb") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
@ -70,7 +70,7 @@
}
else if (viewStyle == "ThumbCard") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
@ -82,7 +82,7 @@
});
}
else if (viewStyle == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'movies',
@ -93,7 +93,7 @@
});
}
else if (viewStyle == "Poster") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'movies',
@ -108,7 +108,7 @@
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
libraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});
@ -123,7 +123,7 @@
self.setCurrentViewStyle = function (viewStyle) {
getPageData(tabContent).view = viewStyle;
LibraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
libraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
fullyReload();
};
@ -147,7 +147,7 @@
var btnSelectView = tabContent.querySelector('.btnSelectView');
btnSelectView.addEventListener('click', function (e) {
LibraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), self.getViewStyles());
libraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), self.getViewStyles());
});
btnSelectView.addEventListener('layoutchange', function (e) {

View file

@ -1,4 +1,4 @@
define(['libraryBrowser', 'scrollStyles', 'emby-itemscontainer'], function (libraryBrowser) {
define(['libraryBrowser', 'components/categorysyncbuttons', 'scrollStyles', 'emby-itemscontainer'], function (libraryBrowser, categorysyncbuttons) {
function getView() {
@ -270,7 +270,9 @@
var self = this;
self.initTab = function () {
var tabContent = view.querySelector('.pageTabContent[data-index=\'' + 0 + '\']');
categorysyncbuttons.init(tabContent);
initSuggestedTab(view, tabContent);
};

View file

@ -1,4 +1,4 @@
define([], function () {
define(['libraryBrowser'], function (libraryBrowser) {
// The base query options
var data = {};
@ -27,7 +27,7 @@
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey('studios');
return libraryBrowser.getSavedQueryKey('studios');
}
function getPromise(context, params) {
@ -44,7 +44,7 @@
var html = '';
html += LibraryBrowser.getPosterViewHtml({
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: false,

View file

@ -1,4 +1,4 @@
define([], function () {
define(['libraryBrowser'], function (libraryBrowser) {
return function (view, params, tabContent) {
@ -19,11 +19,11 @@
Fields: "DateCreated,SyncInfo,ItemCounts",
StartIndex: 0
},
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
view: libraryBrowser.getSavedView(key) || libraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
};
pageData.query.ParentId = params.topParentId;
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
libraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData;
}
@ -35,7 +35,7 @@
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey('genres');
return libraryBrowser.getSavedQueryKey('genres');
}
function getPromise() {
@ -57,7 +57,7 @@
var viewStyle = self.getCurrentViewStyle();
if (viewStyle == "Thumb") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
@ -70,7 +70,7 @@
}
else if (viewStyle == "ThumbCard") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
@ -82,7 +82,7 @@
});
}
else if (viewStyle == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'music',
@ -93,7 +93,7 @@
});
}
else if (viewStyle == "Poster") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'music',
@ -108,7 +108,7 @@
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
libraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});
@ -123,7 +123,7 @@
self.setCurrentViewStyle = function (viewStyle) {
getPageData(tabContent).view = viewStyle;
LibraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
libraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
fullyReload();
};
@ -147,7 +147,7 @@
var btnSelectView = tabContent.querySelector('.btnSelectView');
btnSelectView.addEventListener('click', function (e) {
LibraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), self.getViewStyles());
libraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), self.getViewStyles());
});
btnSelectView.addEventListener('layoutchange', function (e) {

View file

@ -1,4 +1,4 @@
define([], function () {
define(['libraryBrowser'], function (libraryBrowser) {
function notifications() {
@ -106,7 +106,7 @@
var query = { StartIndex: startIndex, Limit: limit };
html += LibraryBrowser.getQueryPagingHtml({
html += libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: totalRecordCount,

View file

@ -1,4 +1,4 @@
define(['jQuery'], function ($) {
define(['jQuery', 'libraryBrowser'], function ($, libraryBrowser) {
var defaultSortBy = "SortName";
var topItems = 5;
@ -311,7 +311,7 @@
$('#tabFilter', page).hide();
}
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
var pagingHtml = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,

View file

@ -1,4 +1,4 @@
define(['jQuery'], function ($) {
define(['jQuery', 'libraryBrowser'], function ($, libraryBrowser) {
var currentItem;
@ -18,9 +18,9 @@
currentItem = item;
LibraryBrowser.renderName(item, $('.itemName', page)[0], false);
LibraryBrowser.renderParentName(item, $('.parentName', page)[0]);
LibraryBrowser.renderDetailPageBackdrop(page, item);
libraryBrowser.renderName(item, $('.itemName', page)[0], false);
libraryBrowser.renderParentName(item, $('.parentName', page)[0]);
libraryBrowser.renderDetailPageBackdrop(page, item);
renderImage(page, item);
@ -58,7 +58,7 @@
}
function renderImage(page, item) {
LibraryBrowser.renderDetailImage(page.querySelector('.detailImageContainer'), item, false);
libraryBrowser.renderDetailImage(page.querySelector('.detailImageContainer'), item, false);
}
$(document).on('pageinit', "#publicSharedItemPage", function () {

View file

@ -3177,7 +3177,6 @@ var AppInfo = {};
}
}
deps.push('scripts/librarylist');
deps.push('scripts/librarymenu');
deps.push('css!css/card.css');

View file

@ -1,4 +1,4 @@
define([], function () {
define(['libraryBrowser'], function (libraryBrowser) {
return function (view, params, tabContent) {
@ -19,11 +19,11 @@
Fields: "DateCreated,SyncInfo,ItemCounts",
StartIndex: 0
},
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
view: libraryBrowser.getSavedView(key) || libraryBrowser.getDefaultItemsView('Thumb', 'Thumb')
};
pageData.query.ParentId = params.topParentId;
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
libraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData;
}
@ -35,7 +35,7 @@
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey('genres');
return libraryBrowser.getSavedQueryKey('genres');
}
function getPromise() {
@ -57,7 +57,7 @@
var viewStyle = self.getCurrentViewStyle();
if (viewStyle == "Thumb") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
@ -70,7 +70,7 @@
}
else if (viewStyle == "ThumbCard") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
preferThumb: true,
@ -82,7 +82,7 @@
});
}
else if (viewStyle == "PosterCard") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'tv',
@ -93,7 +93,7 @@
});
}
else if (viewStyle == "Poster") {
html = LibraryBrowser.getPosterViewHtml({
html = libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "portrait",
context: 'tv',
@ -108,7 +108,7 @@
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
libraryBrowser.saveQueryValues(getSavedQueryKey(), query);
Dashboard.hideLoadingMsg();
});
@ -123,7 +123,7 @@
self.setCurrentViewStyle = function(viewStyle) {
getPageData(tabContent).view = viewStyle;
LibraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
libraryBrowser.saveViewSetting(getSavedQueryKey(tabContent), viewStyle);
fullyReload();
};
@ -147,7 +147,7 @@
var btnSelectView = tabContent.querySelector('.btnSelectView');
btnSelectView.addEventListener('click', function (e) {
LibraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), self.getViewStyles());
libraryBrowser.showLayoutMenu(e.target, self.getCurrentViewStyle(), self.getViewStyles());
});
btnSelectView.addEventListener('layoutchange', function (e) {

View file

@ -1,4 +1,4 @@
define([], function () {
define(['components/categorysyncbuttons'], function (categorysyncbuttons) {
function getView() {
@ -77,7 +77,8 @@
return function (view, params, tabContent) {
var self = this;
var latestPromise;
categorysyncbuttons.init(tabContent); var latestPromise;
self.preRender = function () {
latestPromise = getLatestPromise(view, params);

View file

@ -1,4 +1,4 @@
define(['libraryBrowser', 'scrollStyles', 'emby-itemscontainer'], function (libraryBrowser) {
define(['libraryBrowser', 'components/categorysyncbuttons', 'scrollStyles', 'emby-itemscontainer'], function (libraryBrowser, categorysyncbuttons) {
return function (view, params) {
@ -165,6 +165,8 @@
} else {
tabContent.querySelector('#resumableItems').classList.remove('hiddenScrollX');
}
categorysyncbuttons.init(tabContent);
};
self.renderTab = function () {

View file

@ -1,4 +1,4 @@
define([], function () {
define(['libraryBrowser'], function (libraryBrowser) {
// The base query options
var data = {};
@ -27,7 +27,7 @@
function getSavedQueryKey() {
return LibraryBrowser.getSavedQueryKey('studios');
return libraryBrowser.getSavedQueryKey('studios');
}
function getPromise(context, params) {
@ -44,7 +44,7 @@
var html = '';
html += LibraryBrowser.getPosterViewHtml({
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: false,

View file

@ -1,4 +1,4 @@
define(['datetime', 'scrollStyles', 'emby-itemscontainer'], function (datetime) {
define(['datetime', 'libraryBrowser', 'scrollStyles', 'emby-itemscontainer'], function (datetime, libraryBrowser) {
function getUpcomingPromise(context, params) {
@ -69,7 +69,7 @@
if (premiereDate.getDate() == new Date().getDate() - 1) {
dateText = Globalize.translate('Yesterday');
} else {
dateText = LibraryBrowser.getFutureDateText(premiereDate, true);
dateText = libraryBrowser.getFutureDateText(premiereDate, true);
}
} catch (err) {
@ -107,7 +107,7 @@
html += '<div is="emby-itemscontainer" class="itemsContainer">';
}
html += LibraryBrowser.getPosterViewHtml({
html += libraryBrowser.getPosterViewHtml({
items: group.items,
showLocationTypeIndicator: false,
shape: getThumbShape(),