class UserNotificationManager {
|
constructor(){
|
this.resetFilters();
|
this.activeTab = 'all';
|
this.isLoading = false;
|
this.loading = window.jvbLoading;
|
|
this.container = document.querySelector('.container');
|
this.grid = this.container.querySelector('.notifications-list');
|
|
|
|
this.tabs = new window.jvbTabs(this.container, {
|
all: () => {
|
this.resetFilters();
|
this.activeTab = 'all';
|
this.loadNotifications();
|
},
|
favourite: () =>{
|
this.resetFilters();
|
this.activeTab = 'favourite';
|
this.filters.content = 'favourite';
|
this.loadNotifications();
|
},
|
artist: () =>{
|
this.resetFilters();
|
this.activeTab = 'artist';
|
this.filters.content = 'artist';
|
this.loadNotifications();
|
},
|
shop: () =>{
|
this.resetFilters();
|
this.activeTab = 'shop';
|
this.filters.content = 'shop';
|
this.loadNotifications();
|
},
|
event: () =>{
|
this.resetFilters();
|
this.activeTab = 'favourite';
|
this.filters.content = 'favourite';
|
this.loadNotifications();
|
},
|
news: () =>{
|
this.resetFilters();
|
this.activeTab = 'news';
|
this.filters.content = 'news';
|
this.loadNotifications();
|
},
|
system: () =>{
|
this.resetFilters();
|
this.activeTab = 'system';
|
this.filters.content = 'system';
|
this.loadNotifications();
|
},
|
|
});
|
|
this.loadNotifications();
|
}
|
|
resetFilters(){
|
this.filters = {
|
content: 'all',
|
date: ''
|
};
|
this.hasMore = true;
|
}
|
|
async loadNotifications(reset = true) {
|
|
if(this.isLoading || !this.hasMore) return;
|
|
try {
|
this.isLoading = true;
|
this.loading.show();
|
|
if(reset){
|
this.filters.page = 1;
|
this.grid.classList.remove('empty');
|
}
|
const params = this.buildFilters();
|
console.log(this.filters);
|
console.log('Reset? ',this.reset);
|
const data = await this.cache.fetchWithCache(
|
`${jvbSettings.api}notifications?${params.toString()}`,
|
{
|
method: 'GET',
|
headers: {
|
'X-WP-Nonce': window.auth.getNonce(),
|
'X-Action-Nonce': jvbAdmin.nonce,
|
}
|
},{
|
context: 'admin',
|
forceRefresh: true
|
}
|
);
|
|
console.log(data);
|
|
// // Process and render the favourites
|
// this.renderItems(data.items || [], this.filters.page > 1);
|
// [
|
// this.hasMore,
|
// this.totalItems,
|
// this.maxPages
|
// ] = [
|
// data.has_more,
|
// data.total_items,
|
// data.total_pages
|
// ];
|
// if(this.hasMore){
|
// this.filters.page++;
|
// }
|
//
|
// this.setupInfiniteScroll();
|
|
return data;
|
} catch (error) {
|
this.handleError(error, 'loading notifications');
|
throw error;
|
} finally {
|
this.isLoading = false;
|
this.loading.hide();
|
}
|
|
}
|
|
buildFilters(){
|
//Clone to avoid modifying original
|
const filters = JSON.parse(JSON.stringify(this.filters));
|
|
let temp = {};
|
for(var[name, value] of Object.entries(filters)){
|
if(value !== false && value !== null){
|
temp[name] = value;
|
}
|
}
|
temp.context = 'admin';
|
temp.user = window.auth.getUser();
|
|
return new URLSearchParams(temp);
|
}
|
}
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
window.notificationsDash = new UserNotificationManager();
|
console.log(jvbSettings);
|
});
|
