mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
switch to shared components
This commit is contained in:
Luke Pulverenti
parent
c216a7ecdc
commit
e305bf40c8
28 changed files with 789 additions and 723 deletions
|
|
@ -1,4 +1,4 @@
|
|||
define(['layoutManager', 'datetime', 'mediaInfo', 'backdrop', 'listView', 'itemContextMenu', 'itemHelper', 'scrollStyles', 'emby-itemscontainer'], function (layoutManager, datetime, mediaInfo, backdrop, listView, itemContextMenu, itemHelper) {
|
||||
define(['layoutManager', 'datetime', 'mediaInfo', 'backdrop', 'listView', 'itemContextMenu', 'itemHelper', 'userdataButtons', 'scrollStyles', 'emby-itemscontainer'], function (layoutManager, datetime, mediaInfo, backdrop, listView, itemContextMenu, itemHelper, userdataButtons) {
|
||||
|
||||
var currentItem;
|
||||
|
||||
|
|
@ -1161,7 +1161,10 @@
|
|||
|
||||
var userDataIcons = page.querySelectorAll('.userDataIcons');
|
||||
|
||||
var html = LibraryBrowser.getUserDataIconsHtml(item, true, 'icon-button');
|
||||
var html = userdataButtons.getIconsHtml({
|
||||
item: item,
|
||||
style: 'fab-mini'
|
||||
});
|
||||
|
||||
for (var i = 0, length = userDataIcons.length; i < length; i++) {
|
||||
userDataIcons[i].innerHTML = html;
|
||||
|
|
@ -1973,17 +1976,6 @@
|
|||
});
|
||||
}
|
||||
|
||||
function onItemDeleted(e, itemId) {
|
||||
|
||||
if (currentItem && currentItem.Id == itemId) {
|
||||
if (currentItem.Type == 'Recording') {
|
||||
LibraryBrowser.showTab('livetv.html', 3);
|
||||
} else {
|
||||
Dashboard.navigate('home.html');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function showPlayMenu(item, target) {
|
||||
|
||||
require(['playMenu'], function (playMenu) {
|
||||
|
|
@ -2218,12 +2210,9 @@
|
|||
reload(page, params);
|
||||
|
||||
Events.on(ApiClient, 'websocketmessage', onWebSocketMessage);
|
||||
|
||||
Events.on(LibraryBrowser, 'itemdeleting', onItemDeleted);
|
||||
});
|
||||
|
||||
view.addEventListener('viewbeforehide', function () {
|
||||
Events.off(LibraryBrowser, 'itemdeleting', onItemDeleted);
|
||||
|
||||
currentItem = null;
|
||||
|
||||
|
|
|
|||
|
|
@ -577,34 +577,6 @@
|
|||
});
|
||||
},
|
||||
|
||||
deleteItems: function (itemIds) {
|
||||
|
||||
return new Promise(function (resolve, reject) {
|
||||
|
||||
var msg = Globalize.translate('ConfirmDeleteItem');
|
||||
var title = Globalize.translate('HeaderDeleteItem');
|
||||
|
||||
if (itemIds.length > 1) {
|
||||
msg = Globalize.translate('ConfirmDeleteItems');
|
||||
title = Globalize.translate('HeaderDeleteItems');
|
||||
}
|
||||
|
||||
require(['confirm'], function (confirm) {
|
||||
|
||||
confirm(msg, title).then(function () {
|
||||
|
||||
var promises = itemIds.map(function (itemId) {
|
||||
ApiClient.deleteItem(itemId);
|
||||
Events.trigger(LibraryBrowser, 'itemdeleting', [itemId]);
|
||||
});
|
||||
|
||||
resolve();
|
||||
}, reject);
|
||||
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
editImages: function (itemId) {
|
||||
|
||||
return new Promise(function (resolve, reject) {
|
||||
|
|
@ -2265,80 +2237,6 @@
|
|||
return null;
|
||||
},
|
||||
|
||||
getUserDataButtonHtml: function (method, itemId, btnCssClass, icon, tooltip, style) {
|
||||
|
||||
if (style == 'fab') {
|
||||
|
||||
var tagName = 'paper-fab';
|
||||
return '<' + tagName + ' title="' + tooltip + '" data-id="' + itemId + '" icon="' + icon + '" class="' + btnCssClass + '" onclick="LibraryBrowser.' + method + '(this);return false;"></' + tagName + '>';
|
||||
}
|
||||
|
||||
return '<button is="paper-icon-button-light" title="' + tooltip + '" data-id="' + itemId + '" class="autoSize ' + btnCssClass + '" onclick="LibraryBrowser.' + method + '(this);return false;"><i class="md-icon">' + icon + '</i></button>';
|
||||
},
|
||||
|
||||
getUserDataIconsHtml: function (item, includePlayed, style) {
|
||||
|
||||
var html = '';
|
||||
|
||||
var userData = item.UserData || {};
|
||||
|
||||
var itemId = item.Id;
|
||||
|
||||
if (includePlayed !== false) {
|
||||
var tooltipPlayed = Globalize.translate('TooltipPlayed');
|
||||
|
||||
if (item.MediaType == 'Video' || item.Type == 'Series' || item.Type == 'Season' || item.Type == 'BoxSet' || item.Type == 'Playlist') {
|
||||
if (item.Type != 'TvChannel') {
|
||||
if (userData.Played) {
|
||||
html += LibraryBrowser.getUserDataButtonHtml('markPlayed', itemId, 'btnUserItemRating btnUserItemRatingOn', 'check', tooltipPlayed, style);
|
||||
} else {
|
||||
html += LibraryBrowser.getUserDataButtonHtml('markPlayed', itemId, 'btnUserItemRating', 'check', tooltipPlayed, style);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var tooltipFavorite = Globalize.translate('TooltipFavorite');
|
||||
if (userData.IsFavorite) {
|
||||
|
||||
html += LibraryBrowser.getUserDataButtonHtml('markFavorite', itemId, 'btnUserItemRating btnUserItemRatingOn', 'favorite', tooltipFavorite, style);
|
||||
} else {
|
||||
html += LibraryBrowser.getUserDataButtonHtml('markFavorite', itemId, 'btnUserItemRating', 'favorite', tooltipFavorite, style);
|
||||
}
|
||||
|
||||
return html;
|
||||
},
|
||||
|
||||
markPlayed: function (link) {
|
||||
|
||||
var id = link.getAttribute('data-id');
|
||||
|
||||
var markAsPlayed = !link.classList.contains('btnUserItemRatingOn');
|
||||
|
||||
if (markAsPlayed) {
|
||||
ApiClient.markPlayed(Dashboard.getCurrentUserId(), id);
|
||||
link.classList.add('btnUserItemRatingOn');
|
||||
} else {
|
||||
ApiClient.markUnplayed(Dashboard.getCurrentUserId(), id);
|
||||
link.classList.remove('btnUserItemRatingOn');
|
||||
}
|
||||
},
|
||||
|
||||
markFavorite: function (link) {
|
||||
|
||||
var id = link.getAttribute('data-id');
|
||||
|
||||
var markAsFavorite = !link.classList.contains('btnUserItemRatingOn');
|
||||
|
||||
ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), id, markAsFavorite);
|
||||
|
||||
if (markAsFavorite) {
|
||||
link.classList.add('btnUserItemRatingOn');
|
||||
} else {
|
||||
link.classList.remove('btnUserItemRatingOn');
|
||||
}
|
||||
},
|
||||
|
||||
renderDetailImage: function (elem, item, editable, preferThumb) {
|
||||
|
||||
var imageTags = item.ImageTags || {};
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
define(['appSettings', 'appStorage', 'libraryBrowser', 'apphost', 'itemHelper'], function (appSettings, appStorage, LibraryBrowser, appHost, itemHelper) {
|
||||
define(['libraryBrowser', 'itemHelper'], function (libraryBrowser, itemHelper) {
|
||||
|
||||
function isClickable(target) {
|
||||
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
|
||||
|
||||
if (items.length == 1) {
|
||||
Dashboard.navigate(LibraryBrowser.getHref(items[0], context));
|
||||
Dashboard.navigate(libraryBrowser.getHref(items[0], context));
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -86,450 +86,12 @@
|
|||
return elem;
|
||||
}
|
||||
|
||||
LibraryBrowser.createCardMenus = function (curr, options) {
|
||||
libraryBrowser.createCardMenus = function (curr, options) {
|
||||
|
||||
curr.removeEventListener('click', onCardClick);
|
||||
curr.addEventListener('click', onCardClick);
|
||||
|
||||
//initTapHoldMenus(curr);
|
||||
};
|
||||
|
||||
function initTapHoldMenus(elem) {
|
||||
|
||||
if (elem.classList.contains('itemsContainer')) {
|
||||
initTapHold(elem);
|
||||
return;
|
||||
}
|
||||
|
||||
var elems = elem.querySelectorAll('.itemsContainer');
|
||||
|
||||
for (var i = 0, length = elems.length; i < length; i++) {
|
||||
initTapHold(elems[i]);
|
||||
}
|
||||
}
|
||||
|
||||
function initTapHold(element) {
|
||||
|
||||
if (!LibraryBrowser.allowSwipe(element)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (element.classList.contains('hasTapHold')) {
|
||||
return;
|
||||
}
|
||||
|
||||
require(['hammer'], function (Hammer) {
|
||||
|
||||
var manager = new Hammer.Manager(element);
|
||||
|
||||
var press = new Hammer.Press({
|
||||
time: 500
|
||||
});
|
||||
|
||||
manager.add(press);
|
||||
|
||||
//var hammertime = new Hammer(element);
|
||||
element.classList.add('hasTapHold');
|
||||
|
||||
manager.on('press', onTapHold);
|
||||
});
|
||||
|
||||
showTapHoldHelp(element);
|
||||
}
|
||||
|
||||
function showTapHoldHelp(element) {
|
||||
|
||||
var page = parentWithClass(element, 'page');
|
||||
|
||||
if (!page) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Don't do this on the home page
|
||||
if (page.classList.contains('homePage') || page.classList.contains('itemDetailPage') || page.classList.contains('liveTvPage')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var expectedValue = "8";
|
||||
if (appStorage.getItem("tapholdhelp") == expectedValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
appStorage.setItem("tapholdhelp", expectedValue);
|
||||
|
||||
Dashboard.alert({
|
||||
message: Globalize.translate('TryMultiSelectMessage'),
|
||||
title: Globalize.translate('HeaderTryMultiSelect')
|
||||
});
|
||||
}
|
||||
|
||||
function onTapHold(e) {
|
||||
|
||||
var card = parentWithClass(e.target, 'card');
|
||||
|
||||
if (card) {
|
||||
|
||||
showSelections(card);
|
||||
|
||||
// It won't have this if it's a hammer event
|
||||
if (e.stopPropagation) {
|
||||
e.stopPropagation();
|
||||
}
|
||||
e.preventDefault();
|
||||
return false;
|
||||
}
|
||||
e.preventDefault();
|
||||
// It won't have this if it's a hammer event
|
||||
if (e.stopPropagation) {
|
||||
e.stopPropagation();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function onItemSelectionPanelClick(e, itemSelectionPanel) {
|
||||
|
||||
// toggle the checkbox, if it wasn't clicked on
|
||||
if (!parentWithClass(e.target, 'chkItemSelect')) {
|
||||
var chkItemSelect = itemSelectionPanel.querySelector('.chkItemSelect');
|
||||
|
||||
if (chkItemSelect) {
|
||||
|
||||
if (chkItemSelect.classList.contains('checkedInitial')) {
|
||||
chkItemSelect.classList.remove('checkedInitial');
|
||||
} else {
|
||||
var newValue = !chkItemSelect.checked;
|
||||
chkItemSelect.checked = newValue;
|
||||
updateItemSelection(chkItemSelect, newValue);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
return false;
|
||||
}
|
||||
|
||||
function onSelectionChange(e) {
|
||||
updateItemSelection(this, this.checked);
|
||||
}
|
||||
|
||||
function showSelection(item, isChecked) {
|
||||
|
||||
var itemSelectionPanel = item.querySelector('.itemSelectionPanel');
|
||||
|
||||
if (!itemSelectionPanel) {
|
||||
|
||||
itemSelectionPanel = document.createElement('div');
|
||||
itemSelectionPanel.classList.add('itemSelectionPanel');
|
||||
|
||||
item.querySelector('.cardContent').appendChild(itemSelectionPanel);
|
||||
|
||||
var cssClass = 'chkItemSelect';
|
||||
if (isChecked && !browserInfo.firefox) {
|
||||
// In firefox, the initial tap hold doesnt' get treated as a click
|
||||
// In other browsers it does, so we need to make sure that initial click is ignored
|
||||
cssClass += ' checkedInitial';
|
||||
}
|
||||
var checkedAttribute = isChecked ? ' checked' : '';
|
||||
itemSelectionPanel.innerHTML = '<label class="checkboxContainer"><input type="checkbox" is="emby-checkbox" class="' + cssClass + '"' + checkedAttribute + '/><span></span></label>>';
|
||||
var chkItemSelect = itemSelectionPanel.querySelector('.chkItemSelect');
|
||||
chkItemSelect.addEventListener('change', onSelectionChange);
|
||||
}
|
||||
}
|
||||
|
||||
function showSelectionCommands() {
|
||||
|
||||
var selectionCommandsPanel = document.querySelector('.selectionCommandsPanel');
|
||||
|
||||
if (!selectionCommandsPanel) {
|
||||
|
||||
selectionCommandsPanel = document.createElement('div');
|
||||
selectionCommandsPanel.classList.add('selectionCommandsPanel');
|
||||
|
||||
document.body.appendChild(selectionCommandsPanel);
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<div style="float:left;">';
|
||||
html += '<button is="paper-icon-button-light" class="btnCloseSelectionPanel autoSize"><i class="md-icon">close</i></button>';
|
||||
html += '<span class="itemSelectionCount"></span>';
|
||||
html += '</div>';
|
||||
|
||||
html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><i class="md-icon">more_vert</i></button>';
|
||||
|
||||
selectionCommandsPanel.innerHTML = html;
|
||||
|
||||
selectionCommandsPanel.querySelector('.btnCloseSelectionPanel').addEventListener('click', hideSelections);
|
||||
|
||||
var btnSelectionPanelOptions = selectionCommandsPanel.querySelector('.btnSelectionPanelOptions');
|
||||
|
||||
btnSelectionPanelOptions.addEventListener('click', showMenuForSelectedItems);
|
||||
|
||||
if (!browserInfo.mobile) {
|
||||
shake(btnSelectionPanelOptions, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function shake(elem, iterations) {
|
||||
var keyframes = [
|
||||
{ transform: 'translate3d(0, 0, 0)', offset: 0 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.1 },
|
||||
{ transform: 'translate3d(10px, 0, 0)', offset: 0.2 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.3 },
|
||||
{ transform: 'translate3d(10px, 0, 0)', offset: 0.4 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.5 },
|
||||
{ transform: 'translate3d(10px, 0, 0)', offset: 0.6 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.7 },
|
||||
{ transform: 'translate3d(10px, 0, 0)', offset: 0.8 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.9 },
|
||||
{ transform: 'translate3d(0, 0, 0)', offset: 1 }];
|
||||
var timing = { duration: 900, iterations: iterations };
|
||||
|
||||
if (elem.animate) {
|
||||
elem.animate(keyframes, timing);
|
||||
}
|
||||
}
|
||||
|
||||
function showSelections(initialCard) {
|
||||
|
||||
require(['emby-checkbox'], function () {
|
||||
var cards = document.querySelectorAll('.card');
|
||||
for (var i = 0, length = cards.length; i < length; i++) {
|
||||
showSelection(cards[i], initialCard == cards[i]);
|
||||
}
|
||||
|
||||
showSelectionCommands();
|
||||
updateItemSelection(initialCard, true);
|
||||
});
|
||||
}
|
||||
|
||||
function hideSelections() {
|
||||
|
||||
var selectionCommandsPanel = document.querySelector('.selectionCommandsPanel');
|
||||
if (selectionCommandsPanel) {
|
||||
|
||||
selectionCommandsPanel.parentNode.removeChild(selectionCommandsPanel);
|
||||
|
||||
selectedItems = [];
|
||||
var elems = document.querySelectorAll('.itemSelectionPanel');
|
||||
for (var i = 0, length = elems.length; i < length; i++) {
|
||||
elems[i].parentNode.removeChild(elems[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var selectedItems = [];
|
||||
function updateItemSelection(chkItemSelect, selected) {
|
||||
|
||||
var id = parentWithClass(chkItemSelect, 'card').getAttribute('data-id');
|
||||
|
||||
if (selected) {
|
||||
|
||||
var current = selectedItems.filter(function (i) {
|
||||
return i == id;
|
||||
});
|
||||
|
||||
if (!current.length) {
|
||||
selectedItems.push(id);
|
||||
}
|
||||
|
||||
} else {
|
||||
selectedItems = selectedItems.filter(function (i) {
|
||||
return i != id;
|
||||
});
|
||||
}
|
||||
|
||||
if (selectedItems.length) {
|
||||
var itemSelectionCount = document.querySelector('.itemSelectionCount');
|
||||
if (itemSelectionCount) {
|
||||
itemSelectionCount.innerHTML = selectedItems.length;
|
||||
}
|
||||
} else {
|
||||
hideSelections();
|
||||
}
|
||||
}
|
||||
|
||||
function showMenuForSelectedItems(e) {
|
||||
|
||||
Dashboard.getCurrentUser().then(function (user) {
|
||||
|
||||
var items = [];
|
||||
|
||||
items.push({
|
||||
name: Globalize.translate('ButtonAddToCollection'),
|
||||
id: 'addtocollection',
|
||||
ironIcon: 'add'
|
||||
});
|
||||
|
||||
items.push({
|
||||
name: Globalize.translate('ButtonAddToPlaylist'),
|
||||
id: 'playlist',
|
||||
ironIcon: 'playlist-add'
|
||||
});
|
||||
|
||||
if (user.Policy.EnableContentDeletion) {
|
||||
items.push({
|
||||
name: Globalize.translate('ButtonDelete'),
|
||||
id: 'delete',
|
||||
ironIcon: 'delete'
|
||||
});
|
||||
}
|
||||
|
||||
if (user.Policy.EnableContentDownloading && appHost.supports('filedownload')) {
|
||||
//items.push({
|
||||
// name: Globalize.translate('ButtonDownload'),
|
||||
// id: 'download',
|
||||
// ironIcon: 'file-download'
|
||||
//});
|
||||
}
|
||||
|
||||
items.push({
|
||||
name: Globalize.translate('HeaderGroupVersions'),
|
||||
id: 'groupvideos',
|
||||
ironIcon: 'call-merge'
|
||||
});
|
||||
|
||||
items.push({
|
||||
name: Globalize.translate('MarkPlayed'),
|
||||
id: 'markplayed'
|
||||
});
|
||||
|
||||
items.push({
|
||||
name: Globalize.translate('MarkUnplayed'),
|
||||
id: 'markunplayed'
|
||||
});
|
||||
|
||||
items.push({
|
||||
name: Globalize.translate('ButtonRefresh'),
|
||||
id: 'refresh',
|
||||
ironIcon: 'refresh'
|
||||
});
|
||||
|
||||
items.push({
|
||||
name: Globalize.translate('ButtonSync'),
|
||||
id: 'sync',
|
||||
ironIcon: 'sync'
|
||||
});
|
||||
|
||||
require(['actionsheet'], function (actionsheet) {
|
||||
|
||||
actionsheet.show({
|
||||
items: items,
|
||||
positionTo: e.target,
|
||||
callback: function (id) {
|
||||
|
||||
var items = selectedItems.slice(0);
|
||||
var serverId = ApiClient.serverInfo().Id;
|
||||
|
||||
switch (id) {
|
||||
|
||||
case 'addtocollection':
|
||||
require(['collectionEditor'], function (collectionEditor) {
|
||||
|
||||
new collectionEditor().show({
|
||||
items: items,
|
||||
serverId: serverId
|
||||
});
|
||||
});
|
||||
hideSelections();
|
||||
break;
|
||||
case 'playlist':
|
||||
require(['playlistEditor'], function (playlistEditor) {
|
||||
new playlistEditor().show({
|
||||
items: items,
|
||||
serverId: serverId
|
||||
});
|
||||
});
|
||||
hideSelections();
|
||||
break;
|
||||
case 'delete':
|
||||
LibraryBrowser.deleteItems(items).then(function () {
|
||||
Dashboard.navigate('home.html');
|
||||
});
|
||||
hideSelections();
|
||||
break;
|
||||
case 'groupvideos':
|
||||
combineVersions(parentWithClass(e.target, 'page'), items);
|
||||
break;
|
||||
case 'markplayed':
|
||||
items.forEach(function (itemId) {
|
||||
ApiClient.markPlayed(Dashboard.getCurrentUserId(), itemId);
|
||||
});
|
||||
hideSelections();
|
||||
break;
|
||||
case 'markunplayed':
|
||||
items.forEach(function (itemId) {
|
||||
ApiClient.markUnplayed(Dashboard.getCurrentUserId(), itemId);
|
||||
});
|
||||
hideSelections();
|
||||
break;
|
||||
case 'refresh':
|
||||
require(['refreshDialog'], function (refreshDialog) {
|
||||
new refreshDialog({
|
||||
itemIds: items,
|
||||
serverId: serverId
|
||||
}).show();
|
||||
});
|
||||
hideSelections();
|
||||
break;
|
||||
case 'sync':
|
||||
require(['syncDialog'], function (syncDialog) {
|
||||
syncDialog.showMenu({
|
||||
items: items.map(function (i) {
|
||||
return {
|
||||
Id: i
|
||||
};
|
||||
})
|
||||
});
|
||||
});
|
||||
hideSelections();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function combineVersions(page, selection) {
|
||||
|
||||
if (selection.length < 2) {
|
||||
|
||||
Dashboard.alert({
|
||||
message: Globalize.translate('MessagePleaseSelectTwoItems'),
|
||||
title: Globalize.translate('HeaderError')
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
var msg = Globalize.translate('MessageTheSelectedItemsWillBeGrouped');
|
||||
|
||||
require(['confirm'], function (confirm) {
|
||||
|
||||
confirm(msg, Globalize.translate('HeaderGroupVersions')).then(function () {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
ApiClient.ajax({
|
||||
|
||||
type: "POST",
|
||||
url: ApiClient.getUrl("Videos/MergeVersions", { Ids: selection.join(',') })
|
||||
|
||||
}).then(function () {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
hideSelections();
|
||||
page.querySelector('.itemsContainer').dispatchEvent(new CustomEvent('needsrefresh', {}));
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function showSyncButtonsPerUser(page) {
|
||||
|
||||
var apiClient = window.ApiClient;
|
||||
|
|
@ -587,12 +149,4 @@
|
|||
showSyncButtonsPerUser(page);
|
||||
}
|
||||
});
|
||||
|
||||
pageClassOn('pagebeforehide', "libraryPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
hideSelections();
|
||||
});
|
||||
|
||||
});
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
define(['datetime', 'paper-icon-button-light'], function (datetime) {
|
||||
define(['datetime', 'userdataButtons', 'paper-icon-button-light'], function (datetime, userdataButtons) {
|
||||
|
||||
var currentPlayer;
|
||||
|
||||
|
|
@ -572,7 +572,10 @@
|
|||
|
||||
if (nowPlayingItem.Id) {
|
||||
ApiClient.getItem(Dashboard.getCurrentUserId(), nowPlayingItem.Id).then(function (item) {
|
||||
nowPlayingUserData.innerHTML = LibraryBrowser.getUserDataIconsHtml(item, false);
|
||||
nowPlayingUserData.innerHTML = userdataButtons.getIconsHtml({
|
||||
item: item,
|
||||
includePlayed: false
|
||||
});
|
||||
});
|
||||
} else {
|
||||
nowPlayingUserData.innerHTML = '';
|
||||
|
|
|
|||
|
|
@ -135,26 +135,6 @@
|
|||
});
|
||||
}
|
||||
|
||||
function showDragAndDropHelp() {
|
||||
|
||||
if (AppInfo.isTouchPreferred) {
|
||||
// Not implemented for mobile yet
|
||||
return;
|
||||
}
|
||||
|
||||
var expectedValue = "7";
|
||||
if (appStorage.getItem("playlistitemdragdrophelp") == expectedValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
appStorage.setItem("playlistitemdragdrophelp", expectedValue);
|
||||
|
||||
Dashboard.alert({
|
||||
message: Globalize.translate('TryDragAndDropMessage'),
|
||||
title: Globalize.translate('HeaderTryDragAndDrop')
|
||||
});
|
||||
}
|
||||
|
||||
function init(page, item) {
|
||||
|
||||
var elem = page.querySelector('#childrenContent .itemsContainer');
|
||||
|
|
@ -174,7 +154,6 @@
|
|||
}
|
||||
|
||||
reloadItems(page, item);
|
||||
showDragAndDropHelp();
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -1805,6 +1805,7 @@ var AppInfo = {};
|
|||
define("emby-button", [embyWebComponentsBowerPath + "/emby-button/emby-button"], returnFirstDependency);
|
||||
define("emby-itemscontainer", [embyWebComponentsBowerPath + "/emby-itemscontainer/emby-itemscontainer"], returnFirstDependency);
|
||||
define("itemHoverMenu", [embyWebComponentsBowerPath + "/itemhovermenu/itemhovermenu"], returnFirstDependency);
|
||||
define("multiSelect", [embyWebComponentsBowerPath + "/multiselect/multiselect"], returnFirstDependency);
|
||||
define("alphaPicker", [embyWebComponentsBowerPath + "/alphapicker/alphapicker"], returnFirstDependency);
|
||||
define("paper-icon-button-light", [embyWebComponentsBowerPath + "/emby-button/paper-icon-button-light"]);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue