File Editor

Directories:

Files:

Create New File

Edit File: template.js

/**
 * External dependencies
 */
import React, { PureComponent, Fragment } from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';

/**
 * WordPress dependencies
 */
import { Spinner, Button } from '@wordpress/components';
import { __ } from '@wordpress/i18n';

/**
 * Internal dependencies
 */
import RSVPContainer from './container/container';
import RSVPDashboard from './dashboard/container';
import RSVPInactiveBlock from './inactive-block/container';
import MoveModal from '@moderntribe/tickets/elements/move-modal';
import './style.pcss';

class RSVP extends PureComponent {
	static propTypes = {
		clientId: PropTypes.string.isRequired,
		created: PropTypes.bool.isRequired,
		initializeRSVP: PropTypes.func.isRequired,
		isInactive: PropTypes.bool.isRequired,
		isLoading: PropTypes.bool.isRequired,
		isModalShowing: PropTypes.bool.isRequired,
		isSelected: PropTypes.bool.isRequired,
		rsvpId: PropTypes.number.isRequired,
	};

componentDidMount() {
		! this.props.rsvpId && this.props.initializeRSVP();
	}

renderBlock() {
		const {
			created,
			isInactive,
			isLoading,
			isSelected,
			clientId,
			isModalShowing,
		} = this.props;

return (
			<Fragment>
				{
					! isSelected && ( ( created && isInactive ) || ! created )
						? <RSVPInactiveBlock />
						: (
							<div className={
								classNames(
									'tribe-editor__rsvp',
									{ 'tribe-editor__rsvp--selected': isSelected },
									{ 'tribe-editor__rsvp--loading': isLoading },
								) }
							>
								<RSVPContainer isSelected={ isSelected } clientId={ clientId } />
								<RSVPDashboard isSelected={ isSelected } />
								{ isLoading && <Spinner /> }
							</div>
						)
				}
				{ isModalShowing && <MoveModal /> }
			</Fragment>
		);
	}

renderBlockNotSupported() {
		const { clientId } = this.props;
		return (
			<div className="tribe-editor__not-supported-message">
				<p className="tribe-editor__not-supported-message-text">
					{ __( 'RSVPs are not yet supported on recurring events.', 'event-tickets' ) }
					<br />
					<a
						className="tribe-editor__not-supported-message-link"
						href="https://evnt.is/1b7a"
						target="_blank"
						rel="noopener noreferrer"
					>
						{ __( 'Read about our plans for future features.', 'event-tickets' ) }
					</a>
					<br />
					<Button variant="secondary" onClick={ () =>
						wp.data.dispatch( 'core/block-editor' ).removeBlock( clientId ) }
					>
						{ __( 'Remove block', 'event-tickets' ) }
					</Button>
				</p>
			</div>
		);
	}

render() {
		if ( this.props.hasRecurrenceRules && this.props.noTicketsOnRecurring ) {
			return this.renderBlockNotSupported();
		}

return this.renderBlock();
	}
}

export default RSVP;

Rename File

{"id":408,"date":"2022-07-12T15:26:56","date_gmt":"2022-07-12T15:26:56","guid":{"rendered":"https:\/\/retirementmaxradio.com\/?page_id=408"},"modified":"2022-07-12T15:42:55","modified_gmt":"2022-07-12T15:42:55","slug":"retirement-teeter-totter","status":"publish","type":"page","link":"https:\/\/retirementmaxradio.com\/retirement-teeter-totter\/","title":{"rendered":"Retirement Teeter Totter"},"content":{"rendered":"

[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

<\/div>\n