0x1998 - MANAGER

Düzenlenen Dosya: index.js

import RelatedItemModal from 'related-item-modal';
import RelatedItemsTable from 'related-items-table';

const {
	Button,
	ButtonGroup
} = wp.components;

const {
	render,
	Component,
	Fragment
} = wp.element;

const $ = jQuery;

class App extends Component {

constructor( props ) {

super( props );

this.state = {
			connectNew: false,
			createNew: false,
			relatedID: null,
			relatedItems: [],
			allowedOptions: [],
			isBusy: false,
		};

this.fetchItems();

if ( this.isBlockEditor() ) {
			this.onBlockEditorSavePost();
		} else {
			$( '#post, #edittag, #your-profile, .cx-form' ).on( 'submit', this.onSubmitForm.bind( this ) );
		}

}

isBlockEditor() {
		return $( 'body' ).hasClass( 'block-editor-page' );
	}

onBlockEditorSavePost() {
		var self         = this,
			editor       = wp.data.dispatch( 'core/editor' ),
			editorSelect = wp.data.select( 'core/editor' ),
			savePost     = editor.savePost;

if ( window?.cxInterfaceBuilderAPI ) {
			savePost = window.cxInterfaceBuilderAPI.savePost;
		}

editor.savePost = function( options ) {
			options = options || {};

if ( options.isAutosave || options.isPreview ) {
				return savePost( options );
			}

var isDraft = ['draft', 'auto-draft'].includes( editorSelect.getEditedPostAttribute( 'status' ) );

if ( isDraft ) {
				return savePost( options );
			}

if ( ! self.hasErrors() ) {
				return savePost( options );
			}

self.scrollToFirstErrorField();
		};
	}

hasErrors() {
		return !! document.querySelector( '.jet-engine-rels.required[data-items="0"]' );
	}

onSubmitForm( event ) {
		if ( this.hasErrors() ) {
			this.scrollToFirstErrorField();
			event.preventDefault();
		}
	}

highlightError( element ) {
		if ( element.classList.contains( 'blink' ) ) {
			return;
		}

element.classList.add( 'blink' );

setTimeout( () => {
			element.classList.remove( 'blink' );
		}, 500 );
	}

scrollToFirstErrorField() {
		var $field = $( '.jet-engine-rels.required[data-items="0"]' ).first();

if ( ! $field.length ) {
			return;
		}

let element = $field[0],
		    box = element.closest( '[id^="related_jet_engine_rel_"]' );

if ( ! box ) {
			box = element.closest( '[id^="jet_engine_rel_"]' );
		}

element = box || element;

let $scrollSelector = $( 'html, body' ),
		    scrollTop = $( element ).offset().top,
		    offset = 70;

if ( this.isBlockEditor() ) {

if ( $( 'body' ).hasClass( 'is-fullscreen-mode' ) ) {
				offset += 20;
			} else {
				offset += 60;
			}

if ( $field.closest( '.interface-interface-skeleton__sidebar' ).length ) {
				$scrollSelector = $( '#editor .interface-interface-skeleton__sidebar' );
				offset += 50;
			} else {
				$scrollSelector = $( '#editor .interface-interface-skeleton__content' );
			}

scrollTop += $scrollSelector.scrollTop();
		}

$scrollSelector.stop().animate(
			{ scrollTop: scrollTop - offset },
			{
				duration: 500,
				complete: () => {
					this.highlightError( element );
				}
			}
		);
	}

fetchItems() {

window.wp.ajax.send(
			'jet_engine_relations_get_related_items',
			{
				type: 'GET',
				data: {
					_nonce: window.JetEngineRelationsCommon._nonce,
					relID: this.props.relID,
					objectType: this.props.controlObjectType,
					object: this.props.controlObjectName,
					currentObjectID: this.props.currentObjectID,
					isParentProcessed: this.props.isParentProcessed,
				},
				success: ( response ) => {
					this.setState( { relatedItems: [ ...response ] } );
				},
				error: ( response, errorCode, errorText ) => {

if ( response ) {
						alert( response );
					} else {
						alert( errorText );
					}

}
			}
		);
	}

reorderItems( newItems, reorderedCB ) {

this.setState( { isBusy: true } );

this.setState( { isBusy: false } );

if ( response ) {
						alert( response );
					} else {
						alert( errorText );
					}

}
			}
		);
	}

buttonLabel( type ) {

type = type || 'connect';

switch( type ) {
			case 'connect':
				return this.props.labels.connectButton;
			case 'create':
				return this.props.labels.createButton;
		}
	}

modalTitle() {

if ( this.state.connectNew ) {
			return this.buttonLabel( 'connect' );
		}

if ( this.state.createNew ) {
			return this.buttonLabel( 'create' );
		}

return null;
	}

closeModal( relatedItems ) {

this.setState( {
			createNew: false,
			connectNew: false,
		} )

if ( relatedItems && relatedItems.length ) {
			this.setState( { relatedItems: [ ...relatedItems ] } );
		}
	}

canCreate() {
		return this.props.createFields && 0 < this.props.createFields.length;
	}

getBusyStyles() {
		const style = {};

if ( this.state.isBusy ) {
			style.pointerEvents = 'none';
			style.opacity = '0.6';
		}

return style;
	}

isValid() {
		return ! this.props.isRequired || this?.state?.relatedItems?.length;
	}

render() {

const buttonStyle = { margin: '0 10px 0 0' };

}

for ( var i = 0; i < window.JetEngineRelationsControls.length; i++ ) {

let control = window.JetEngineRelationsControls[ i ];
	const controlEl = document.getElementById( control.relEl );

control.metaFields.forEach(
		function( field, i ) {
			if ( field.type !== 'checkbox' || ! field?.options?.length ) {
				return;
			}

control.metaFields[i].options = field.options.map(
				function( opt ) {
					opt.value = opt.value.toString instanceof Function ? opt.value.toString() : opt.value;
					return opt;
				}
			);
		}
	);

if ( controlEl ) {
		render(
			<App
				relID={ control.relID }
				metaFields={ control.metaFields }
				labels={ control.labels }
				tableColumns={ control.tableColumns }
				currentObjectID={ window.JetEngineCurrentObjectID }
				controlObjectType={ control.objectType }
				controlObjectName={ control.object }
				isParentProcessed={ control.isParentProcessed }
				createFields={ control.createFields }
				isRequired={ control.isRequired }
			/>,
			controlEl
		);
	}

}

geri dön