");
jQuery('#calendar-layout-view-container').html(response);
jQuery('.calendar-template-container').html(response);
},
error: function () {
jQuery('.calendar-template-container').html('
Failed to load. Please try again.
');
},
complete: function () {
jQuery('.calendar-template-container').each(function() {
jQuery(this).find('.event-calendar-style-view').remove();
});
jQuery('#date_pick_main').datepicker();
if(selected_view === 'list'){
let currentStartDate = new Date();
jQuery('#hidden_date_picker').datepicker({
dateFormat: 'yy-mm-dd',
beforeShow: function(input, inst) {
var offset = jQuery('#custom_date_range_display').offset();
setTimeout(function() {
inst.dpDiv.css({
top: offset.top + jQuery('#custom_date_range_display').outerHeight(),
left: offset.left
});
}, 0);
},
});
EventCalendarAjaxFilter.actions.updateDateRangeDisplay(currentStartDate);
jQuery('#custom_date_range_display').on('click', function(e) {
e.preventDefault();
jQuery('#hidden_date_picker').focus();
});
}else if(selected_view === 'summary'){
let currentStartDate = new Date();
jQuery('#hidden_date_picker_summary').datepicker({
dateFormat: 'yy-mm-dd',
beforeShow: function(input, inst) {
var offset = jQuery('#custom_date_range_display_summary').offset();
setTimeout(function() {
inst.dpDiv.css({
top: offset.top + jQuery('#custom_date_range_display_summary').outerHeight(),
left: offset.left
});
}, 0);
},
});
EventCalendarAjaxFilter.actions.updateDateRangeDisplaySummary(currentStartDate);
jQuery('#custom_date_range_display_summary').on('click', function(e) {
e.preventDefault();
jQuery('#hidden_date_picker_summary').focus();
});
}else if(selected_view ==='week'){
jQuery('#hidden_date_picker_week').datepicker({
dateFormat: 'yy-mm-dd',
beforeShow: function(input, inst) {
var offset = jQuery('#current_week').offset();
setTimeout(function() {
inst.dpDiv.css({
top: offset.top + jQuery('#current_week').outerHeight(),
left: offset.left
});
}, 0);
},
});
jQuery('#current_week').on('click', function(e) {
e.preventDefault();
jQuery('#hidden_date_picker_week').focus();
});
}
jQuery('.wpem-loading-spinner').remove();
}
});
},
///
///Handles the selection of a date from the date picker and loads events for that selected date.
///
///
///1.0.0
selectDateFromPicker: function (event) {
var date = jQuery('#date_pick_main').val();
var currentDate = new Date(date);
var options = {
year: 'numeric',
month: '2-digit',
day: '2-digit'
};
var formattedDate = currentDate.toLocaleDateString('en-CA', options);
event_location = localStorage.getItem('event_location');
// Update the input value with the selected date
jQuery('#date_pick_main').val(formattedDate);
jQuery('#date_pick_main').attr('data-date', formattedDate);
jQuery.ajax({
url: event_manager_calendar_event_calendar_ajax_filters.ajax_url.toString().replace("%%endpoint%%", "load_events_by_date"),
type: 'POST',
data: {
action: 'load_events_by_date',
date: formattedDate,
search_location: event_location,
},
success: function (response) {
if (response.success && response.data) {
// Load events for the selected date
jQuery('.wpem-day-view-event').html(response.data);
} else {
console.error("No events found or response data is empty.");
}
},
error: function (jqXHR, textStatus, errorThrown) {
console.error("AJAX Error: ", textStatus, errorThrown);
}
});
},
///
///Reste the local storage
///
///
///1.0.0
resetSelectedItem: function (event) {
var selectedView = localStorage.getItem('selected_view');
if (jQuery('#calendar_default_view').length && selectedView) {
var optionExists = false;
jQuery('#calendar_default_view option').each(function() {
if (jQuery(this).val() === selectedView) {
optionExists = true;
return false;
}
});
if (!optionExists) {
localStorage.removeItem('selected_view');
}
}
},
///
///Delete Calendar Event
///
///
///1.0.0
deleteEventCalendar: function (event) {
event.preventDefault();
const href = jQuery(this).attr('href');
const urlParams = new URLSearchParams(href.split('?')[1]);
const postId = urlParams.get('event_id');
jQuery.ajax({
url: event_manager_calendar_event_calendar_ajax_filters.ajax_url.toString().replace("%%endpoint%%", "delete_google_calendar_event"),
type: 'POST',
data: {
action: 'delete_google_calendar_event',
post_id: postId,
},
success: function (response) {
if (response.success) {
window.location.href = href;
} else {
window.location.href = href;
}
},
error: function () {
console.log('AJAX request failed.');
}
});
},
///
///Manual Sync
///
///
///1.0.0
syncEventCalendar: function (event) {
event.preventDefault();
const event_id = jQuery(this).attr('id');
jQuery.ajax({
url: event_manager_calendar_event_calendar_ajax_filters.ajax_url.toString().replace("%%endpoint%%", "sync_google_calendar_event"),
type: 'POST',
data: {
action: 'sync_google_calendar_event',
post_id: event_id,
},
success: function (response) {
if (response.success) {
alert('Event is synced with Calendar');
} else {
alert('Event is not synced with Calendar');
}
},
error: function () {
console.log('AJAX request failed.');
}
});
},
///
///Handles the navigation to the previous day in the calendar.
///
///
///1.0.0
navigatePreviousDay: function (event) {
var date = jQuery('#date_pick_main').val();
var currentDate = new Date(date);
currentDate.setDate(currentDate.getDate() - 1);
var options = {
year: 'numeric',
month: '2-digit',
day: '2-digit'
};
var formattedDate = currentDate.toLocaleDateString('en-CA', options);
event_location = localStorage.getItem('event_location');
var search_keywords = jQuery('#search_keywords').val();
var search_location = jQuery('#search_location').val();
var search_datetimes = jQuery('#search_datetimes').val();
var pre_search_categories = jQuery('input[name^="search_categories"]').val();
var pre_search_event_types = jQuery('input[name^="search_event_types"]').val();
var search_categories = jQuery('#search_categories').val();
var search_event_types = jQuery('#search_event_types').val();
if (!search_categories || search_categories === '') {
search_categories = pre_search_categories;
}
if (!search_event_types || search_event_types === '') {
search_event_types = pre_search_event_types;
}
var data_cat = jQuery('.event_listings').data("categories");
if (search_categories == null) {
var search_categories = data_cat;
}
var data_type = jQuery('.event_listings').data("event_types");
if (search_event_types == null) {
var search_event_types = data_type;
}
if (!event_location) {
event_location = search_location;
}
jQuery('#date_pick_main').val(formattedDate);
jQuery('#date_pick_main').attr('data-date', formattedDate);
jQuery('.wpem-day-view-event').empty();
jQuery('.wpem-day-view-event').append('
Loading...
');
jQuery.ajax({
url: event_manager_calendar_event_calendar_ajax_filters.ajax_url.toString().replace("%%endpoint%%", "load_events_by_date"),
type: 'POST',
data: {
action: 'load_events_by_date',
date: formattedDate,
search_location: event_location,
search_keywords: search_keywords,
search_datetimes: search_datetimes,
search_categories: search_categories,
search_event_types: search_event_types
},
success: function (response) {
if (response.success && response.data) {
jQuery('.wpem-day-view-event').html(response.data);
} else {
console.error("No events found or response data is empty.");
}
},
error: function (jqXHR, textStatus, errorThrown) {
console.error("AJAX Error: ", textStatus, errorThrown);
}
});
},
///
///Handles the navigation to the next day in the calendar.
///
///
///1.0.0
navigateNextDay: function (event) {
var date = jQuery('#date_pick_main').val();
var currentDate = new Date(date);
// Increment the date by one day
currentDate.setDate(currentDate.getDate() + 1);
var options = {
year: 'numeric',
month: '2-digit',
day: '2-digit'
};
var newNextDayValue = currentDate.toLocaleDateString('en-CA', options);
event_location = localStorage.getItem('event_location');
var search_keywords = jQuery('#search_keywords').val();
var search_location = jQuery('#search_location').val();
var search_datetimes = jQuery('#search_datetimes').val();
var pre_search_categories = jQuery('input[name^="search_categories"]').val();
var pre_search_event_types = jQuery('input[name^="search_event_types"]').val();
var search_categories = jQuery('#search_categories').val();
var search_event_types = jQuery('#search_event_types').val();
if (!search_categories || search_categories === '') {
search_categories = pre_search_categories;
}
if (!search_event_types || search_event_types === '') {
search_event_types = pre_search_event_types;
}
var data_cat = jQuery('.event_listings').data("categories");
if (search_categories == null) {
var search_categories = data_cat;
}
var data_type = jQuery('.event_listings').data("event_types");
if (search_event_types == null) {
var search_event_types = data_type;
}
if (!event_location) {
event_location = search_location;
}
jQuery('#date_pick_main').val(newNextDayValue);
jQuery('#date_pick_main').attr('data-date', newNextDayValue);
jQuery('.wpem-day-view-event').empty();
jQuery('.wpem-day-view-event').append('
');
}
event.preventDefault();
},
error: function (jqXHR, textStatus, errorThrown) {
console.error("AJAX Error: ", textStatus, errorThrown);
}
});
},
///
///Handles the navigation to the previous year in the calendar.
///
///
///1.0.0
getPrevYear: function (e) {
e.preventDefault();
var $select = jQuery('#current_year');
var currentYear = parseInt($select.val());
if (!isNaN(currentYear)) {
var newYear = currentYear - 1;
if ($select.find('option[value="' + newYear + '"]').length > 0) {
$select.val(newYear).trigger('change');
}
}
EventCalendarAjaxFilter.actions.getCalendarLayoutData(event);
},
///
///Handles the navigation to the next year in the calendar.
///
///
///1.0.0
getNextYear: function (e) {
e.preventDefault();
var $select = jQuery('#current_year');
var currentYear = parseInt($select.val());
if (!isNaN(currentYear)) {
var newYear = currentYear + 1;
if ($select.find('option[value="' + newYear + '"]').length > 0) {
$select.val(newYear).trigger('change');
}
}
EventCalendarAjaxFilter.actions.getCalendarLayoutData(event);
},
///
///Handles the navigation to the next year in the calendar.
///
///
///1.0.0
getYearbySelect: function (e) {
EventCalendarAjaxFilter.actions.getCalendarLayoutData(event);
},
///
///Handles the navigation to the next year in the calendar.
///
///
///1.0.0
getYearbyTodaySelect: function (e) {
var currentYear = new Date().getFullYear();
var $select = jQuery('#current_year');
if ($select.find('option[value="' + currentYear + '"]').length > 0) {
$select.val(currentYear).trigger('change');
}
EventCalendarAjaxFilter.actions.getCalendarLayoutData(event);
},
///
///Handles the navigation to the next week in the calendar.
///
///
///1.0.0
getNextweek: function () {
var currentWeek = jQuery('#current_week').attr('value');
var nextWeek = parseInt(currentWeek) + (7 * 24 * 60 * 60);
jQuery('#current_week').attr('value', nextWeek);
var nextWeekStartDate = new Date(nextWeek * 1000);
var nextWeekEndDate = new Date((nextWeek + (6 * 24 * 60 * 60)) * 1000);
var startDateFormatted = nextWeekStartDate.getDate() + ' ' + nextWeekStartDate.toLocaleString('default', {
month: 'short'
});
var endDateFormatted = nextWeekEndDate.getDate() + ' ' + nextWeekEndDate.toLocaleString('default', {
month: 'short'
});
jQuery('#current_week').text(startDateFormatted + ' - ' + endDateFormatted);
jQuery('#calendar-content').empty();
jQuery('#calendar-content').append('
Loading...
');
var search_keywords = jQuery('#search_keywords').val();
var search_location = jQuery('#search_location').val();
var search_datetimes = jQuery('#search_datetimes').val();
var pre_search_categories = jQuery('input[name^="search_categories"]').val();
var pre_search_event_types = jQuery('input[name^="search_event_types"]').val();
var search_categories = jQuery('#search_categories').val();
var search_event_types = jQuery('#search_event_types').val();
if (!search_categories || search_categories === '') {
search_categories = pre_search_categories;
}
if (!search_event_types || search_event_types === '') {
search_event_types = pre_search_event_types;
}
var data_cat = jQuery('.event_listings').data("categories");
event_location = localStorage.getItem('event_location');
if (search_categories == null) {
var search_categories = data_cat;
}
var data_type = jQuery('.event_listings').data("event_types");
if (search_event_types == null) {
var search_event_types = data_type;
}
if (!event_location) {
event_location = search_location;
}
jQuery.ajax({
url: event_manager_calendar_event_calendar_ajax_filters.ajax_url.toString().replace("%%endpoint%%", "load_events_by_week"),
type: 'POST',
data: {
action: 'load_events_by_week',
week: nextWeek,
search_location: event_location,
search_keywords: search_keywords,
search_datetimes: search_datetimes,
search_categories: search_categories,
search_event_types: search_event_types
},
success: function (response) {
jQuery('#calendar-content').html(response);
},
error: function (jqXHR, textStatus, errorThrown) {
console.error("AJAX Error: ", textStatus, errorThrown);
},
complete: function () {
jQuery('#hidden_date_picker_week').datepicker({
dateFormat: 'yy-mm-dd',
beforeShow: function(input, inst) {
var offset = jQuery('#current_week').offset();
setTimeout(function() {
inst.dpDiv.css({
top: offset.top + jQuery('#current_week').outerHeight(),
left: offset.left
});
}, 0);
},
});
jQuery('#current_week').on('click', function(e) {
e.preventDefault();
jQuery('#hidden_date_picker_week').focus();
});
jQuery('.wpem-loading-spinner').remove();
}
});
},
///
/// Handles displaying the current week in the calendar.
///
///
///1.0.0
getTodayWeek: function () {
var todayTimestamp = Math.floor(Date.now() / 1000);
jQuery('#current_week').attr('value', todayTimestamp);
var todayDate = new Date(todayTimestamp * 1000);
var endDate = new Date((todayTimestamp + (6 * 24 * 60 * 60)) * 1000);
var startDateFormatted = todayDate.getDate() + ' ' + todayDate.toLocaleString('default', {
month: 'short'
});
var endDateFormatted = endDate.getDate() + ' ' + endDate.toLocaleString('default', {
month: 'short'
});
jQuery('#current_week').text(startDateFormatted + ' - ' + endDateFormatted);
jQuery('#calendar-content').empty();
jQuery('#calendar-content').append(
'
Loading...
'
);
event_location = localStorage.getItem('event_location');
jQuery.ajax({
url: event_manager_calendar_event_calendar_ajax_filters.ajax_url.toString().replace("%%endpoint%%", "load_events_by_week"),
type: 'POST',
data: {
action: 'load_events_by_week',
week: todayTimestamp,
search_location: event_location,
},
success: function (response) {
jQuery('#calendar-content').html(response);
},
error: function (jqXHR, textStatus, errorThrown) {
console.error("AJAX Error: ", textStatus, errorThrown);
},
complete: function () {
jQuery('#hidden_date_picker_week').datepicker({
dateFormat: 'yy-mm-dd',
beforeShow: function(input, inst) {
var offset = jQuery('#current_week').offset();
setTimeout(function() {
inst.dpDiv.css({
top: offset.top + jQuery('#current_week').outerHeight(),
left: offset.left
});
}, 0);
},
});
jQuery('#current_week').on('click', function(e) {
e.preventDefault();
jQuery('#hidden_date_picker_week').focus();
});
jQuery('.wpem-loading-spinner').remove();
}
});
},
///
/// Handles displaying the datepicker week in the calendar.
///
///
///1.0.0
currentWeek: function () {
var dateString = jQuery('#hidden_date_picker_week').val();
var selectedDate = new Date(dateString);
var todayTimestamp = Math.floor(selectedDate.getTime() / 1000);
jQuery('#current_week').attr('value', todayTimestamp);
var todayDate = new Date(todayTimestamp * 1000);
var endDate = new Date((todayTimestamp + (6 * 24 * 60 * 60)) * 1000);
var startDateFormatted = todayDate.getDate() + ' ' + todayDate.toLocaleString('default', {
month: 'short'
});
var endDateFormatted = endDate.getDate() + ' ' + endDate.toLocaleString('default', {
month: 'short'
});
jQuery('#current_week').text(startDateFormatted + ' - ' + endDateFormatted);
jQuery('#calendar-content').empty();
jQuery('#calendar-content').append(
'
Loading...
'
);
event_location = localStorage.getItem('event_location');
jQuery.ajax({
url: event_manager_calendar_event_calendar_ajax_filters.ajax_url.toString().replace("%%endpoint%%", "load_events_by_week"),
type: 'POST',
data: {
action: 'load_events_by_week',
week: todayTimestamp,
search_location: event_location,
},
success: function (response) {
jQuery('#calendar-content').html(response);
},
error: function (jqXHR, textStatus, errorThrown) {
console.error("AJAX Error: ", textStatus, errorThrown);
},
complete: function () {
jQuery('#hidden_date_picker_week').datepicker({
dateFormat: 'yy-mm-dd',
beforeShow: function(input, inst) {
var offset = jQuery('#current_week').offset();
setTimeout(function() {
inst.dpDiv.css({
top: offset.top + jQuery('#current_week').outerHeight(),
left: offset.left
});
}, 0);
},
});
jQuery('#current_week').on('click', function(e) {
e.preventDefault();
jQuery('#hidden_date_picker_week').focus();
});
jQuery('.wpem-loading-spinner').remove();
}
});
},
///
///Handles the navigation to the previous week in the calendar.
///
///
///1.0.0
getPrevweek: function () {
var currentWeek = jQuery('#current_week').attr('value');
var prevWeek = parseInt(currentWeek) - (7 * 24 * 60 * 60);
jQuery('#current_week').attr('value', prevWeek);
var prevWeekStartDate = new Date(prevWeek * 1000);
var prevWeekEndDate = new Date((prevWeek + (6 * 24 * 60 * 60)) * 1000);
var startDateFormatted = prevWeekStartDate.getDate() + ' ' + prevWeekStartDate.toLocaleString('default', {
month: 'short'
});
var endDateFormatted = prevWeekEndDate.getDate() + ' ' + prevWeekEndDate.toLocaleString('default', {
month: 'short'
});
jQuery('#current_week').text(startDateFormatted + ' - ' + endDateFormatted);
jQuery('#calendar-content').empty();
jQuery('#calendar-content').append('
Loading...
');
var search_keywords = jQuery('#search_keywords').val();
var search_location = jQuery('#search_location').val();
var search_datetimes = jQuery('#search_datetimes').val();
var pre_search_categories = jQuery('input[name^="search_categories"]').val();
var pre_search_event_types = jQuery('input[name^="search_event_types"]').val();
var search_categories = jQuery('#search_categories').val();
var search_event_types = jQuery('#search_event_types').val();
if (!search_categories || search_categories === '') {
search_categories = pre_search_categories;
}
if (!search_event_types || search_event_types === '') {
search_event_types = pre_search_event_types;
}
var data_cat = jQuery('.event_listings').data("categories");
if (search_categories == null) {
var search_categories = data_cat;
}
var data_type = jQuery('.event_listings').data("event_types");
if (search_event_types == null) {
var search_event_types = data_type;
}
event_location = localStorage.getItem('event_location');
if (!event_location) {
event_location = search_location;
}
jQuery.ajax({
url: event_manager_calendar_event_calendar_ajax_filters.ajax_url.toString().replace("%%endpoint%%", "load_events_by_week"),
type: 'POST',
data: {
action: 'load_events_by_week',
week: prevWeek,
search_location: event_location,
search_keywords: search_keywords,
search_datetimes: search_datetimes,
search_categories: search_categories,
search_event_types: search_event_types
},
success: function (response) {
jQuery('#calendar-content').html(response);
},
error: function (jqXHR, textStatus, errorThrown) {
console.error("AJAX Error: ", textStatus, errorThrown);
},
complete: function () {
jQuery('#hidden_date_picker_week').datepicker({
dateFormat: 'yy-mm-dd',
beforeShow: function(input, inst) {
var offset = jQuery('#current_week').offset();
setTimeout(function() {
inst.dpDiv.css({
top: offset.top + jQuery('#current_week').outerHeight(),
left: offset.left
});
}, 0);
},
});
jQuery('#current_week').on('click', function(e) {
e.preventDefault();
jQuery('#hidden_date_picker_week').focus();
});
jQuery('.wpem-loading-spinner').remove();
}
});
},
///
///Show - hide default layout dropdown
///
toggleDefaultLayoutList: function () {
jQuery('#calendar_default_view').hide();
jQuery('.wpem-event-listing-calendar-view').removeClass('map-view');
jQuery('.google-map-loadmore').css('margin-bottom','20px');
},
/**
* Handles the mobile view popup for events.
* @return void
*/
mobileViewPopup: function(){
var day = jQuery(this).find('.day-number').text().trim();
var eventLinks = jQuery(this).find('.calendar-event-details-link');
var popupContent = '
Events on ' + day + '
';
if (eventLinks.length > 0) {
popupContent += '';
eventLinks.each(function(index) {
var $link = jQuery(this);
// Exclude tooltip content
var tooltip = $link.find('.calendar-tooltip-box').remove();
var title = $link.clone().children().remove().end().text().trim();
var link = $link.attr('href');
if (title) {
popupContent += '