class FrontendFavourites {
|
constructor() {
|
// Initialize DataStore for queue persistence
|
this.store = new window.jvbStore({
|
name: 'favourites',
|
endpoint: 'favourites',
|
useIndexedDB: true,
|
TTL: Infinity,
|
showLoading: false,
|
filters: {
|
user: jvbSettings.currentUser,
|
content: 'all',
|
order: 'desc',
|
orderby: 'date',
|
page: 1,
|
all: true,
|
}
|
});
|
|
this.store.subscribe((event, data) => {
|
switch (event) {
|
case 'data-fetched':
|
case 'data-cached':
|
// this.updateOperationsFromServer(data.data.items);
|
break;
|
case 'items-updated':
|
// this.updateOperationsFromServer(data.items);
|
break;
|
case 'item-stored':
|
// this.updateOperationsFromServer([data])
|
break;
|
}
|
|
});
|
|
this.store.fetch();
|
}
|
|
toggleFavourite(button) {
|
if (!jvbSettings.currentUser) {
|
window.location.href = jvbSettings.redirect + '&action=register&type=favourites';
|
return;
|
}
|
// Toggle UI immediately
|
button.classList.toggle('favourited');
|
const action = button.classList.contains('favourited') ? 'add' : 'remove';
|
const message = button.classList.contains('favourited')
|
? `Added ${button.dataset.type} to favourites.`
|
: `Removed ${button.dataset.type} from favourites.`;
|
|
window.jvbA11y.announce(message);
|
|
// Update button icon
|
button.innerHTML = jvbSettings.icons[button.classList.contains('favourited') ? 'heart-filled' : 'heart'];
|
|
this.store.setItem(button.dataset.id, {
|
target_id: button.dataset.id,
|
action: action,
|
type: button.dataset.type,
|
artist: button.dataset.artist,
|
});
|
}
|
|
isFavourited(content, id){
|
if(!jvbSettings.currentUser){
|
return false;
|
}
|
let item = this.store.getItem(id);
|
return (item) ? item.action === 'add' : false;
|
}
|
}
|
document.addEventListener('DOMContentLoaded', function() {
|
window.jvbFavourites = false;
|
if (jvbSettings.currentUser !== '') {
|
window.jvbFavourites = new FrontendFavourites();
|
}
|
});
|
|
|
window.toggleFavourite = function(button) {
|
if (!window.jvbFavourites()) {
|
console.log('No Favourites Loaded');
|
return;
|
}
|
window.jvbFavourites.toggleFavourite(button);
|
}
|
|
/**
|
* Tests whether item is favourited by current user
|
* @param content
|
* @param id
|
* @returns {*|boolean}
|
*/
|
window.isFavourited = function(content, id){
|
if (!window.jvbFavourites()) {
|
console.log('No Favourites Loaded');
|
return;
|
}
|
return window.jvbFavourites.isFavourited(content, id);
|
}
|
