class FrontendFavourites {
|
constructor() {
|
// Initialize DataStore for queue persistence
|
this.store = window.jvbStore.register(
|
'favourites',
|
{
|
storeName: 'favourites',
|
endpoint: 'favourites',
|
indexes: [
|
{name: 'content', keyPath: 'content'},
|
{name: 'listId', keyPath: 'listId'},
|
],
|
TTL: 6 * 60 * 1000,
|
showLoading: false,
|
filters: {
|
user: window.auth.getUser(),
|
content: 'all',
|
order: 'desc',
|
orderby: 'date',
|
page: 1,
|
all: true,
|
}
|
});
|
|
this.listStore = window.jvbStore.register(
|
'favourites_lists',
|
{
|
storeName: 'lists',
|
keyPath: 'listId',
|
endpoint: 'favourites/lists',
|
TTL: 6 * 60 * 1000,
|
});
|
|
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 (!window.auth.getUser()) {
|
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,
|
});
|
}
|
|
// async toggleFavourite(itemType, itemId) {
|
// const favId = `${this.userId}_${itemType}_${itemId}`;
|
// const existing = this.store.get(favId);
|
//
|
// if (existing) {
|
// // Remove favorite
|
// await this.store.delete(favId);
|
//
|
// // Queue for server deletion
|
// if (window.jvbQueue) {
|
// window.jvbQueue.addOperation({
|
// type: 'remove_favourite',
|
// endpoint: 'favourites',
|
// data: { favId }
|
// });
|
// }
|
//
|
// return false; // Not favorited anymore
|
//
|
// } else {
|
// // Add favorite
|
// const favourite = {
|
// id: favId,
|
// userId: this.userId,
|
// itemType,
|
// itemId,
|
// listId: 'default',
|
// timestamp: Date.now()
|
// };
|
//
|
// await this.store.save(favourite);
|
//
|
// // Queue for server save
|
// if (window.jvbQueue) {
|
// window.jvbQueue.addOperation({
|
// type: 'add_favourite',
|
// endpoint: 'favourites',
|
// data: favourite
|
// });
|
// }
|
//
|
// return true; // Now favorited
|
// }
|
// }
|
|
|
// async createList(name, visibility = 'private') {
|
// const list = {
|
// listId: `list_${Date.now()}`,
|
// userId: this.userId,
|
// name,
|
// visibility,
|
// created: Date.now(),
|
// itemCount: 0
|
// };
|
//
|
// await this.listsStore.save(list);
|
//
|
// // Queue for server
|
// if (window.jvbQueue) {
|
// window.jvbQueue.addOperation({
|
// type: 'create_list',
|
// endpoint: 'favourite-lists',
|
// data: list
|
// });
|
// }
|
//
|
// return list;
|
// }
|
//
|
// async addToList(listId, itemType, itemId) {
|
// const favId = `${this.userId}_${itemType}_${itemId}_${listId}`;
|
//
|
// const favourite = {
|
// id: favId,
|
// userId: this.userId,
|
// itemType,
|
// itemId,
|
// listId,
|
// timestamp: Date.now()
|
// };
|
//
|
// await this.store.save(favourite);
|
//
|
// // Update list count
|
// const list = this.listsStore.get(listId);
|
// if (list) {
|
// list.itemCount++;
|
// await this.listsStore.save(list);
|
// }
|
//
|
// // Queue for server
|
// if (window.jvbQueue) {
|
// window.jvbQueue.addOperation({
|
// type: 'add_to_list',
|
// endpoint: 'favourites',
|
// data: favourite
|
// });
|
// }
|
// }
|
|
isFavourited(itemType, itemId) {
|
const favId = `${this.userId}_${itemType}_${itemId}`;
|
return this.store.get(favId) !== undefined;
|
}
|
}
|
document.addEventListener('DOMContentLoaded', function() {
|
window.jvbFavourites = false;
|
if (window.auth.getUser() !== '') {
|
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);
|
}
|
