John Russell

My temporary solution was to enqueue my own js file that supplements the event-editor.js file (and shouldn’t interfere once EM gets updated, if I forget to remove this js). I enqueued it in my must-use plugins, but you can enqueue it in your theme functions.php file or a custom plugin. You’ll have to adapt the way you enqueue the js file by changing the URL.

function custom_prefix_admin_enqueue_scripts($hook_suffix = '') {
	if( $hook_suffix == 'post.php' || $hook_suffix === true || (!empty($_GET['page']) && substr($_GET['page'],0,14) == 'events-manager') || (!empty($_GET['post_type']) && in_array($_GET['post_type'], array(EM_POST_TYPE_EVENT,EM_POST_TYPE_LOCATION,'event-recurring'))) ){
		wp_enqueue_script('custom-prefix-events-editor', plugins_url('js/custom-prefix-events-editor.js', __FILE__), array(), '1.0.0');
	}
}
add_action('admin_enqueue_scripts', 'custom_prefix_admin_enqueue_scripts');

This is the JS

class CustomPrefixEventsEditor {
	constructor() {
		this.eventType = null;

		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', this.DOMContentLoadedListener.bind(this));
		} else {
			this.DOMContentLoadedListener();
		}
	}



	DOMContentLoadedListener(event) {
		this.init();
	}



	eventTypeChangeListener(event) {
		this.maybeToggleRecurrencesBox();
	}



	init() {
		this.eventType = document.querySelector('.event_type');
		this.eventType.addEventListener('change', this.eventTypeChangeListener.bind(this));

		this.maybeToggleRecurrencesBox();
	}



	/**
	 * As of EM 7.0.5 the Recurrences Meta Box is hidden because the new /includes/js/src/parts/event-editor.js isn't compatible with the Block Editor
	 */
	maybeToggleRecurrencesBox() {
		let isRecurring = false;

		// Specifically targetting the Block Editor ".metabox-location-normal" (under the content) since EM omit this
		let blockEditorMetaBoxForm = document.querySelector('.metabox-location-normal');

		if (blockEditorMetaBoxForm) {
			isRecurring = this.eventType.type === 'checkbox' ? this.eventType.checked : this.eventType.value !== 'single';
			blockEditorMetaBoxForm.classList.toggle( 'em-is-recurring', isRecurring );

			if (this.eventType.type === 'checkbox') {
				blockEditorMetaBoxForm.classList.toggle('em-type-recurring', eventType.checked );
			}

			blockEditorMetaBoxForm.classList.remove( ...[ ...blockEditorMetaBoxForm.classList ].filter(className => className.startsWith( 'em-type-' )));
			blockEditorMetaBoxForm.classList.add('em-type-' + eventType.value);
		}
	}
}

new CustomPrefixEventsEditor();

Hi @zodiac1978

Thanks for your response. I didn’t know the purpose of the additional textarea, so thank you for clarifying.

My initial concern was that even though it doesn’t need to be accessible there is nothing informing assistive technology of this. However, it’s not keyboard navigable, so that shouldn’t ever be an issue. I think for our purposes we will filter the output to add the aria-label attribute just so it doesn’t continue to get flagged as an accessibility issue.

Thanks again and have a great day!
John

• This reply was modified 6 years, 7 months ago by John Russell.