mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Unminify using 1.5.323
Repo with tag: https://github.com/MediaBrowser/emby-webcomponents/tree/1.5.323
This commit is contained in:
Vasily
parent
4678528d00
commit
de6ac33ec1
289 changed files with 78483 additions and 54701 deletions
|
|
@ -1,350 +1,632 @@
|
|||
define(["browser", "appStorage", "apphost", "loading", "connectionManager", "globalize", "appRouter", "dom", "css!./multiselect"], function(browser, appStorage, appHost, loading, connectionManager, globalize, appRouter, dom) {
|
||||
"use strict";
|
||||
define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'globalize', 'appRouter', 'dom', 'css!./multiselect'], function (browser, appStorage, appHost, loading, connectionManager, globalize, appRouter, dom) {
|
||||
'use strict';
|
||||
|
||||
var selectedItems = [];
|
||||
var selectedElements = [];
|
||||
var currentSelectionCommandsPanel;
|
||||
|
||||
function hideSelections() {
|
||||
|
||||
var selectionCommandsPanel = currentSelectionCommandsPanel;
|
||||
if (selectionCommandsPanel) {
|
||||
selectionCommandsPanel.parentNode.removeChild(selectionCommandsPanel), currentSelectionCommandsPanel = null, selectedItems = [], selectedElements = [];
|
||||
for (var elems = document.querySelectorAll(".itemSelectionPanel"), i = 0, length = elems.length; i < length; i++) {
|
||||
|
||||
selectionCommandsPanel.parentNode.removeChild(selectionCommandsPanel);
|
||||
currentSelectionCommandsPanel = null;
|
||||
|
||||
selectedItems = [];
|
||||
selectedElements = [];
|
||||
var elems = document.querySelectorAll('.itemSelectionPanel');
|
||||
for (var i = 0, length = elems.length; i < length; i++) {
|
||||
|
||||
var parent = elems[i].parentNode;
|
||||
parent.removeChild(elems[i]), parent.classList.remove("withMultiSelect")
|
||||
parent.removeChild(elems[i]);
|
||||
parent.classList.remove('withMultiSelect');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onItemSelectionPanelClick(e, itemSelectionPanel) {
|
||||
if (!dom.parentWithClass(e.target, "chkItemSelect")) {
|
||||
var chkItemSelect = itemSelectionPanel.querySelector(".chkItemSelect");
|
||||
if (chkItemSelect)
|
||||
if (chkItemSelect.classList.contains("checkedInitial")) chkItemSelect.classList.remove("checkedInitial");
|
||||
else {
|
||||
|
||||
// toggle the checkbox, if it wasn't clicked on
|
||||
if (!dom.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)
|
||||
chkItemSelect.checked = newValue;
|
||||
updateItemSelection(chkItemSelect, newValue);
|
||||
}
|
||||
}
|
||||
}
|
||||
return e.preventDefault(), e.stopPropagation(), !1
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
return false;
|
||||
}
|
||||
|
||||
function updateItemSelection(chkItemSelect, selected) {
|
||||
var id = dom.parentWithAttribute(chkItemSelect, "data-id").getAttribute("data-id");
|
||||
|
||||
var id = dom.parentWithAttribute(chkItemSelect, 'data-id').getAttribute('data-id');
|
||||
|
||||
if (selected) {
|
||||
selectedItems.filter(function(i) {
|
||||
return i === id
|
||||
}).length || (selectedItems.push(id), selectedElements.push(chkItemSelect))
|
||||
} else selectedItems = selectedItems.filter(function(i) {
|
||||
return i !== id
|
||||
}), selectedElements = selectedElements.filter(function(i) {
|
||||
return i !== chkItemSelect
|
||||
});
|
||||
|
||||
var current = selectedItems.filter(function (i) {
|
||||
return i === id;
|
||||
});
|
||||
|
||||
if (!current.length) {
|
||||
selectedItems.push(id);
|
||||
selectedElements.push(chkItemSelect);
|
||||
}
|
||||
|
||||
} else {
|
||||
selectedItems = selectedItems.filter(function (i) {
|
||||
return i !== id;
|
||||
});
|
||||
selectedElements = selectedElements.filter(function (i) {
|
||||
return i !== chkItemSelect;
|
||||
});
|
||||
}
|
||||
|
||||
if (selectedItems.length) {
|
||||
var itemSelectionCount = document.querySelector(".itemSelectionCount");
|
||||
itemSelectionCount && (itemSelectionCount.innerHTML = selectedItems.length)
|
||||
} else hideSelections()
|
||||
var itemSelectionCount = document.querySelector('.itemSelectionCount');
|
||||
if (itemSelectionCount) {
|
||||
itemSelectionCount.innerHTML = selectedItems.length;
|
||||
}
|
||||
} else {
|
||||
hideSelections();
|
||||
}
|
||||
}
|
||||
|
||||
function onSelectionChange(e) {
|
||||
updateItemSelection(this, this.checked)
|
||||
updateItemSelection(this, this.checked);
|
||||
}
|
||||
|
||||
function showSelection(item, isChecked) {
|
||||
var itemSelectionPanel = item.querySelector(".itemSelectionPanel");
|
||||
|
||||
var itemSelectionPanel = item.querySelector('.itemSelectionPanel');
|
||||
|
||||
if (!itemSelectionPanel) {
|
||||
itemSelectionPanel = document.createElement("div"), itemSelectionPanel.classList.add("itemSelectionPanel");
|
||||
var parent = item.querySelector(".cardBox") || item.querySelector(".cardContent");
|
||||
parent.classList.add("withMultiSelect"), parent.appendChild(itemSelectionPanel);
|
||||
var cssClass = "chkItemSelect";
|
||||
isChecked && !browser.firefox && (cssClass += " checkedInitial");
|
||||
var checkedAttribute = isChecked ? " checked" : "";
|
||||
itemSelectionPanel.innerHTML = '<label class="checkboxContainer"><input type="checkbox" is="emby-checkbox" data-outlineclass="multiSelectCheckboxOutline" class="' + cssClass + '"' + checkedAttribute + "/><span></span></label>";
|
||||
itemSelectionPanel.querySelector(".chkItemSelect").addEventListener("change", onSelectionChange)
|
||||
|
||||
itemSelectionPanel = document.createElement('div');
|
||||
itemSelectionPanel.classList.add('itemSelectionPanel');
|
||||
|
||||
var parent = item.querySelector('.cardBox') || item.querySelector('.cardContent');
|
||||
parent.classList.add('withMultiSelect');
|
||||
parent.appendChild(itemSelectionPanel);
|
||||
|
||||
var cssClass = 'chkItemSelect';
|
||||
if (isChecked && !browser.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" data-outlineclass="multiSelectCheckboxOutline" class="' + cssClass + '"' + checkedAttribute + '/><span></span></label>';
|
||||
var chkItemSelect = itemSelectionPanel.querySelector('.chkItemSelect');
|
||||
chkItemSelect.addEventListener('change', onSelectionChange);
|
||||
}
|
||||
}
|
||||
|
||||
function showSelectionCommands() {
|
||||
|
||||
var selectionCommandsPanel = currentSelectionCommandsPanel;
|
||||
|
||||
if (!selectionCommandsPanel) {
|
||||
selectionCommandsPanel = document.createElement("div"), selectionCommandsPanel.classList.add("selectionCommandsPanel"), document.body.appendChild(selectionCommandsPanel), currentSelectionCommandsPanel = selectionCommandsPanel;
|
||||
var html = "";
|
||||
html += '<button is="paper-icon-button-light" class="btnCloseSelectionPanel autoSize"><i class="md-icon">close</i></button>', html += '<h1 class="itemSelectionCount"></h1>';
|
||||
html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><i class="md-icon"></i></button>', selectionCommandsPanel.innerHTML = html, selectionCommandsPanel.querySelector(".btnCloseSelectionPanel").addEventListener("click", hideSelections);
|
||||
var btnSelectionPanelOptions = selectionCommandsPanel.querySelector(".btnSelectionPanelOptions");
|
||||
dom.addEventListener(btnSelectionPanelOptions, "click", showMenuForSelectedItems, {
|
||||
passive: !0
|
||||
})
|
||||
|
||||
selectionCommandsPanel = document.createElement('div');
|
||||
selectionCommandsPanel.classList.add('selectionCommandsPanel');
|
||||
|
||||
document.body.appendChild(selectionCommandsPanel);
|
||||
currentSelectionCommandsPanel = selectionCommandsPanel;
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<button is="paper-icon-button-light" class="btnCloseSelectionPanel autoSize"><i class="md-icon">close</i></button>';
|
||||
html += '<h1 class="itemSelectionCount"></h1>';
|
||||
|
||||
var moreIcon = '';
|
||||
html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><i class="md-icon">' + moreIcon + '</i></button>';
|
||||
|
||||
selectionCommandsPanel.innerHTML = html;
|
||||
|
||||
selectionCommandsPanel.querySelector('.btnCloseSelectionPanel').addEventListener('click', hideSelections);
|
||||
|
||||
var btnSelectionPanelOptions = selectionCommandsPanel.querySelector('.btnSelectionPanelOptions');
|
||||
|
||||
dom.addEventListener(btnSelectionPanelOptions, 'click', showMenuForSelectedItems, { passive: true });
|
||||
}
|
||||
}
|
||||
|
||||
function alertText(options) {
|
||||
return new Promise(function(resolve, reject) {
|
||||
require(["alert"], function(alert) {
|
||||
alert(options).then(resolve, resolve)
|
||||
})
|
||||
})
|
||||
|
||||
return new Promise(function (resolve, reject) {
|
||||
|
||||
require(['alert'], function (alert) {
|
||||
alert(options).then(resolve, resolve);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function deleteItems(apiClient, itemIds) {
|
||||
return new Promise(function(resolve, reject) {
|
||||
var msg = globalize.translate("sharedcomponents#ConfirmDeleteItem"),
|
||||
title = globalize.translate("sharedcomponents#HeaderDeleteItem");
|
||||
itemIds.length > 1 && (msg = globalize.translate("sharedcomponents#ConfirmDeleteItems"), title = globalize.translate("sharedcomponents#HeaderDeleteItems")), require(["confirm"], function(confirm) {
|
||||
confirm(msg, title).then(function() {
|
||||
var promises = itemIds.map(function(itemId) {
|
||||
apiClient.deleteItem(itemId)
|
||||
|
||||
return new Promise(function (resolve, reject) {
|
||||
|
||||
var msg = globalize.translate('sharedcomponents#ConfirmDeleteItem');
|
||||
var title = globalize.translate('sharedcomponents#HeaderDeleteItem');
|
||||
|
||||
if (itemIds.length > 1) {
|
||||
msg = globalize.translate('sharedcomponents#ConfirmDeleteItems');
|
||||
title = globalize.translate('sharedcomponents#HeaderDeleteItems');
|
||||
}
|
||||
|
||||
require(['confirm'], function (confirm) {
|
||||
|
||||
confirm(msg, title).then(function () {
|
||||
var promises = itemIds.map(function (itemId) {
|
||||
apiClient.deleteItem(itemId);
|
||||
});
|
||||
Promise.all(promises).then(resolve, function() {
|
||||
alertText(globalize.translate("sharedcomponents#ErrorDeletingItem")).then(reject, reject)
|
||||
})
|
||||
}, reject)
|
||||
})
|
||||
})
|
||||
|
||||
Promise.all(promises).then(resolve, function () {
|
||||
|
||||
alertText(globalize.translate('sharedcomponents#ErrorDeletingItem')).then(reject, reject);
|
||||
});
|
||||
}, reject);
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function showMenuForSelectedItems(e) {
|
||||
|
||||
var apiClient = connectionManager.currentApiClient();
|
||||
apiClient.getCurrentUser().then(function(user) {
|
||||
|
||||
apiClient.getCurrentUser().then(function (user) {
|
||||
|
||||
var menuItems = [];
|
||||
|
||||
menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#AddToCollection"),
|
||||
id: "addtocollection",
|
||||
ironIcon: "add"
|
||||
}), menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#AddToPlaylist"),
|
||||
id: "playlist",
|
||||
ironIcon: "playlist-add"
|
||||
}), user.Policy.EnableContentDeletion && menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#Delete"),
|
||||
id: "delete",
|
||||
ironIcon: "delete"
|
||||
}), user.Policy.EnableContentDownloading && appHost.supports("filedownload"), user.Policy.EnableContentDownloading && appHost.supports("sync") && menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#Download"),
|
||||
id: "synclocal"
|
||||
}), menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#GroupVersions"),
|
||||
id: "groupvideos",
|
||||
ironIcon: "call-merge"
|
||||
}), menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#MarkPlayed"),
|
||||
id: "markplayed"
|
||||
}), menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#MarkUnplayed"),
|
||||
id: "markunplayed"
|
||||
}), menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#RefreshMetadata"),
|
||||
id: "refresh"
|
||||
}), user.Policy.EnableContentDownloading && menuItems.push({
|
||||
name: globalize.translate("sharedcomponents#Sync"),
|
||||
id: "sync"
|
||||
}), require(["actionsheet"], function(actionsheet) {
|
||||
name: globalize.translate('sharedcomponents#AddToCollection'),
|
||||
id: 'addtocollection',
|
||||
ironIcon: 'add'
|
||||
});
|
||||
|
||||
menuItems.push({
|
||||
name: globalize.translate('sharedcomponents#AddToPlaylist'),
|
||||
id: 'playlist',
|
||||
ironIcon: 'playlist-add'
|
||||
});
|
||||
|
||||
// TODO: Be more dynamic based on what is selected
|
||||
if (user.Policy.EnableContentDeletion) {
|
||||
menuItems.push({
|
||||
name: globalize.translate('sharedcomponents#Delete'),
|
||||
id: 'delete',
|
||||
ironIcon: 'delete'
|
||||
});
|
||||
}
|
||||
|
||||
if (user.Policy.EnableContentDownloading && appHost.supports('filedownload')) {
|
||||
//items.push({
|
||||
// name: Globalize.translate('ButtonDownload'),
|
||||
// id: 'download',
|
||||
// ironIcon: 'file-download'
|
||||
//});
|
||||
}
|
||||
|
||||
if (user.Policy.EnableContentDownloading && appHost.supports('sync')) {
|
||||
menuItems.push({
|
||||
name: globalize.translate('sharedcomponents#Download'),
|
||||
id: 'synclocal'
|
||||
});
|
||||
}
|
||||
|
||||
menuItems.push({
|
||||
name: globalize.translate('sharedcomponents#GroupVersions'),
|
||||
id: 'groupvideos',
|
||||
ironIcon: 'call-merge'
|
||||
});
|
||||
|
||||
menuItems.push({
|
||||
name: globalize.translate('sharedcomponents#MarkPlayed'),
|
||||
id: 'markplayed'
|
||||
});
|
||||
|
||||
menuItems.push({
|
||||
name: globalize.translate('sharedcomponents#MarkUnplayed'),
|
||||
id: 'markunplayed'
|
||||
});
|
||||
|
||||
menuItems.push({
|
||||
name: globalize.translate('sharedcomponents#RefreshMetadata'),
|
||||
id: 'refresh'
|
||||
});
|
||||
|
||||
if (user.Policy.EnableContentDownloading) {
|
||||
menuItems.push({
|
||||
name: globalize.translate('sharedcomponents#Sync'),
|
||||
id: 'sync'
|
||||
});
|
||||
}
|
||||
|
||||
require(['actionsheet'], function (actionsheet) {
|
||||
|
||||
actionsheet.show({
|
||||
items: menuItems,
|
||||
positionTo: e.target,
|
||||
callback: function(id) {
|
||||
var items = selectedItems.slice(0),
|
||||
serverId = apiClient.serverInfo().Id;
|
||||
callback: function (id) {
|
||||
|
||||
var items = selectedItems.slice(0);
|
||||
var serverId = apiClient.serverInfo().Id;
|
||||
|
||||
switch (id) {
|
||||
case "addtocollection":
|
||||
require(["collectionEditor"], function(collectionEditor) {
|
||||
(new collectionEditor).show({
|
||||
|
||||
case 'addtocollection':
|
||||
require(['collectionEditor'], function (collectionEditor) {
|
||||
|
||||
new collectionEditor().show({
|
||||
items: items,
|
||||
serverId: serverId
|
||||
})
|
||||
}), hideSelections(), dispatchNeedsRefresh();
|
||||
});
|
||||
});
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
break;
|
||||
case "playlist":
|
||||
require(["playlistEditor"], function(playlistEditor) {
|
||||
(new playlistEditor).show({
|
||||
case 'playlist':
|
||||
require(['playlistEditor'], function (playlistEditor) {
|
||||
new playlistEditor().show({
|
||||
items: items,
|
||||
serverId: serverId
|
||||
})
|
||||
}), hideSelections(), dispatchNeedsRefresh();
|
||||
});
|
||||
});
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
break;
|
||||
case "delete":
|
||||
deleteItems(apiClient, items).then(dispatchNeedsRefresh), hideSelections(), dispatchNeedsRefresh();
|
||||
case 'delete':
|
||||
deleteItems(apiClient, items).then(dispatchNeedsRefresh);
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
break;
|
||||
case "groupvideos":
|
||||
case 'groupvideos':
|
||||
combineVersions(apiClient, items);
|
||||
break;
|
||||
case "markplayed":
|
||||
items.forEach(function(itemId) {
|
||||
apiClient.markPlayed(apiClient.getCurrentUserId(), itemId)
|
||||
}), hideSelections(), dispatchNeedsRefresh();
|
||||
case 'markplayed':
|
||||
items.forEach(function (itemId) {
|
||||
apiClient.markPlayed(apiClient.getCurrentUserId(), itemId);
|
||||
});
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
break;
|
||||
case "markunplayed":
|
||||
items.forEach(function(itemId) {
|
||||
apiClient.markUnplayed(apiClient.getCurrentUserId(), itemId)
|
||||
}), hideSelections(), dispatchNeedsRefresh();
|
||||
case 'markunplayed':
|
||||
items.forEach(function (itemId) {
|
||||
apiClient.markUnplayed(apiClient.getCurrentUserId(), itemId);
|
||||
});
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
break;
|
||||
case "refresh":
|
||||
require(["refreshDialog"], function(refreshDialog) {
|
||||
case 'refresh':
|
||||
require(['refreshDialog'], function (refreshDialog) {
|
||||
new refreshDialog({
|
||||
itemIds: items,
|
||||
serverId: serverId
|
||||
}).show()
|
||||
}), hideSelections(), dispatchNeedsRefresh();
|
||||
}).show();
|
||||
});
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
break;
|
||||
case "sync":
|
||||
require(["syncDialog"], function(syncDialog) {
|
||||
case 'sync':
|
||||
require(['syncDialog'], function (syncDialog) {
|
||||
syncDialog.showMenu({
|
||||
items: items.map(function(i) {
|
||||
items: items.map(function (i) {
|
||||
return {
|
||||
Id: i
|
||||
}
|
||||
};
|
||||
}),
|
||||
serverId: serverId
|
||||
})
|
||||
}), hideSelections(), dispatchNeedsRefresh();
|
||||
});
|
||||
});
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
break;
|
||||
case "synclocal":
|
||||
require(["syncDialog"], function(syncDialog) {
|
||||
case 'synclocal':
|
||||
require(['syncDialog'], function (syncDialog) {
|
||||
syncDialog.showMenu({
|
||||
items: items.map(function(i) {
|
||||
items: items.map(function (i) {
|
||||
return {
|
||||
Id: i
|
||||
}
|
||||
};
|
||||
}),
|
||||
isLocalSync: !0,
|
||||
isLocalSync: true,
|
||||
serverId: serverId
|
||||
})
|
||||
}), hideSelections(), dispatchNeedsRefresh()
|
||||
});
|
||||
});
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function dispatchNeedsRefresh() {
|
||||
|
||||
var elems = [];
|
||||
[].forEach.call(selectedElements, function(i) {
|
||||
var container = dom.parentWithAttribute(i, "is", "emby-itemscontainer");
|
||||
container && -1 === elems.indexOf(container) && elems.push(container)
|
||||
|
||||
[].forEach.call(selectedElements, function (i) {
|
||||
|
||||
var container = dom.parentWithAttribute(i, 'is', 'emby-itemscontainer');
|
||||
|
||||
if (container && elems.indexOf(container) === -1) {
|
||||
elems.push(container);
|
||||
}
|
||||
});
|
||||
for (var i = 0, length = elems.length; i < length; i++) elems[i].notifyRefreshNeeded(!0)
|
||||
|
||||
for (var i = 0, length = elems.length; i < length; i++) {
|
||||
elems[i].notifyRefreshNeeded(true);
|
||||
}
|
||||
}
|
||||
|
||||
function combineVersions(apiClient, selection) {
|
||||
if (selection.length < 2) return void require(["alert"], function(alert) {
|
||||
alert({
|
||||
text: globalize.translate("sharedcomponents#PleaseSelectTwoItems")
|
||||
})
|
||||
});
|
||||
loading.show(), apiClient.ajax({
|
||||
|
||||
if (selection.length < 2) {
|
||||
|
||||
require(['alert'], function (alert) {
|
||||
alert({
|
||||
text: globalize.translate('sharedcomponents#PleaseSelectTwoItems')
|
||||
});
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
loading.show();
|
||||
|
||||
apiClient.ajax({
|
||||
|
||||
type: "POST",
|
||||
url: apiClient.getUrl("Videos/MergeVersions", {
|
||||
Ids: selection.join(",")
|
||||
})
|
||||
}).then(function() {
|
||||
loading.hide(), hideSelections(), dispatchNeedsRefresh()
|
||||
})
|
||||
url: apiClient.getUrl("Videos/MergeVersions", { Ids: selection.join(',') })
|
||||
|
||||
}).then(function () {
|
||||
|
||||
loading.hide();
|
||||
hideSelections();
|
||||
dispatchNeedsRefresh();
|
||||
});
|
||||
}
|
||||
|
||||
function showSelections(initialCard) {
|
||||
require(["emby-checkbox"], function() {
|
||||
for (var cards = document.querySelectorAll(".card"), i = 0, length = cards.length; i < length; i++) showSelection(cards[i], initialCard === cards[i]);
|
||||
showSelectionCommands(), updateItemSelection(initialCard, !0)
|
||||
})
|
||||
|
||||
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 onContainerClick(e) {
|
||||
|
||||
var target = e.target;
|
||||
|
||||
if (selectedItems.length) {
|
||||
var card = dom.parentWithClass(target, "card");
|
||||
|
||||
var card = dom.parentWithClass(target, 'card');
|
||||
if (card) {
|
||||
var itemSelectionPanel = card.querySelector(".itemSelectionPanel");
|
||||
if (itemSelectionPanel) return onItemSelectionPanelClick(e, itemSelectionPanel)
|
||||
var itemSelectionPanel = card.querySelector('.itemSelectionPanel');
|
||||
if (itemSelectionPanel) {
|
||||
return onItemSelectionPanelClick(e, itemSelectionPanel);
|
||||
}
|
||||
}
|
||||
return e.preventDefault(), e.stopPropagation(), !1
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
var currentSelectionCommandsPanel, selectedItems = [],
|
||||
selectedElements = [];
|
||||
return document.addEventListener("viewbeforehide", hideSelections),
|
||||
function(options) {
|
||||
function onTapHold(e) {
|
||||
var card = dom.parentWithClass(e.target, "card");
|
||||
return card && showSelections(card), e.preventDefault(), e.stopPropagation && e.stopPropagation(), !1
|
||||
|
||||
document.addEventListener('viewbeforehide', hideSelections);
|
||||
|
||||
return function (options) {
|
||||
|
||||
var self = this;
|
||||
|
||||
var container = options.container;
|
||||
|
||||
function onTapHold(e) {
|
||||
|
||||
var card = dom.parentWithClass(e.target, 'card');
|
||||
|
||||
if (card) {
|
||||
|
||||
showSelections(card);
|
||||
}
|
||||
|
||||
function getTouches(e) {
|
||||
return e.changedTouches || e.targetTouches || e.touches
|
||||
e.preventDefault();
|
||||
// It won't have this if it's a hammer event
|
||||
if (e.stopPropagation) {
|
||||
e.stopPropagation();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function onTouchStart(e) {
|
||||
var touch = getTouches(e)[0];
|
||||
if (touchTarget = null, touchStartX = 0, touchStartY = 0, touch) {
|
||||
touchStartX = touch.clientX, touchStartY = touch.clientY;
|
||||
var element = touch.target;
|
||||
if (element) {
|
||||
var card = dom.parentWithClass(element, "card");
|
||||
card && (touchStartTimeout && (clearTimeout(touchStartTimeout), touchStartTimeout = null), touchTarget = card, touchStartTimeout = setTimeout(onTouchStartTimerFired, 550))
|
||||
function getTouches(e) {
|
||||
|
||||
return e.changedTouches || e.targetTouches || e.touches;
|
||||
}
|
||||
|
||||
var touchTarget;
|
||||
var touchStartTimeout;
|
||||
var touchStartX;
|
||||
var touchStartY;
|
||||
function onTouchStart(e) {
|
||||
|
||||
var touch = getTouches(e)[0];
|
||||
touchTarget = null;
|
||||
touchStartX = 0;
|
||||
touchStartY = 0;
|
||||
|
||||
if (touch) {
|
||||
touchStartX = touch.clientX;
|
||||
touchStartY = touch.clientY;
|
||||
var element = touch.target;
|
||||
|
||||
if (element) {
|
||||
var card = dom.parentWithClass(element, 'card');
|
||||
|
||||
if (card) {
|
||||
|
||||
if (touchStartTimeout) {
|
||||
clearTimeout(touchStartTimeout);
|
||||
touchStartTimeout = null;
|
||||
}
|
||||
|
||||
touchTarget = card;
|
||||
touchStartTimeout = setTimeout(onTouchStartTimerFired, 550);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onTouchMove(e) {
|
||||
if (touchTarget) {
|
||||
var deltaX, deltaY, touch = getTouches(e)[0];
|
||||
if (touch) {
|
||||
var touchEndX = touch.clientX || 0,
|
||||
touchEndY = touch.clientY || 0;
|
||||
deltaX = Math.abs(touchEndX - (touchStartX || 0)), deltaY = Math.abs(touchEndY - (touchStartY || 0))
|
||||
} else deltaX = 100, deltaY = 100;
|
||||
(deltaX >= 5 || deltaY >= 5) && onMouseOut(e)
|
||||
function onTouchMove(e) {
|
||||
|
||||
if (touchTarget) {
|
||||
var touch = getTouches(e)[0];
|
||||
var deltaX;
|
||||
var deltaY;
|
||||
|
||||
if (touch) {
|
||||
var touchEndX = touch.clientX || 0;
|
||||
var touchEndY = touch.clientY || 0;
|
||||
deltaX = Math.abs(touchEndX - (touchStartX || 0));
|
||||
deltaY = Math.abs(touchEndY - (touchStartY || 0));
|
||||
} else {
|
||||
deltaX = 100;
|
||||
deltaY = 100;
|
||||
}
|
||||
}
|
||||
|
||||
function onTouchEnd(e) {
|
||||
onMouseOut(e)
|
||||
}
|
||||
|
||||
function onMouseDown(e) {
|
||||
touchStartTimeout && (clearTimeout(touchStartTimeout), touchStartTimeout = null), touchTarget = e.target, touchStartTimeout = setTimeout(onTouchStartTimerFired, 550)
|
||||
}
|
||||
|
||||
function onMouseOut(e) {
|
||||
touchStartTimeout && (clearTimeout(touchStartTimeout), touchStartTimeout = null), touchTarget = null
|
||||
}
|
||||
|
||||
function onTouchStartTimerFired() {
|
||||
if (touchTarget) {
|
||||
var card = dom.parentWithClass(touchTarget, "card");
|
||||
touchTarget = null, card && showSelections(card)
|
||||
if (deltaX >= 5 || deltaY >= 5) {
|
||||
onMouseOut(e);
|
||||
}
|
||||
}
|
||||
var touchTarget, touchStartTimeout, touchStartX, touchStartY, self = this,
|
||||
container = options.container;
|
||||
! function(element) {
|
||||
browser.touch && !browser.safari ? element.addEventListener("contextmenu", onTapHold) : (dom.addEventListener(element, "touchstart", onTouchStart, {
|
||||
passive: !0
|
||||
}), dom.addEventListener(element, "touchmove", onTouchMove, {
|
||||
passive: !0
|
||||
}), dom.addEventListener(element, "touchend", onTouchEnd, {
|
||||
passive: !0
|
||||
}), dom.addEventListener(element, "touchcancel", onTouchEnd, {
|
||||
passive: !0
|
||||
}), dom.addEventListener(element, "mousedown", onMouseDown, {
|
||||
passive: !0
|
||||
}), dom.addEventListener(element, "mouseleave", onMouseOut, {
|
||||
passive: !0
|
||||
}), dom.addEventListener(element, "mouseup", onMouseOut, {
|
||||
passive: !0
|
||||
}))
|
||||
}(container), !1 !== options.bindOnClick && container.addEventListener("click", onContainerClick), self.onContainerClick = onContainerClick, self.destroy = function() {
|
||||
container.removeEventListener("click", onContainerClick), container.removeEventListener("contextmenu", onTapHold);
|
||||
var element = container;
|
||||
dom.removeEventListener(element, "touchstart", onTouchStart, {
|
||||
passive: !0
|
||||
}), dom.removeEventListener(element, "touchmove", onTouchMove, {
|
||||
passive: !0
|
||||
}), dom.removeEventListener(element, "touchend", onTouchEnd, {
|
||||
passive: !0
|
||||
}), dom.removeEventListener(element, "mousedown", onMouseDown, {
|
||||
passive: !0
|
||||
}), dom.removeEventListener(element, "mouseleave", onMouseOut, {
|
||||
passive: !0
|
||||
}), dom.removeEventListener(element, "mouseup", onMouseOut, {
|
||||
passive: !0
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function onTouchEnd(e) {
|
||||
|
||||
onMouseOut(e);
|
||||
}
|
||||
|
||||
function onMouseDown(e) {
|
||||
|
||||
if (touchStartTimeout) {
|
||||
clearTimeout(touchStartTimeout);
|
||||
touchStartTimeout = null;
|
||||
}
|
||||
|
||||
touchTarget = e.target;
|
||||
touchStartTimeout = setTimeout(onTouchStartTimerFired, 550);
|
||||
}
|
||||
|
||||
function onMouseOut(e) {
|
||||
|
||||
if (touchStartTimeout) {
|
||||
clearTimeout(touchStartTimeout);
|
||||
touchStartTimeout = null;
|
||||
}
|
||||
touchTarget = null;
|
||||
}
|
||||
|
||||
function onTouchStartTimerFired() {
|
||||
|
||||
if (!touchTarget) {
|
||||
return;
|
||||
}
|
||||
|
||||
var card = dom.parentWithClass(touchTarget, 'card');
|
||||
touchTarget = null;
|
||||
|
||||
if (card) {
|
||||
|
||||
showSelections(card);
|
||||
}
|
||||
}
|
||||
|
||||
function initTapHold(element) {
|
||||
|
||||
// mobile safari doesn't allow contextmenu override
|
||||
if (browser.touch && !browser.safari) {
|
||||
element.addEventListener('contextmenu', onTapHold);
|
||||
} else {
|
||||
dom.addEventListener(element, 'touchstart', onTouchStart, {
|
||||
passive: true
|
||||
});
|
||||
dom.addEventListener(element, 'touchmove', onTouchMove, {
|
||||
passive: true
|
||||
});
|
||||
dom.addEventListener(element, 'touchend', onTouchEnd, {
|
||||
passive: true
|
||||
});
|
||||
dom.addEventListener(element, 'touchcancel', onTouchEnd, {
|
||||
passive: true
|
||||
});
|
||||
dom.addEventListener(element, 'mousedown', onMouseDown, {
|
||||
passive: true
|
||||
});
|
||||
dom.addEventListener(element, 'mouseleave', onMouseOut, {
|
||||
passive: true
|
||||
});
|
||||
dom.addEventListener(element, 'mouseup', onMouseOut, {
|
||||
passive: true
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
initTapHold(container);
|
||||
|
||||
if (options.bindOnClick !== false) {
|
||||
container.addEventListener('click', onContainerClick);
|
||||
}
|
||||
|
||||
self.onContainerClick = onContainerClick;
|
||||
|
||||
self.destroy = function () {
|
||||
|
||||
container.removeEventListener('click', onContainerClick);
|
||||
container.removeEventListener('contextmenu', onTapHold);
|
||||
|
||||
var element = container;
|
||||
|
||||
dom.removeEventListener(element, 'touchstart', onTouchStart, {
|
||||
passive: true
|
||||
});
|
||||
dom.removeEventListener(element, 'touchmove', onTouchMove, {
|
||||
passive: true
|
||||
});
|
||||
dom.removeEventListener(element, 'touchend', onTouchEnd, {
|
||||
passive: true
|
||||
});
|
||||
// this fires in safari due to magnifying class
|
||||
//dom.removeEventListener(element, 'touchcancel', onTouchEnd, {
|
||||
// passive: true
|
||||
//});
|
||||
dom.removeEventListener(element, 'mousedown', onMouseDown, {
|
||||
passive: true
|
||||
});
|
||||
dom.removeEventListener(element, 'mouseleave', onMouseOut, {
|
||||
passive: true
|
||||
});
|
||||
dom.removeEventListener(element, 'mouseup', onMouseOut, {
|
||||
passive: true
|
||||
});
|
||||
};
|
||||
};
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue