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

Fixed lint

This commit is contained in:
Cromefire_ 2020-05-05 23:51:00 +02:00
parent 3549bd5700
commit bd003e6e8a
No known key found for this signature in database
GPG key ID: D3D3DB179F435F0C
9 changed files with 501 additions and 501 deletions

View file

@ -1,59 +1,59 @@
import dom from "dom";
import dialogHelper from "dialogHelper";
import globalize from "globalize";
import connectionManager from "connectionManager";
import events from "events";
import "emby-checkbox";
import "emby-collapse";
import "css!./style.css";
import dom from 'dom';
import dialogHelper from 'dialogHelper';
import globalize from 'globalize';
import connectionManager from 'connectionManager';
import events from 'events';
import 'emby-checkbox';
import 'emby-collapse';
import 'css!./style.css';
/* eslint-disable indent */
function renderOptions(context, selector, cssClass, items, isCheckedFn) {
const elem = context.querySelector(selector);
if (items.length) {
elem.classList.remove("hide");
elem.classList.remove('hide');
} else {
elem.classList.add("hide");
elem.classList.add('hide');
}
let html = "";
let html = '';
html += '<div class="checkboxList">';
html += items.map(function (filter) {
let itemHtml = "";
const checkedHtml = isCheckedFn(filter) ? " checked" : "";
itemHtml += "<label>";
let itemHtml = '';
const checkedHtml = isCheckedFn(filter) ? ' checked' : '';
itemHtml += '<label>';
itemHtml += '<input is="emby-checkbox" type="checkbox"' + checkedHtml + ' data-filter="' + filter + '" class="' + cssClass + '"/>';
itemHtml += "<span>" + filter + "</span>";
itemHtml += "</label>";
itemHtml += '<span>' + filter + '</span>';
itemHtml += '</label>';
return itemHtml;
}).join("");
html += "</div>";
elem.querySelector(".filterOptions").innerHTML = html;
}).join('');
html += '</div>';
elem.querySelector('.filterOptions').innerHTML = html;
}
function renderFilters(context, result, query) {
if (result.Tags) {
result.Tags.length = Math.min(result.Tags.length, 50);
}
renderOptions(context, ".genreFilters", "chkGenreFilter", result.Genres, function (i) {
const delimeter = "|";
return (delimeter + (query.Genres || "") + delimeter).includes(delimeter + i + delimeter);
renderOptions(context, '.genreFilters', 'chkGenreFilter', result.Genres, function (i) {
const delimeter = '|';
return (delimeter + (query.Genres || '') + delimeter).includes(delimeter + i + delimeter);
});
renderOptions(context, ".officialRatingFilters", "chkOfficialRatingFilter", result.OfficialRatings, function (i) {
const delimeter = "|";
return (delimeter + (query.OfficialRatings || "") + delimeter).includes(delimeter + i + delimeter);
renderOptions(context, '.officialRatingFilters', 'chkOfficialRatingFilter', result.OfficialRatings, function (i) {
const delimeter = '|';
return (delimeter + (query.OfficialRatings || '') + delimeter).includes(delimeter + i + delimeter);
});
renderOptions(context, ".tagFilters", "chkTagFilter", result.Tags, function (i) {
const delimeter = "|";
return (delimeter + (query.Tags || "") + delimeter).includes(delimeter + i + delimeter);
renderOptions(context, '.tagFilters', 'chkTagFilter', result.Tags, function (i) {
const delimeter = '|';
return (delimeter + (query.Tags || '') + delimeter).includes(delimeter + i + delimeter);
});
renderOptions(context, ".yearFilters", "chkYearFilter", result.Years, function (i) {
const delimeter = ",";
return (delimeter + (query.Years || "") + delimeter).includes(delimeter + i + delimeter);
renderOptions(context, '.yearFilters', 'chkYearFilter', result.Years, function (i) {
const delimeter = ',';
return (delimeter + (query.Years || '') + delimeter).includes(delimeter + i + delimeter);
});
}
function loadDynamicFilters(context, apiClient, userId, itemQuery) {
return apiClient.getJSON(apiClient.getUrl("Items/Filters", {
return apiClient.getJSON(apiClient.getUrl('Items/Filters', {
UserId: userId,
ParentId: itemQuery.ParentId,
IncludeItemTypes: itemQuery.IncludeItemTypes
@ -69,39 +69,39 @@ import "css!./style.css";
function updateFilterControls(context, options) {
const query = options.query;
if (options.mode === "livetvchannels") {
context.querySelector(".chkFavorite").checked = query.IsFavorite === true;
context.querySelector(".chkLikes").checked = query.IsLiked === true;
context.querySelector(".chkDislikes").checked = query.IsDisliked === true;
if (options.mode === 'livetvchannels') {
context.querySelector('.chkFavorite').checked = query.IsFavorite === true;
context.querySelector('.chkLikes').checked = query.IsLiked === true;
context.querySelector('.chkDislikes').checked = query.IsDisliked === true;
} else {
for (const elem of context.querySelectorAll(".chkStandardFilter")) {
const filters = "," + (query.Filters || "");
const filterName = elem.getAttribute("data-filter");
elem.checked = filters.includes("," + filterName);
for (const elem of context.querySelectorAll('.chkStandardFilter')) {
const filters = ',' + (query.Filters || '');
const filterName = elem.getAttribute('data-filter');
elem.checked = filters.includes(',' + filterName);
}
}
for (const elem of context.querySelectorAll(".chkVideoTypeFilter")) {
const filters = "," + (query.VideoTypes || "");
const filterName = elem.getAttribute("data-filter");
elem.checked = filters.includes("," + filterName);
for (const elem of context.querySelectorAll('.chkVideoTypeFilter')) {
const filters = ',' + (query.VideoTypes || '');
const filterName = elem.getAttribute('data-filter');
elem.checked = filters.includes(',' + filterName);
}
context.querySelector(".chk3DFilter").checked = query.Is3D === true;
context.querySelector(".chkHDFilter").checked = query.IsHD === true;
context.querySelector(".chk4KFilter").checked = query.Is4K === true;
context.querySelector(".chkSDFilter").checked = query.IsHD === true;
context.querySelector("#chkSubtitle").checked = query.HasSubtitles === true;
context.querySelector("#chkTrailer").checked = query.HasTrailer === true;
context.querySelector("#chkThemeSong").checked = query.HasThemeSong === true;
context.querySelector("#chkThemeVideo").checked = query.HasThemeVideo === true;
context.querySelector("#chkSpecialFeature").checked = query.HasSpecialFeature === true;
context.querySelector("#chkSpecialEpisode").checked = query.ParentIndexNumber === 0;
context.querySelector("#chkMissingEpisode").checked = query.IsMissing === true;
context.querySelector("#chkFutureEpisode").checked = query.IsUnaired === true;
for (const elem of context.querySelectorAll(".chkStatus")) {
const filters = "," + (query.SeriesStatus || "");
const filterName = elem.getAttribute("data-filter");
elem.checked = filters.includes("," + filterName);
context.querySelector('.chk3DFilter').checked = query.Is3D === true;
context.querySelector('.chkHDFilter').checked = query.IsHD === true;
context.querySelector('.chk4KFilter').checked = query.Is4K === true;
context.querySelector('.chkSDFilter').checked = query.IsHD === true;
context.querySelector('#chkSubtitle').checked = query.HasSubtitles === true;
context.querySelector('#chkTrailer').checked = query.HasTrailer === true;
context.querySelector('#chkThemeSong').checked = query.HasThemeSong === true;
context.querySelector('#chkThemeVideo').checked = query.HasThemeVideo === true;
context.querySelector('#chkSpecialFeature').checked = query.HasSpecialFeature === true;
context.querySelector('#chkSpecialEpisode').checked = query.ParentIndexNumber === 0;
context.querySelector('#chkMissingEpisode').checked = query.IsMissing === true;
context.querySelector('#chkFutureEpisode').checked = query.IsUnaired === true;
for (const elem of context.querySelectorAll('.chkStatus')) {
const filters = ',' + (query.SeriesStatus || '');
const filterName = elem.getAttribute('data-filter');
elem.checked = filters.includes(',' + filterName);
}
}
@ -109,60 +109,60 @@ import "css!./style.css";
* @param instance {FilterDialog} An instance of FilterDialog
*/
function triggerChange(instance) {
events.trigger(instance, "filterchange");
events.trigger(instance, 'filterchange');
}
function setVisibility(context, options) {
if (options.mode === "livetvchannels" || options.mode === "albums" || options.mode === "artists" || options.mode === "albumartists" || options.mode === "songs") {
hideByClass(context, "videoStandard");
if (options.mode === 'livetvchannels' || options.mode === 'albums' || options.mode === 'artists' || options.mode === 'albumartists' || options.mode === 'songs') {
hideByClass(context, 'videoStandard');
}
if (enableDynamicFilters(options.mode)) {
context.querySelector(".genreFilters").classList.remove("hide");
context.querySelector(".officialRatingFilters").classList.remove("hide");
context.querySelector(".tagFilters").classList.remove("hide");
context.querySelector(".yearFilters").classList.remove("hide");
context.querySelector('.genreFilters').classList.remove('hide');
context.querySelector('.officialRatingFilters').classList.remove('hide');
context.querySelector('.tagFilters').classList.remove('hide');
context.querySelector('.yearFilters').classList.remove('hide');
}
if (options.mode === "movies" || options.mode === "episodes") {
context.querySelector(".videoTypeFilters").classList.remove("hide");
if (options.mode === 'movies' || options.mode === 'episodes') {
context.querySelector('.videoTypeFilters').classList.remove('hide');
}
if (options.mode === "movies" || options.mode === "series" || options.mode === "episodes") {
context.querySelector(".features").classList.remove("hide");
if (options.mode === 'movies' || options.mode === 'series' || options.mode === 'episodes') {
context.querySelector('.features').classList.remove('hide');
}
if (options.mode === "series") {
context.querySelector(".seriesStatus").classList.remove("hide");
if (options.mode === 'series') {
context.querySelector('.seriesStatus').classList.remove('hide');
}
if (options.mode === "episodes") {
showByClass(context, "episodeFilter");
if (options.mode === 'episodes') {
showByClass(context, 'episodeFilter');
}
}
function showByClass(context, className) {
const elems = context.querySelectorAll("." + className);
const elems = context.querySelectorAll('.' + className);
let i = 0;
const length = elems.length;
for (; i < length; i++) {
elems[i].classList.remove("hide");
elems[i].classList.remove('hide');
}
}
function hideByClass(context, className) {
const elems = context.querySelectorAll("." + className);
const elems = context.querySelectorAll('.' + className);
let i = 0;
const length = elems.length;
for (; i < length; i++) {
elems[i].classList.add("hide");
elems[i].classList.add('hide');
}
}
function enableDynamicFilters(mode) {
return mode === "movies" || mode === "series" || mode === "albums" || mode === "albumartists" || mode === "artists" || mode === "songs" || mode === "episodes";
return mode === 'movies' || mode === 'series' || mode === 'albums' || mode === 'albumartists' || mode === 'artists' || mode === 'songs' || mode === 'episodes';
}
class FilterDialog {
@ -188,12 +188,12 @@ import "css!./style.css";
*/
onStandardFilterChange(elem) {
const query = this.options.query;
const filterName = elem.getAttribute("data-filter");
let filters = query.Filters || "";
filters = ("," + filters).replace("," + filterName, "").substring(1);
const filterName = elem.getAttribute('data-filter');
let filters = query.Filters || '';
filters = (',' + filters).replace(',' + filterName, '').substring(1);
if (elem.checked) {
filters = filters ? filters + "," + filterName : filterName;
filters = filters ? filters + ',' + filterName : filterName;
}
query.StartIndex = 0;
@ -206,12 +206,12 @@ import "css!./style.css";
*/
onVideoTypeFilterChange(elem) {
const query = this.options.query;
const filterName = elem.getAttribute("data-filter");
let filters = query.VideoTypes || "";
filters = ("," + filters).replace("," + filterName, "").substring(1);
const filterName = elem.getAttribute('data-filter');
let filters = query.VideoTypes || '';
filters = (',' + filters).replace(',' + filterName, '').substring(1);
if (elem.checked) {
filters = filters ? filters + "," + filterName : filterName;
filters = filters ? filters + ',' + filterName : filterName;
}
query.StartIndex = 0;
@ -224,12 +224,12 @@ import "css!./style.css";
*/
onStatusChange(elem) {
const query = this.options.query;
const filterName = elem.getAttribute("data-filter");
let filters = query.SeriesStatus || "";
filters = ("," + filters).replace("," + filterName, "").substring(1);
const filterName = elem.getAttribute('data-filter');
let filters = query.SeriesStatus || '';
filters = (',' + filters).replace(',' + filterName, '').substring(1);
if (elem.checked) {
filters = filters ? filters + "," + filterName : filterName;
filters = filters ? filters + ',' + filterName : filterName;
}
query.SeriesStatus = filters;
@ -243,97 +243,97 @@ import "css!./style.css";
bindEvents(context) {
const query = this.options.query;
if (this.options.mode === "livetvchannels") {
for (const elem of context.querySelectorAll(".chkFavorite")) {
elem.addEventListener("change", () => this.onFavoriteChange(elem));
if (this.options.mode === 'livetvchannels') {
for (const elem of context.querySelectorAll('.chkFavorite')) {
elem.addEventListener('change', () => this.onFavoriteChange(elem));
}
const chkLikes = context.querySelector(".chkLikes");
chkLikes.addEventListener("change", () => {
const chkLikes = context.querySelector('.chkLikes');
chkLikes.addEventListener('change', () => {
query.StartIndex = 0;
query.IsLiked = chkLikes.checked ? true : null;
triggerChange(this);
});
const chkDislikes = context.querySelector(".chkDislikes");
chkDislikes.addEventListener("change", () => {
const chkDislikes = context.querySelector('.chkDislikes');
chkDislikes.addEventListener('change', () => {
query.StartIndex = 0;
query.IsDisliked = chkDislikes.checked ? true : null;
triggerChange(this);
});
} else {
for (const elem of context.querySelectorAll(".chkStandardFilter")) {
elem.addEventListener("change", () => this.onStandardFilterChange(elem));
for (const elem of context.querySelectorAll('.chkStandardFilter')) {
elem.addEventListener('change', () => this.onStandardFilterChange(elem));
}
}
for (const elem of context.querySelectorAll(".chkVideoTypeFilter")) {
elem.addEventListener("change", () => this.onVideoTypeFilterChange(elem));
for (const elem of context.querySelectorAll('.chkVideoTypeFilter')) {
elem.addEventListener('change', () => this.onVideoTypeFilterChange(elem));
}
const chk3DFilter = context.querySelector(".chk3DFilter");
chk3DFilter.addEventListener("change", () => {
const chk3DFilter = context.querySelector('.chk3DFilter');
chk3DFilter.addEventListener('change', () => {
query.StartIndex = 0;
query.Is3D = chk3DFilter.checked ? true : null;
triggerChange(this);
});
const chk4KFilter = context.querySelector(".chk4KFilter");
chk4KFilter.addEventListener("change", () => {
const chk4KFilter = context.querySelector('.chk4KFilter');
chk4KFilter.addEventListener('change', () => {
query.StartIndex = 0;
query.Is4K = chk4KFilter.checked ? true : null;
triggerChange(this);
});
const chkHDFilter = context.querySelector(".chkHDFilter");
chkHDFilter.addEventListener("change", () => {
const chkHDFilter = context.querySelector('.chkHDFilter');
chkHDFilter.addEventListener('change', () => {
query.StartIndex = 0;
query.IsHD = chkHDFilter.checked ? true : null;
triggerChange(this);
});
const chkSDFilter = context.querySelector(".chkSDFilter");
chkSDFilter.addEventListener("change", () => {
const chkSDFilter = context.querySelector('.chkSDFilter');
chkSDFilter.addEventListener('change', () => {
query.StartIndex = 0;
query.IsHD = chkSDFilter.checked ? false : null;
triggerChange(this);
});
for (const elem of context.querySelectorAll(".chkStatus")) {
elem.addEventListener("change", () => this.onStatusChange(elem));
for (const elem of context.querySelectorAll('.chkStatus')) {
elem.addEventListener('change', () => this.onStatusChange(elem));
}
const chkTrailer = context.querySelector("#chkTrailer");
chkTrailer.addEventListener("change", () => {
const chkTrailer = context.querySelector('#chkTrailer');
chkTrailer.addEventListener('change', () => {
query.StartIndex = 0;
query.HasTrailer = chkTrailer.checked ? true : null;
triggerChange(this);
});
const chkThemeSong = context.querySelector("#chkThemeSong");
chkThemeSong.addEventListener("change", () => {
const chkThemeSong = context.querySelector('#chkThemeSong');
chkThemeSong.addEventListener('change', () => {
query.StartIndex = 0;
query.HasThemeSong = chkThemeSong.checked ? true : null;
triggerChange(this);
});
const chkSpecialFeature = context.querySelector("#chkSpecialFeature");
chkSpecialFeature.addEventListener("change", () => {
const chkSpecialFeature = context.querySelector('#chkSpecialFeature');
chkSpecialFeature.addEventListener('change', () => {
query.StartIndex = 0;
query.HasSpecialFeature = chkSpecialFeature.checked ? true : null;
triggerChange(this);
});
const chkThemeVideo = context.querySelector("#chkThemeVideo");
chkThemeVideo.addEventListener("change", () => {
const chkThemeVideo = context.querySelector('#chkThemeVideo');
chkThemeVideo.addEventListener('change', () => {
query.StartIndex = 0;
query.HasThemeVideo = chkThemeVideo.checked ? true : null;
triggerChange(this);
});
const chkMissingEpisode = context.querySelector("#chkMissingEpisode");
chkMissingEpisode.addEventListener("change", () => {
const chkMissingEpisode = context.querySelector('#chkMissingEpisode');
chkMissingEpisode.addEventListener('change', () => {
query.StartIndex = 0;
query.IsMissing = !!chkMissingEpisode.checked;
triggerChange(this);
});
const chkSpecialEpisode = context.querySelector("#chkSpecialEpisode");
chkSpecialEpisode.addEventListener("change", () => {
const chkSpecialEpisode = context.querySelector('#chkSpecialEpisode');
chkSpecialEpisode.addEventListener('change', () => {
query.StartIndex = 0;
query.ParentIndexNumber = chkSpecialEpisode.checked ? 0 : null;
triggerChange(this);
});
const chkFutureEpisode = context.querySelector("#chkFutureEpisode");
chkFutureEpisode.addEventListener("change", () => {
const chkFutureEpisode = context.querySelector('#chkFutureEpisode');
chkFutureEpisode.addEventListener('change', () => {
query.StartIndex = 0;
if (chkFutureEpisode.checked) {
query.IsUnaired = true;
@ -344,19 +344,19 @@ import "css!./style.css";
}
triggerChange(this);
});
const chkSubtitle = context.querySelector("#chkSubtitle");
chkSubtitle.addEventListener("change", () => {
const chkSubtitle = context.querySelector('#chkSubtitle');
chkSubtitle.addEventListener('change', () => {
query.StartIndex = 0;
query.HasSubtitles = chkSubtitle.checked ? true : null;
triggerChange(this);
});
context.addEventListener("change", () => {
const chkGenreFilter = dom.parentWithClass(context, "chkGenreFilter");
context.addEventListener('change', () => {
const chkGenreFilter = dom.parentWithClass(context, 'chkGenreFilter');
if (chkGenreFilter) {
const filterName = chkGenreFilter.getAttribute("data-filter");
let filters = query.Genres || "";
const delimiter = "|";
filters = (delimiter + filters).replace(delimiter + filterName, "").substring(1);
const filterName = chkGenreFilter.getAttribute('data-filter');
let filters = query.Genres || '';
const delimiter = '|';
filters = (delimiter + filters).replace(delimiter + filterName, '').substring(1);
if (chkGenreFilter.checked) {
filters = filters ? (filters + delimiter + filterName) : filterName;
}
@ -365,12 +365,12 @@ import "css!./style.css";
triggerChange(this);
return;
}
const chkTagFilter = dom.parentWithClass(context, "chkTagFilter");
const chkTagFilter = dom.parentWithClass(context, 'chkTagFilter');
if (chkTagFilter) {
const filterName = chkTagFilter.getAttribute("data-filter");
let filters = query.Tags || "";
const delimiter = "|";
filters = (delimiter + filters).replace(delimiter + filterName, "").substring(1);
const filterName = chkTagFilter.getAttribute('data-filter');
let filters = query.Tags || '';
const delimiter = '|';
filters = (delimiter + filters).replace(delimiter + filterName, '').substring(1);
if (chkTagFilter.checked) {
filters = filters ? (filters + delimiter + filterName) : filterName;
}
@ -379,12 +379,12 @@ import "css!./style.css";
triggerChange(this);
return;
}
const chkYearFilter = dom.parentWithClass(context, "chkYearFilter");
const chkYearFilter = dom.parentWithClass(context, 'chkYearFilter');
if (chkYearFilter) {
const filterName = chkYearFilter.getAttribute("data-filter");
let filters = query.Years || "";
const delimiter = ",";
filters = (delimiter + filters).replace(delimiter + filterName, "").substring(1);
const filterName = chkYearFilter.getAttribute('data-filter');
let filters = query.Years || '';
const delimiter = ',';
filters = (delimiter + filters).replace(delimiter + filterName, '').substring(1);
if (chkYearFilter.checked) {
filters = filters ? (filters + delimiter + filterName) : filterName;
}
@ -393,12 +393,12 @@ import "css!./style.css";
triggerChange(this);
return;
}
const chkOfficialRatingFilter = dom.parentWithClass(context, "chkOfficialRatingFilter");
const chkOfficialRatingFilter = dom.parentWithClass(context, 'chkOfficialRatingFilter');
if (chkOfficialRatingFilter) {
const filterName = chkOfficialRatingFilter.getAttribute("data-filter");
let filters = query.OfficialRatings || "";
const delimiter = "|";
filters = (delimiter + filters).replace(delimiter + filterName, "").substring(1);
const filterName = chkOfficialRatingFilter.getAttribute('data-filter');
let filters = query.OfficialRatings || '';
const delimiter = '|';
filters = (delimiter + filters).replace(delimiter + filterName, '').substring(1);
if (chkOfficialRatingFilter.checked) {
filters = filters ? (filters + delimiter + filterName) : filterName;
}
@ -410,24 +410,24 @@ import "css!./style.css";
}
show() {
return import("text!./filterdialog.template.html").then((template) => {
return import('text!./filterdialog.template.html').then((template) => {
return new Promise((resolve) => {
const dlg = dialogHelper.createDialog({
removeOnClose: true,
modal: false
});
dlg.classList.add("ui-body-a");
dlg.classList.add("background-theme-a");
dlg.classList.add("formDialog");
dlg.classList.add("filterDialog");
dlg.classList.add('ui-body-a');
dlg.classList.add('background-theme-a');
dlg.classList.add('formDialog');
dlg.classList.add('filterDialog');
dlg.innerHTML = globalize.translateDocument(template);
setVisibility(dlg, this.options);
dialogHelper.open(dlg);
dlg.addEventListener("close", resolve);
dlg.addEventListener('close', resolve);
updateFilterControls(dlg, this.options);
this.bindEvents(dlg);
if (enableDynamicFilters(this.options.mode)) {
dlg.classList.add("dynamicFilterDialog");
dlg.classList.add('dynamicFilterDialog');
const apiClient = connectionManager.getApiClient(this.options.serverId);
loadDynamicFilters(dlg, apiClient, apiClient.getCurrentUserId(), this.options.query);
}