1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/src/components/userdatabuttons/emby-ratingbutton.js

204 lines
5.7 KiB
JavaScript
Raw Normal View History

define(['connectionManager', 'serverNotifications', 'events', 'globalize', 'emby-button'], function (connectionManager, serverNotifications, events, globalize, EmbyButtonPrototype) {
'use strict';
2018-10-23 01:05:09 +03:00
function addNotificationEvent(instance, name, handler) {
2018-10-23 01:05:09 +03:00
var localHandler = handler.bind(instance);
events.on(serverNotifications, name, localHandler);
instance[name] = localHandler;
2018-10-23 01:05:09 +03:00
}
function removeNotificationEvent(instance, name) {
2018-10-23 01:05:09 +03:00
var handler = instance[name];
if (handler) {
events.off(serverNotifications, name, handler);
instance[name] = null;
}
2018-10-23 01:05:09 +03:00
}
function showPicker(button, apiClient, itemId, likes, isFavorite) {
return apiClient.updateFavoriteStatus(apiClient.getCurrentUserId(), itemId, !isFavorite);
2018-10-23 01:05:09 +03:00
}
function onClick(e) {
var button = this;
var id = button.getAttribute('data-id');
var serverId = button.getAttribute('data-serverid');
var apiClient = connectionManager.getApiClient(serverId);
var likes = this.getAttribute('data-likes');
var isFavorite = this.getAttribute('data-isfavorite') === 'true';
if (likes === 'true') {
likes = true;
}
else if (likes === 'false') {
likes = false;
} else {
likes = null;
}
showPicker(button, apiClient, id, likes, isFavorite).then(function (userData) {
setState(button, userData.Likes, userData.IsFavorite);
});
2018-10-23 01:05:09 +03:00
}
function onUserDataChanged(e, apiClient, userData) {
2018-10-23 01:05:09 +03:00
var button = this;
if (userData.ItemId === button.getAttribute('data-id')) {
setState(button, userData.Likes, userData.IsFavorite);
}
2018-10-23 01:05:09 +03:00
}
function setState(button, likes, isFavorite, updateAttribute) {
var icon = button.querySelector('i');
if (isFavorite) {
if (icon) {
icon.innerHTML = '';
icon.classList.add('ratingbutton-icon-withrating');
}
button.classList.add('ratingbutton-withrating');
} else if (likes) {
if (icon) {
icon.innerHTML = '';
icon.classList.remove('ratingbutton-icon-withrating');
//icon.innerHTML = '';
}
button.classList.remove('ratingbutton-withrating');
} else if (likes === false) {
if (icon) {
icon.innerHTML = '';
icon.classList.remove('ratingbutton-icon-withrating');
//icon.innerHTML = '';
}
button.classList.remove('ratingbutton-withrating');
} else {
if (icon) {
icon.innerHTML = '';
icon.classList.remove('ratingbutton-icon-withrating');
//icon.innerHTML = '';
}
button.classList.remove('ratingbutton-withrating');
}
if (updateAttribute !== false) {
button.setAttribute('data-isfavorite', isFavorite);
button.setAttribute('data-likes', (likes === null ? '' : likes));
}
2018-10-23 01:05:09 +03:00
}
function setTitle(button) {
button.title = globalize.translate('Favorite');
var text = button.querySelector('.button-text');
if (text) {
text.innerHTML = button.title;
}
2018-10-23 01:05:09 +03:00
}
function clearEvents(button) {
button.removeEventListener('click', onClick);
removeNotificationEvent(button, 'UserDataChanged');
2018-10-23 01:05:09 +03:00
}
function bindEvents(button) {
clearEvents(button);
button.addEventListener('click', onClick);
addNotificationEvent(button, 'UserDataChanged', onUserDataChanged);
2018-10-23 01:05:09 +03:00
}
2018-10-23 01:05:09 +03:00
var EmbyRatingButtonPrototype = Object.create(EmbyButtonPrototype);
EmbyRatingButtonPrototype.createdCallback = function () {
// base method
if (EmbyButtonPrototype.createdCallback) {
EmbyButtonPrototype.createdCallback.call(this);
}
};
EmbyRatingButtonPrototype.attachedCallback = function () {
// base method
if (EmbyButtonPrototype.attachedCallback) {
EmbyButtonPrototype.attachedCallback.call(this);
}
var itemId = this.getAttribute('data-id');
var serverId = this.getAttribute('data-serverid');
2018-10-23 01:05:09 +03:00
if (itemId && serverId) {
var likes = this.getAttribute('data-likes');
var isFavorite = this.getAttribute('data-isfavorite') === 'true';
if (likes === 'true') {
likes = true;
}
else if (likes === 'false') {
likes = false;
} else {
likes = null;
}
setState(this, likes, isFavorite, false);
bindEvents(this);
2018-10-23 01:05:09 +03:00
}
setTitle(this);
};
EmbyRatingButtonPrototype.detachedCallback = function () {
// base method
if (EmbyButtonPrototype.detachedCallback) {
EmbyButtonPrototype.detachedCallback.call(this);
}
clearEvents(this);
};
EmbyRatingButtonPrototype.setItem = function (item) {
2018-10-23 01:05:09 +03:00
if (item) {
this.setAttribute('data-id', item.Id);
this.setAttribute('data-serverid', item.ServerId);
2018-10-23 01:05:09 +03:00
var userData = item.UserData || {};
setState(this, userData.Likes, userData.IsFavorite);
bindEvents(this);
} else {
this.removeAttribute('data-id');
this.removeAttribute('data-serverid');
this.removeAttribute('data-likes');
this.removeAttribute('data-isfavorite');
clearEvents(this);
}
};
document.registerElement('emby-ratingbutton', {
2018-10-23 01:05:09 +03:00
prototype: EmbyRatingButtonPrototype,
extends: 'button'
});
2018-10-23 01:05:09 +03:00
});