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 } from '@wordpress/components';

/**
 * Internal dependencies
 */
import './style.pcss';
import TicketContainer from './container/container';
import TicketDashboard from './dashboard/container';
import MoveModal from '@moderntribe/tickets/elements/move-modal';

class Ticket extends PureComponent {
	static propTypes = {
		clientId: PropTypes.string.isRequired,
		hasTicketsPlus: PropTypes.bool,
		isDisabled: PropTypes.bool,
		isLoading: PropTypes.bool,
		isModalShowing: PropTypes.bool,
		isSelected: PropTypes.bool,
		onBlockUpdate: PropTypes.func,
		removeTicketBlock: PropTypes.func,
		showTicket: PropTypes.bool,
	};

componentDidMount() {
		this.props.onBlockUpdate( this.props.isSelected );
	}

componentDidUpdate( prevProps ) {
		if ( prevProps.isSelected !== this.props.isSelected ) {
			this.props.onBlockUpdate( this.props.isSelected );
		}
	}

render() {
		const {
			clientId,
			hasTicketsPlus,
			isDisabled,
			isLoading,
			isSelected,
			isModalShowing,
			showTicket,
		} = this.props;

return (
			showTicket
				? (
					<Fragment>
						<article className={ classNames(
							'tribe-editor__ticket',
							{ 'tribe-editor__ticket--disabled': isDisabled },
							{ 'tribe-editor__ticket--selected': isSelected },
							{ 'tribe-editor__ticket--has-tickets-plus': hasTicketsPlus },
						) }
						>
							<TicketContainer clientId={ clientId } isSelected={ isSelected } />
							<TicketDashboard clientId={ clientId } isSelected={ isSelected } />
							{ isLoading && <Spinner /> }
						</article>
						{ isModalShowing && <MoveModal /> }
					</Fragment>
				)
				: null
		);
	}
}

export default Ticket;

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