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