File Editor

Directories:

Files:

Create New File

Edit File: rsvp-manager.js

/**
 * Makes sure we have all the required levels on the Tribe Object
 *
 * @since 5.0.0
 * @type {object}
 */
tribe.tickets = tribe.tickets || {};
tribe.tickets.rsvp = tribe.tickets.rsvp || {};

/**
 * Configures RSVP manager Object in the Global Tribe variable
 *
 * @since 5.0.0
 * @type {object}
 */
tribe.tickets.rsvp.manager = {};

/**
 * Initializes in a Strict env the code that manages the RSVP Manager
 *
 * @since 5.0.0
 * @param  {object} $   jQuery
 * @param  {object} _   Underscore.js
 * @param  {object} obj tribe.tickets.rsvp.manager
 * @return {void}
 */
( function( $, _, obj ) {
	/**
	 * Selectors used for configuration and setup
	 *
	 * @since 5.0.0
	 * @type {object}
	 */
	obj.selectors = {
		container: '.tribe-tickets__rsvp-wrapper',
		loader: '.tribe-common-c-loader',
		hiddenElement: '.tribe-common-a11y-hidden',
		messageError: '.tribe-tickets__rsvp-message--error',
	};

/**
	 * Stores the current ajax request been handled by the manager.
	 *
	 * @since 5.0.0
	 * @type {jqXHR|null}
	 */
	obj.currentAjaxRequest = null;

/**
	 * Containers on the current page that were initialized.
	 *
	 * @since 5.0.0
	 * @type {jQuery}
	 */
	obj.$containers = $();

/**
	 * Saves all the containers in the page into the object.
	 *
	 * @since 5.0.0
	 * @return {void}
	 */
	obj.selectContainers = function() {
		obj.$containers = $( obj.selectors.container );
	};

/**
	 * Clean up the container and event listeners
	 *
	 * @since 5.0.0
	 * @param  {jQuery} container Which element we are going to clean up
	 * @return {void}
	 */
	obj.cleanup = function( container ) {
		const $container = $( container );

$container.trigger( 'beforeCleanup.tribeTicketsRsvp', [ $container ] );

$container.trigger( 'afterCleanup.tribeTicketsRsvp', [ $container ] );
	};

/**
	 * Setup the container for RSVP management
	 *
	 * @since 5.0.0
	 * @todo  Requirement to setup other JS modules after hijacking Click and Submit
	 * @param  {number}         index     jQuery.each index param
	 * @param  {Element|jQuery} container Which element we are going to setup
	 * @return {void}
	 */
	obj.setup = function( index, container ) {
		const $container = $( container );

$container.trigger( 'beforeSetup.tribeTicketsRsvp', [ index, $container ] );

$container.trigger( 'afterSetup.tribeTicketsRsvp', [ index, $container ] );
	};

/**
	 * Performs an AJAX request.
	 *
	 * @since 5.0.0
	 * @param  {object}         data       DOM Event related to the Click action
	 * @param  {Element|jQuery} $container Which container we are dealing with
	 * @return {void}
	 */
	obj.request = function( data, $container ) {
		const settings = obj.getAjaxSettings( $container );

// Pass the data received to the $.ajax settings
		settings.data = data;

obj.currentAjaxRequest = $.ajax( settings );
	};

/**
	 * Gets the jQuery.ajax() settings provided a views container
	 *
	 * @since 5.0.0
	 * @param  {Element|jQuery} $container Which container we are dealing with.
	 * @return {object} ajaxSettings
	 */
	obj.getAjaxSettings = function( $container ) {
		const ajaxSettings = {
			url: TribeRsvp.ajaxurl,
			method: 'POST',
			beforeSend: obj.ajaxBeforeSend,
			complete: obj.ajaxComplete,
			success: obj.ajaxSuccess,
			error: obj.ajaxError,
			context: $container,
		};

return ajaxSettings;
	};

/**
	 * Triggered on jQuery.ajax() beforeSend action, which we hook into to
	 * setup a Loading Lock, as well as trigger a before and after hook, so
	 * third-party developers can always extend all requests
	 *
	 * Context with the RSVP container used to fire this AJAX call
	 *
	 * @since 5.0.0
	 * @param  {jqXHR}       jqXHR    Request object
	 * @param  {object} settings Settings that this request will be made with
	 * @return {void}
	 */
	obj.ajaxBeforeSend = function( jqXHR, settings ) {
		const $container = this;

$container.trigger( 'beforeAjaxBeforeSend.tribeTicketsRsvp', [ jqXHR, settings ] );

tribe.tickets.loader.show( $container );

$container.trigger( 'afterAjaxBeforeSend.tribeTicketsRsvp', [ jqXHR, settings ] );
	};

/**
	 * Triggered on jQuery.ajax() complete action, which we hook into to
	 * removal of Loading Lock, as well as trigger a before and after hook,
	 * so third-party developers can always extend all requests
	 *
	 * Context with the RSVP container used to fire this AJAX call
	 *
	 * @since 5.0.0
	 * @param  {jqXHR}  jqXHR      Request object
	 * @param  {string} textStatus Status for the request
	 * @return {void}
	 */
	obj.ajaxComplete = function( jqXHR, textStatus ) {
		const $container = this;

$container.trigger( 'beforeAjaxComplete.tribeTicketsRsvp', [ jqXHR, textStatus ] );

tribe.tickets.loader.hide( $container );

$container.trigger( 'afterAjaxComplete.tribeTicketsRsvp', [ jqXHR, textStatus ] );

// Reset the current AJAX request on the manager object.
		obj.currentAjaxRequest = null;
	};

/**
	 * Triggered on jQuery.ajax() success action, which we hook into to
	 * replace the contents of the container which is the base behavior
	 * for the RSVP manager, as well as trigger a before and after hook,
	 * so third-party developers can always extend all requests
	 *
	 * Context with the RSVP container used to fire this AJAX call
	 *
	 * @since 5.0.0
	 * @param  {object} response   Response sent from the AJAX response.
	 * @param  {string} textStatus Status for the request
	 * @param  {jqXHR}  jqXHR      Request object
	 * @return {void}
	 */
	obj.ajaxSuccess = function( response, textStatus, jqXHR ) {
		const $container = this;
		const $html = response.data.html;

// If the request is not successful, prepend the error.
		if ( ! response.success ) {
			// Prepend the error only once.
			if ( ! $container.find( obj.selectors.messageError ).length ) {
				$container.prepend( $html );
			}

return;
		}

$container.trigger( 'beforeAjaxSuccess.tribeTicketsRsvp', [ response, textStatus, jqXHR ] );

// Clean up the container and event listeners.
		obj.cleanup( $container );

// Replace the current container with the new Data.
		$container.html( $html );

// Setup the container with the data received.
		obj.setup( 0, $container );

// Update the global set of containers with all of the manager object.
		obj.selectContainers();

$container.trigger( 'afterAjaxSuccess.tribeTicketsRsvp', [ response, textStatus, jqXHR ] );
	};

/**
	 * Triggered on jQuery.ajax() error action, which we hook into to
	 * display error and keep the user on the same "page", as well as
	 * trigger a before and after hook, so third-party developers can
	 * always extend all requests
	 *
	 * Context with the RSVP container used to fire this AJAX call
	 *
	 * @since 5.0.0
	 * @param  {jqXHR}       jqXHR    Request object
	 * @param  {object} settings Settings that this request was made with
	 * @return {void}
	 */
	obj.ajaxError = function( jqXHR, settings ) {
		const $container = this;

$container.trigger( 'beforeAjaxError.tribeTicketsRsvp', [ jqXHR, settings ] );

$container.trigger( 'afterAjaxError.tribeTicketsRsvp', [ jqXHR, settings ] );
	};

/**
	 * Handles the initialization of the manager when Document is ready.
	 *
	 * @since 5.0.0
	 * @return {void}
	 */
	obj.ready = function() {
		obj.selectContainers();
		obj.$containers.each( obj.setup );
	};

// Configure on document ready.
	$( obj.ready );
} )( jQuery, window.underscore || window._, tribe.tickets.rsvp.manager );

Rename File

[et_pb_section fb_built=”1″ theme_builder_area=”post_content” _builder_version=”4.17.4″ _module_preset=”default” custom_padding=”25px||20px|||”][et_pb_row _builder_version=”4.17.4″ _module_preset=”default” theme_builder_area=”post_content”][et_pb_column _builder_version=”4.17.4″ _module_preset=”default” theme_builder_area=”post_content” type=”4_4″][et_pb_image src=”https:\/\/retirementmaxradio.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-12-at-10.39.22-AM.png” _builder_version=”4.17.4″ _module_preset=”default” theme_builder_area=”post_content” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.17.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.17.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.17.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″] <\/p>\n