| Current File : /var/www/pediatribu/wp-content/plugins/ultimate-addons-for-gutenberg/assets/js/uagb-countdown.js |
// Global uagb_countdown_data.
UAGBCountdown = {
elements: {},
countdownInterval: {},
cookie_slug: uagb_countdown_data.site_name_slug,
cache: {},
editorInit( mainSelector, data = {}, countdownRef ) {
// When a new Countdown timer block is added, the timeModified value received is 'false',
// even though it's attribute has been set to 'true'.
// Hence, we need to ensure here that the dynamic defaults are followed.
if ( ! data.timeModified ) {
const d = new Date();
// Set the default end time to 7 days later.
d.setMilliseconds( d.getMilliseconds() + 7 * 24 * 60 * 60 * 1000 );
data.endDateTime = d;
}
this.elements[ mainSelector ] = this.getElement( mainSelector );
this.countdownInterval[ mainSelector ] = setInterval( () => {
this.updateCountdown( mainSelector, data, countdownRef );
}, 1000 );
},
createCookie( name, value, expire_days, unit ) {
let expires = '';
if ( expire_days ) {
const date = new Date();
if ( 'minutes' === unit ) {
date.setTime( date.getTime() + expire_days * 60 * 1000 );
} else if ( 'hours' === unit ) {
date.setTime( date.getTime() + expire_days * 60 * 60 * 1000 );
} else {
date.setTime( date.getTime() + expire_days * 24 * 60 * 60 * 1000 );
}
expires = '; expires=' + date.toGMTString();
}
document.cookie = this.cookie_slug + '-' + name + '=' + value + expires + '; path=/';
},
getCookie( name ) {
const value = '; ' + document.cookie;
const parts = value.split( '; ' + this.cookie_slug + '-' + name + '=' );
if ( parts.length === 2 ) {
return parts.pop().split( ';' ).shift();
}
return '';
},
init( mainSelector, data = {} ) {
this.elements[ mainSelector ] = this.getElement( mainSelector );
// If global flag variable does not exists, create it.
// This is used like a signal for usage in Pro code.
if( ! window?.UAGBCountdownTimeSignal ) {
window.UAGBCountdownTimeSignal = {};
}
// Set flag variable to false, till it's overtime.
window.UAGBCountdownTimeSignal[ mainSelector ] = false;
if ( typeof this.elements[ mainSelector ] !== 'undefined' ) {
if ( 'evergreen' === data?.timerType ) {
const CampaignID =
'' !== data?.campaignID && null !== data?.campaignID ? data.campaignID : data.block_id;
this.cache.cookie = this.getCookie( CampaignID );
//Check for saved cookie.
if ( '' !== this.cache.cookie ) {
const currentTimeStamp = new Date();
const diff = Math.floor( this.cache.cookie - currentTimeStamp.getTime() );
const endTimeStamp = currentTimeStamp.getTime() + diff;
const totalDate = new Date( endTimeStamp );
// Setting enddate as per cookie timestamp.
data.endDateTime = totalDate.toISOString().replace( /\.\d{3}Z$/, 'Z' );
} else {
data.endDateTime = this.getEvergreenEndDate(
data.evergreenDays,
data.evergreenHrs,
data.evergreenMinutes
);
/**
* Setting timestamp and cookie after initial load.
* We are getting values of Hrs. and Minutes. and adding to the current timestamp to get endtime.
*/
const newDate = new Date();
newDate.setTime( newDate.getTime() + Math.floor( data.evergreenDays ) * 24 * 60 * 60 * 1000 );
newDate.setTime( newDate.getTime() + Math.floor( data.evergreenHrs ) * 60 * 60 * 1000 );
newDate.setTime( newDate.getTime() + Math.floor( data.evergreenMinutes ) * 60 * 1000 );
// Setting value for cache.
this.cache.evergreen = newDate.getTime() + 100;
const resetDays = '' !== data?.resetDays && 0 < data.resetDays ? data.resetDays : 30;
// Create the cookie for evergreen time.
this.createCookie( CampaignID, this.cache.evergreen, resetDays, 'days' );
}
}
// Slider block may create duplicate instances of it's slides, which may contain instances of the same countdowns.
const allSameCountdownInstances = document.querySelectorAll( mainSelector );
for( let i = 0; i < allSameCountdownInstances.length; i++ ) {
// Ensures instantaneous load/firing of countdown functionality.
this.updateCountdown( mainSelector, data, allSameCountdownInstances[i] );
this.countdownInterval[ mainSelector ] = setInterval( () => {
this.updateCountdown( mainSelector, data, allSameCountdownInstances[i] );
}, 1000 );
}
}
},
changeEndTime( mainSelector, data = {}, ref ) {
clearInterval( this.countdownInterval[ mainSelector ] );
if ( typeof this.elements[ mainSelector ] !== 'undefined' ) {
// Ensures instantaneous refresh of value.
this.updateCountdown( mainSelector, data, ref );
this.countdownInterval[ mainSelector ] = setInterval( () => {
this.updateCountdown( mainSelector, data, ref );
}, 1000 );
}
},
getElement( selector ) {
let domElement = document.querySelector( selector );
const editorCanvas = document.querySelector( 'iframe[name="editor-canvas"]' );
if ( editorCanvas && editorCanvas.contentDocument ) {
domElement = editorCanvas.contentDocument.querySelector( selector );
}
return domElement;
},
updateCountdown( mainSelector, data, ref = null ) {
if( ! ref ){
return;
}
// Wrappers.
let daysWrap;
let hoursWrap;
let minutesWrap;
const secondsWrap = ref.querySelector( '.wp-block-uagb-countdown__time-seconds' );
if ( data?.showDays ) {
daysWrap = ref.querySelector( '.wp-block-uagb-countdown__time-days' );
}
if ( data?.showHours ) {
hoursWrap = ref.querySelector( '.wp-block-uagb-countdown__time-hours' );
}
if ( data?.showMinutes ) {
minutesWrap = ref.querySelector( '.wp-block-uagb-countdown__time-minutes' );
}
// Calculations.
const currentTime = new Date();
const endDateTime = new Date( data.endDateTime );
const diff = endDateTime - currentTime;
const isOvertime = diff < 0;
// Calculations for each unit.
const days = Math.floor( diff / 1000 / 60 / 60 / 24 );
let hours = Math.floor( diff / 1000 / 60 / 60 ) % 24;
let minutes = Math.floor( diff / 1000 / 60 ) % 60;
let seconds = Math.floor( diff / 1000 ) % 60;
if ( ! data?.showDays ) {
hours = hours + days * 24;
}
if ( ! data?.showHours ) {
minutes = minutes + hours * 60;
}
if ( ! data?.showMinutes ) {
seconds = seconds + minutes * 60;
}
// Update the markup - Also, we check if the wrappers exist to avoid potential console errors.
if ( data?.showDays && daysWrap ) {
daysWrap.innerHTML = ! isOvertime ? days : 0;
}
if ( data?.showHours && hoursWrap ) {
hoursWrap.innerHTML = ! isOvertime ? hours : 0;
}
if ( data?.showMinutes && minutesWrap ) {
minutesWrap.innerHTML = ! isOvertime ? minutes : 0;
}
if ( secondsWrap ) {
secondsWrap.innerHTML = ! isOvertime ? seconds : 0;
}
// If it's overtime, stop updating the markup and clear the interval.
if ( isOvertime ) {
clearInterval( this.countdownInterval[ mainSelector ] );
// Set flag variable to true, for usage in Countdown Pro code (like a signal).
if( ( 'redirect' === data?.timerEndAction || 'hide' === data?.timerEndAction ) && data?.isFrontend ) {
window.UAGBCountdownTimeSignal[ mainSelector ] = true;
}
}
// Check if the page is reloaded by checking the presence of a specific cookie
const reloadCookieName = 'spectraPageReloaded_' + mainSelector;
const isPageReloaded = this.getCookie( reloadCookieName ) === 'true';
const resetDays = '' !== data?.resetDays && 0 < data.resetDays ? data.resetDays : 30;
if ( data?.isFrontend ) {
// Execute the code only in front-end.
if( isPageReloaded && ! isOvertime && this.getCookie( reloadCookieName ) !== 'false' ) {
this.createCookie( reloadCookieName, 'false', 0, 'days' );
}
if ( !isPageReloaded && isOvertime && 'content' === data?.timerEndAction && data?.reloadOnExpire && data?.autoReload ) {
location.reload();
this.createCookie( reloadCookieName, 'true', resetDays, 'days' );
}
if ( isOvertime && 'content' === data?.timerEndAction && ! data?.reloadOnExpire && ! data?.autoReload ) {
const timeUnits = [ 'days', 'hours', 'minutes', 'seconds' ];
const countdownSelectors = timeUnits.map( unit => ref.querySelector( `.wp-block-uagb-countdown__box-${unit}` ) );
const innerBlocksWrapper = ref.querySelector( `.uagb-block-countdown-innerblocks-${data.block_id}` );
innerBlocksWrapper.style.display = 'block';
countdownSelectors.forEach( selector => {
if ( selector ) {
selector.style.display = 'none';
}
} );
}
}
},
getEvergreenEndDate( days, hours, minutes ) {
const now = new Date();
const newDate = new Date( now.getTime() + ( days * 24 * 60 + hours * 60 + minutes ) * 60 * 1000 );
return newDate.toISOString().replace( /\.\d{3}Z$/, 'Z' );
},
};