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

change single quote to double quote

Browse source
This commit is contained in:
grafixeyehero 2019-11-05 18:50:41 +03:00
parent d536866ed5
commit dd109c3324
1 changed files with 97 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

194
src/components/multiselect/multiselect.js
View file

@ -1,5 +1,5 @@
define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'globalize', 'appRouter', 'dom', 'css!./multiselect'], function (browser, appStorage, appHost, loading, connectionManager, globalize, appRouter, dom) { define(["browser", "appStorage", "apphost", "loading", "connectionManager", "globalize", "appRouter", "dom", "css!./multiselect"], function (browser, appStorage, appHost, loading, connectionManager, globalize, appRouter, dom) {
'use strict'; "use strict";
var selectedItems = []; var selectedItems = [];
var selectedElements = []; var selectedElements = [];
@ -15,12 +15,12 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
selectedItems = []; selectedItems = [];
selectedElements = []; selectedElements = [];
var elems = document.querySelectorAll('.itemSelectionPanel'); var elems = document.querySelectorAll(".itemSelectionPanel");
for (var i = 0, length = elems.length; i < length; i++) { for (var i = 0, length = elems.length; i < length; i++) {
var parent = elems[i].parentNode; var parent = elems[i].parentNode;
parent.removeChild(elems[i]); parent.removeChild(elems[i]);
parent.classList.remove('withMultiSelect'); parent.classList.remove("withMultiSelect");
} }
} }
} }
@ -28,13 +28,13 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
function onItemSelectionPanelClick(e, itemSelectionPanel) { function onItemSelectionPanelClick(e, itemSelectionPanel) {
// toggle the checkbox, if it wasn't clicked on // toggle the checkbox, if it wasn't clicked on
if (!dom.parentWithClass(e.target, 'chkItemSelect')) { if (!dom.parentWithClass(e.target, "chkItemSelect")) {
var chkItemSelect = itemSelectionPanel.querySelector('.chkItemSelect'); var chkItemSelect = itemSelectionPanel.querySelector(".chkItemSelect");
if (chkItemSelect) { if (chkItemSelect) {
if (chkItemSelect.classList.contains('checkedInitial')) { if (chkItemSelect.classList.contains("checkedInitial")) {
chkItemSelect.classList.remove('checkedInitial'); chkItemSelect.classList.remove("checkedInitial");
} else { } else {
var newValue = !chkItemSelect.checked; var newValue = !chkItemSelect.checked;
chkItemSelect.checked = newValue; chkItemSelect.checked = newValue;
@ -50,7 +50,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
function updateItemSelection(chkItemSelect, selected) { 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) { if (selected) {
@ -73,7 +73,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
} }
if (selectedItems.length) { if (selectedItems.length) {
var itemSelectionCount = document.querySelector('.itemSelectionCount'); var itemSelectionCount = document.querySelector(".itemSelectionCount");
if (itemSelectionCount) { if (itemSelectionCount) {
itemSelectionCount.innerHTML = selectedItems.length; itemSelectionCount.innerHTML = selectedItems.length;
} }
@ -88,27 +88,27 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
function showSelection(item, isChecked) { function showSelection(item, isChecked) {
var itemSelectionPanel = item.querySelector('.itemSelectionPanel'); var itemSelectionPanel = item.querySelector(".itemSelectionPanel");
if (!itemSelectionPanel) { if (!itemSelectionPanel) {
itemSelectionPanel = document.createElement('div'); itemSelectionPanel = document.createElement("div");
itemSelectionPanel.classList.add('itemSelectionPanel'); itemSelectionPanel.classList.add("itemSelectionPanel");
var parent = item.querySelector('.cardBox') || item.querySelector('.cardContent'); var parent = item.querySelector(".cardBox") || item.querySelector(".cardContent");
parent.classList.add('withMultiSelect'); parent.classList.add("withMultiSelect");
parent.appendChild(itemSelectionPanel); parent.appendChild(itemSelectionPanel);
var cssClass = 'chkItemSelect'; var cssClass = "chkItemSelect";
if (isChecked && !browser.firefox) { if (isChecked && !browser.firefox) {
// In firefox, the initial tap hold doesnt' get treated as a click // 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 // In other browsers it does, so we need to make sure that initial click is ignored
cssClass += ' checkedInitial'; cssClass += " checkedInitial";
} }
var checkedAttribute = isChecked ? ' checked' : ''; 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.innerHTML = '<label class="checkboxContainer"><input type="checkbox" is="emby-checkbox" data-outlineclass="multiSelectCheckboxOutline" class="' + cssClass + '"' + checkedAttribute + '/><span></span></label>';
var chkItemSelect = itemSelectionPanel.querySelector('.chkItemSelect'); var chkItemSelect = itemSelectionPanel.querySelector(".chkItemSelect");
chkItemSelect.addEventListener('change', onSelectionChange); chkItemSelect.addEventListener("change", onSelectionChange);
} }
} }
@ -118,27 +118,27 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
if (!selectionCommandsPanel) { if (!selectionCommandsPanel) {
selectionCommandsPanel = document.createElement('div'); selectionCommandsPanel = document.createElement("div");
selectionCommandsPanel.classList.add('selectionCommandsPanel'); selectionCommandsPanel.classList.add("selectionCommandsPanel");
document.body.appendChild(selectionCommandsPanel); document.body.appendChild(selectionCommandsPanel);
currentSelectionCommandsPanel = selectionCommandsPanel; currentSelectionCommandsPanel = selectionCommandsPanel;
var html = ''; var html = "";
html += '<button is="paper-icon-button-light" class="btnCloseSelectionPanel autoSize"><i class="md-icon">close</i></button>'; html += '<button is="paper-icon-button-light" class="btnCloseSelectionPanel autoSize"><i class="md-icon">close</i></button>';
html += '<h1 class="itemSelectionCount"></h1>'; html += '<h1 class="itemSelectionCount"></h1>';
var moreIcon = '&#xE5D3;'; var moreIcon = "&#xE5D3;";
html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><i class="md-icon">' + moreIcon + '</i></button>'; 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.innerHTML = html;
selectionCommandsPanel.querySelector('.btnCloseSelectionPanel').addEventListener('click', hideSelections); selectionCommandsPanel.querySelector(".btnCloseSelectionPanel").addEventListener("click", hideSelections);
var btnSelectionPanelOptions = selectionCommandsPanel.querySelector('.btnSelectionPanelOptions'); var btnSelectionPanelOptions = selectionCommandsPanel.querySelector(".btnSelectionPanelOptions");
dom.addEventListener(btnSelectionPanelOptions, 'click', showMenuForSelectedItems, { passive: true }); dom.addEventListener(btnSelectionPanelOptions, "click", showMenuForSelectedItems, { passive: true });
} }
} }
@ -146,7 +146,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
require(['alert'], function (alert) { require(["alert"], function (alert) {
alert(options).then(resolve, resolve); alert(options).then(resolve, resolve);
}); });
}); });
@ -156,15 +156,15 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
var msg = globalize.translate('ConfirmDeleteItem'); var msg = globalize.translate("ConfirmDeleteItem");
var title = globalize.translate('HeaderDeleteItem'); var title = globalize.translate("HeaderDeleteItem");
if (itemIds.length > 1) { if (itemIds.length > 1) {
msg = globalize.translate('ConfirmDeleteItems'); msg = globalize.translate("ConfirmDeleteItems");
title = globalize.translate('HeaderDeleteItems'); title = globalize.translate("HeaderDeleteItems");
} }
require(['confirm'], function (confirm) { require(["confirm"], function (confirm) {
confirm(msg, title).then(function () { confirm(msg, title).then(function () {
var promises = itemIds.map(function (itemId) { var promises = itemIds.map(function (itemId) {
@ -173,7 +173,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
Promise.all(promises).then(resolve, function () { Promise.all(promises).then(resolve, function () {
alertText(globalize.translate('ErrorDeletingItem')).then(reject, reject); alertText(globalize.translate("ErrorDeletingItem")).then(reject, reject);
}); });
}, reject); }, reject);
@ -190,63 +190,63 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
var menuItems = []; var menuItems = [];
menuItems.push({ menuItems.push({
name: globalize.translate('AddToCollection'), name: globalize.translate("AddToCollection"),
id: 'addtocollection', id: "addtocollection",
icon: 'add' icon: "add"
}); });
menuItems.push({ menuItems.push({
name: globalize.translate('AddToPlaylist'), name: globalize.translate("AddToPlaylist"),
id: 'playlist', id: "playlist",
icon: 'playlist_add' icon: "playlist_add"
}); });
// TODO: Be more dynamic based on what is selected // TODO: Be more dynamic based on what is selected
if (user.Policy.EnableContentDeletion) { if (user.Policy.EnableContentDeletion) {
menuItems.push({ menuItems.push({
name: globalize.translate('Delete'), name: globalize.translate("Delete"),
id: 'delete', id: "delete",
icon: 'delete' icon: "delete"
}); });
} }
if (user.Policy.EnableContentDownloading && appHost.supports('filedownload')) { if (user.Policy.EnableContentDownloading && appHost.supports("filedownload")) {
menuItems.push({ menuItems.push({
name: Globalize.translate('ButtonDownload'), name: Globalize.translate("ButtonDownload"),
id: 'download', id: "download",
icon: 'file_download' icon: "file_download"
}); });
} }
if (user.Policy.IsAdministrator) { if (user.Policy.IsAdministrator) {
menuItems.push({ menuItems.push({
name: globalize.translate('GroupVersions'), name: globalize.translate("GroupVersions"),
id: 'groupvideos', id: "groupvideos",
icon: 'call_merge' icon: "call_merge"
}); });
} }
menuItems.push({ menuItems.push({
name: globalize.translate('MarkPlayed'), name: globalize.translate("MarkPlayed"),
id: 'markplayed', id: "markplayed",
icon: "check_box" icon: "check_box"
}); });
menuItems.push({ menuItems.push({
name: globalize.translate('MarkUnplayed'), name: globalize.translate("MarkUnplayed"),
id: 'markunplayed', id: "markunplayed",
icon: "check_box_outline_blank" icon: "check_box_outline_blank"
}); });
menuItems.push({ menuItems.push({
name: globalize.translate('RefreshMetadata'), name: globalize.translate("RefreshMetadata"),
id: 'refresh', id: "refresh",
icon: "refresh" icon: "refresh"
}); });
require(['actionsheet'], function (actionsheet) { require(["actionsheet"], function (actionsheet) {
actionsheet.show({ actionsheet.show({
items: menuItems, items: menuItems,
positionTo: e.target, positionTo: e.target,
@ -255,8 +255,8 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
var serverId = apiClient.serverInfo().Id; var serverId = apiClient.serverInfo().Id;
switch (id) { switch (id) {
case 'addtocollection': case "addtocollection":
require(['collectionEditor'], function (collectionEditor) { require(["collectionEditor"], function (collectionEditor) {
new collectionEditor().show({ new collectionEditor().show({
items: items, items: items,
serverId: serverId serverId: serverId
@ -265,8 +265,8 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
hideSelections(); hideSelections();
dispatchNeedsRefresh(); dispatchNeedsRefresh();
break; break;
case 'playlist': case "playlist":
require(['playlistEditor'], function (playlistEditor) { require(["playlistEditor"], function (playlistEditor) {
new playlistEditor().show({ new playlistEditor().show({
items: items, items: items,
serverId: serverId serverId: serverId
@ -275,30 +275,30 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
hideSelections(); hideSelections();
dispatchNeedsRefresh(); dispatchNeedsRefresh();
break; break;
case 'delete': case "delete":
deleteItems(apiClient, items).then(dispatchNeedsRefresh); deleteItems(apiClient, items).then(dispatchNeedsRefresh);
hideSelections(); hideSelections();
dispatchNeedsRefresh(); dispatchNeedsRefresh();
break; break;
case 'groupvideos': case "groupvideos":
combineVersions(apiClient, items); combineVersions(apiClient, items);
break; break;
case 'markplayed': case "markplayed":
items.forEach(function (itemId) { items.forEach(function (itemId) {
apiClient.markPlayed(apiClient.getCurrentUserId(), itemId); apiClient.markPlayed(apiClient.getCurrentUserId(), itemId);
}); });
hideSelections(); hideSelections();
dispatchNeedsRefresh(); dispatchNeedsRefresh();
break; break;
case 'markunplayed': case "markunplayed":
items.forEach(function (itemId) { items.forEach(function (itemId) {
apiClient.markUnplayed(apiClient.getCurrentUserId(), itemId); apiClient.markUnplayed(apiClient.getCurrentUserId(), itemId);
}); });
hideSelections(); hideSelections();
dispatchNeedsRefresh(); dispatchNeedsRefresh();
break; break;
case 'refresh': case "refresh":
require(['refreshDialog'], function (refreshDialog) { require(["refreshDialog"], function (refreshDialog) {
new refreshDialog({ new refreshDialog({
itemIds: items, itemIds: items,
serverId: serverId serverId: serverId
@ -323,7 +323,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
[].forEach.call(selectedElements, function (i) { [].forEach.call(selectedElements, function (i) {
var container = dom.parentWithAttribute(i, 'is', 'emby-itemscontainer'); var container = dom.parentWithAttribute(i, "is", "emby-itemscontainer");
if (container && elems.indexOf(container) === -1) { if (container && elems.indexOf(container) === -1) {
elems.push(container); elems.push(container);
@ -339,9 +339,9 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
if (selection.length < 2) { if (selection.length < 2) {
require(['alert'], function (alert) { require(["alert"], function (alert) {
alert({ alert({
text: globalize.translate('PleaseSelectTwoItems') text: globalize.translate("PleaseSelectTwoItems")
}); });
}); });
return; return;
@ -352,7 +352,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
apiClient.ajax({ apiClient.ajax({
type: "POST", type: "POST",
url: apiClient.getUrl("Videos/MergeVersions", { Ids: selection.join(',') }) url: apiClient.getUrl("Videos/MergeVersions", { Ids: selection.join(",") })
}).then(function () { }).then(function () {
@ -364,8 +364,8 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
function showSelections(initialCard) { function showSelections(initialCard) {
require(['emby-checkbox'], function () { require(["emby-checkbox"], function () {
var cards = document.querySelectorAll('.card'); var cards = document.querySelectorAll(".card");
for (var i = 0, length = cards.length; i < length; i++) { for (var i = 0, length = cards.length; i < length; i++) {
showSelection(cards[i], initialCard === cards[i]); showSelection(cards[i], initialCard === cards[i]);
} }
@ -381,9 +381,9 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
if (selectedItems.length) { if (selectedItems.length) {
var card = dom.parentWithClass(target, 'card'); var card = dom.parentWithClass(target, "card");
if (card) { if (card) {
var itemSelectionPanel = card.querySelector('.itemSelectionPanel'); var itemSelectionPanel = card.querySelector(".itemSelectionPanel");
if (itemSelectionPanel) { if (itemSelectionPanel) {
return onItemSelectionPanelClick(e, itemSelectionPanel); return onItemSelectionPanelClick(e, itemSelectionPanel);
} }
@ -395,7 +395,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
} }
} }
document.addEventListener('viewbeforehide', hideSelections); document.addEventListener("viewbeforehide", hideSelections);
return function (options) { return function (options) {
@ -405,7 +405,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
function onTapHold(e) { function onTapHold(e) {
var card = dom.parentWithClass(e.target, 'card'); var card = dom.parentWithClass(e.target, "card");
if (card) { if (card) {
@ -442,7 +442,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
var element = touch.target; var element = touch.target;
if (element) { if (element) {
var card = dom.parentWithClass(element, 'card'); var card = dom.parentWithClass(element, "card");
if (card) { if (card) {
@ -511,7 +511,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
return; return;
} }
var card = dom.parentWithClass(touchTarget, 'card'); var card = dom.parentWithClass(touchTarget, "card");
touchTarget = null; touchTarget = null;
if (card) { if (card) {
@ -524,27 +524,27 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
// mobile safari doesn't allow contextmenu override // mobile safari doesn't allow contextmenu override
if (browser.touch && !browser.safari) { if (browser.touch && !browser.safari) {
element.addEventListener('contextmenu', onTapHold); element.addEventListener("contextmenu", onTapHold);
} else { } else {
dom.addEventListener(element, 'touchstart', onTouchStart, { dom.addEventListener(element, "touchstart", onTouchStart, {
passive: true passive: true
}); });
dom.addEventListener(element, 'touchmove', onTouchMove, { dom.addEventListener(element, "touchmove", onTouchMove, {
passive: true passive: true
}); });
dom.addEventListener(element, 'touchend', onTouchEnd, { dom.addEventListener(element, "touchend", onTouchEnd, {
passive: true passive: true
}); });
dom.addEventListener(element, 'touchcancel', onTouchEnd, { dom.addEventListener(element, "touchcancel", onTouchEnd, {
passive: true passive: true
}); });
dom.addEventListener(element, 'mousedown', onMouseDown, { dom.addEventListener(element, "mousedown", onMouseDown, {
passive: true passive: true
}); });
dom.addEventListener(element, 'mouseleave', onMouseOut, { dom.addEventListener(element, "mouseleave", onMouseOut, {
passive: true passive: true
}); });
dom.addEventListener(element, 'mouseup', onMouseOut, { dom.addEventListener(element, "mouseup", onMouseOut, {
passive: true passive: true
}); });
} }
@ -553,38 +553,38 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
initTapHold(container); initTapHold(container);
if (options.bindOnClick !== false) { if (options.bindOnClick !== false) {
container.addEventListener('click', onContainerClick); container.addEventListener("click", onContainerClick);
} }
self.onContainerClick = onContainerClick; self.onContainerClick = onContainerClick;
self.destroy = function () { self.destroy = function () {
container.removeEventListener('click', onContainerClick); container.removeEventListener("click", onContainerClick);
container.removeEventListener('contextmenu', onTapHold); container.removeEventListener("contextmenu", onTapHold);
var element = container; var element = container;
dom.removeEventListener(element, 'touchstart', onTouchStart, { dom.removeEventListener(element, "touchstart", onTouchStart, {
passive: true passive: true
}); });
dom.removeEventListener(element, 'touchmove', onTouchMove, { dom.removeEventListener(element, "touchmove", onTouchMove, {
passive: true passive: true
}); });
dom.removeEventListener(element, 'touchend', onTouchEnd, { dom.removeEventListener(element, "touchend", onTouchEnd, {
passive: true passive: true
}); });
// this fires in safari due to magnifying class // this fires in safari due to magnifying class
//dom.removeEventListener(element, 'touchcancel', onTouchEnd, { //dom.removeEventListener(element, "touchcancel", onTouchEnd, {
// passive: true // passive: true
//}); //});
dom.removeEventListener(element, 'mousedown', onMouseDown, { dom.removeEventListener(element, "mousedown", onMouseDown, {
passive: true passive: true
}); });
dom.removeEventListener(element, 'mouseleave', onMouseOut, { dom.removeEventListener(element, "mouseleave", onMouseOut, {
passive: true passive: true
}); });
dom.removeEventListener(element, 'mouseup', onMouseOut, { dom.removeEventListener(element, "mouseup", onMouseOut, {
passive: true passive: true
}); });
}; };