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

Migration of userdatabuttons to ES6 modules

Browse source
This commit is contained in:
Cameron 2020-08-07 08:21:55 +01:00
parent e0b56a2e95
commit 03eff35a34
2 changed files with 166 additions and 160 deletions
Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -174,6 +174,7 @@
"src/components/toast/toast.js",
"src/components/tunerPicker.js",
"src/components/upnextdialog/upnextdialog.js",
"src/components/userdatabuttons/userdatabuttons.js",
"src/components/viewContainer.js",
"src/components/castSenderApi.js",
"src/controllers/session/addServer/index.js",

77
src/components/userdatabuttons/userdatabuttons.js
View file

@ -1,7 +1,13 @@
define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-button-light', 'material-icons', 'emby-button', 'css!./userdatabuttons'], function (connectionManager, globalize, dom, itemHelper) {
'use strict';
import connectionManager from 'connectionManager';
import globalize from 'globalize';
import dom from 'dom';
import itemHelper from 'itemHelper';
import 'paper-icon-button-light';
import 'material-icons';
import 'emby-button';
import 'css!./userdatabuttons';
var userDataMethods = {
const userDataMethods = {
markPlayed: markPlayed,
markDislike: markDislike,
markLike: markLike,
@ -14,8 +20,8 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
buttonCssClass = buttonCssClass ? (buttonCssClass + ' mini') : 'mini';
}
var is = style === 'fab' ? 'emby-button' : 'paper-icon-button-light';
var className = style === 'fab' ? 'autoSize fab' : 'autoSize';
const is = style === 'fab' ? 'emby-button' : 'paper-icon-button-light';
let className = style === 'fab' ? 'autoSize fab' : 'autoSize';
if (buttonCssClass) {
className += ' ' + buttonCssClass;
@ -33,18 +39,18 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
}
function onContainerClick(e) {
var btnUserData = dom.parentWithClass(e.target, 'btnUserData');
const btnUserData = dom.parentWithClass(e.target, 'btnUserData');
if (!btnUserData) {
return;
}
var method = btnUserData.getAttribute('data-method');
const method = btnUserData.getAttribute('data-method');
userDataMethods[method](btnUserData);
}
function fill(options) {
var html = getIconsHtml(options);
const html = getIconsHtml(options);
if (options.fillMode === 'insertAdjacent') {
options.element.insertAdjacentHTML(options.insertLocation || 'beforeend', html);
@ -70,33 +76,33 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
}
function getIconsHtml(options) {
var item = options.item;
var includePlayed = options.includePlayed;
var cssClass = options.cssClass;
var style = options.style;
const item = options.item;
const includePlayed = options.includePlayed;
const cssClass = options.cssClass;
const style = options.style;
var html = '';
let html = '';
var userData = item.UserData || {};
const userData = item.UserData || {};
var itemId = item.Id;
const itemId = item.Id;
if (itemHelper.isLocalItem(item)) {
return html;
}
var btnCssClass = 'btnUserData';
let btnCssClass = 'btnUserData';
if (cssClass) {
btnCssClass += ' ' + cssClass;
}
var iconCssClass = options.iconCssClass;
const iconCssClass = options.iconCssClass;
var serverId = item.ServerId;
const serverId = item.ServerId;
if (includePlayed !== false) {
var tooltipPlayed = globalize.translate('MarkPlayed');
const tooltipPlayed = globalize.translate('MarkPlayed');
if (itemHelper.canMarkPlayed(item)) {
if (userData.Played) {
@ -107,7 +113,7 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
}
}
var tooltipFavorite = globalize.translate('Favorite');
const tooltipFavorite = globalize.translate('Favorite');
if (userData.IsFavorite) {
html += getUserDataButtonHtml('markFavorite', itemId, serverId, btnCssClass + ' btnUserData btnUserDataOn', iconCssClass, 'favorite', tooltipFavorite, style);
} else {
@ -118,10 +124,10 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
}
function markFavorite(link) {
var id = link.getAttribute('data-itemid');
var serverId = link.getAttribute('data-serverid');
const id = link.getAttribute('data-itemid');
const serverId = link.getAttribute('data-serverid');
var markAsFavorite = !link.classList.contains('btnUserDataOn');
const markAsFavorite = !link.classList.contains('btnUserDataOn');
favorite(id, serverId, markAsFavorite);
@ -133,8 +139,8 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
}
function markLike(link) {
var id = link.getAttribute('data-itemid');
var serverId = link.getAttribute('data-serverid');
const id = link.getAttribute('data-itemid');
const serverId = link.getAttribute('data-serverid');
if (!link.classList.contains('btnUserDataOn')) {
likes(id, serverId, true);
@ -150,8 +156,8 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
}
function markDislike(link) {
var id = link.getAttribute('data-itemid');
var serverId = link.getAttribute('data-serverid');
const id = link.getAttribute('data-itemid');
const serverId = link.getAttribute('data-serverid');
if (!link.classList.contains('btnUserDataOn')) {
likes(id, serverId, false);
@ -167,8 +173,8 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
}
function markPlayed(link) {
var id = link.getAttribute('data-itemid');
var serverId = link.getAttribute('data-serverid');
const id = link.getAttribute('data-itemid');
const serverId = link.getAttribute('data-serverid');
if (!link.classList.contains('btnUserDataOn')) {
played(id, serverId, true);
@ -182,33 +188,32 @@ define(['connectionManager', 'globalize', 'dom', 'itemHelper', 'paper-icon-butto
}
function likes(id, serverId, isLiked) {
var apiClient = connectionManager.getApiClient(serverId);
const apiClient = connectionManager.getApiClient(serverId);
return apiClient.updateUserItemRating(apiClient.getCurrentUserId(), id, isLiked);
}
function played(id, serverId, isPlayed) {
var apiClient = connectionManager.getApiClient(serverId);
const apiClient = connectionManager.getApiClient(serverId);
var method = isPlayed ? 'markPlayed' : 'markUnplayed';
const method = isPlayed ? 'markPlayed' : 'markUnplayed';
return apiClient[method](apiClient.getCurrentUserId(), id, new Date());
}
function favorite(id, serverId, isFavorite) {
var apiClient = connectionManager.getApiClient(serverId);
const apiClient = connectionManager.getApiClient(serverId);
return apiClient.updateFavoriteStatus(apiClient.getCurrentUserId(), id, isFavorite);
}
function clearLike(id, serverId) {
var apiClient = connectionManager.getApiClient(serverId);
const apiClient = connectionManager.getApiClient(serverId);
return apiClient.clearUserItemRating(apiClient.getCurrentUserId(), id);
}
return {
export default {
fill: fill,
destroy: destroy,
getIconsHtml: getIconsHtml
};
});