131 lines
3.0 KiB
JavaScript
131 lines
3.0 KiB
JavaScript
|
/**
|
||
|
* Internal dependencies
|
||
|
*/
|
||
|
import OrderOverview from './order-overview';
|
||
|
import './order-details';
|
||
|
import { jQueryReady } from 'utils/jquery.js';
|
||
|
|
||
|
jQueryReady( () => {
|
||
|
// Order Overview.
|
||
|
if ( window.eddAdminOrderOverview ) {
|
||
|
OrderOverview.render();
|
||
|
|
||
|
/**
|
||
|
* Add validation to Add/Edit Order form.
|
||
|
*
|
||
|
* @since 3.0
|
||
|
*/
|
||
|
( () => {
|
||
|
const overview = OrderOverview.options.state;
|
||
|
const orderItems = overview.get( 'items' );
|
||
|
|
||
|
const noItemErrorEl = document.getElementById( 'edd-add-order-no-items-error' );
|
||
|
const noCustomerErrorEl = document.getElementById( 'edd-add-order-customer-error' );
|
||
|
|
||
|
const assignCustomerEl = document.getElementById( 'customer_id' );
|
||
|
const newCustomerEmailEl = document.getElementById( 'edd_new_customer_email' );
|
||
|
|
||
|
[
|
||
|
'edd-add-order-form',
|
||
|
'edd-edit-order-form',
|
||
|
].forEach( ( form ) => {
|
||
|
const formEl = document.getElementById( form );
|
||
|
|
||
|
if ( ! formEl ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
formEl.addEventListener( 'submit', submitForm );
|
||
|
} );
|
||
|
|
||
|
/**
|
||
|
* Submits an Order form.
|
||
|
*
|
||
|
* @since 3.0
|
||
|
*
|
||
|
* @param {Object} event Submit event.
|
||
|
*/
|
||
|
function submitForm( event ) {
|
||
|
let hasError = false;
|
||
|
|
||
|
// Ensure `OrderItem`s.
|
||
|
if ( noItemErrorEl ) {
|
||
|
if ( 0 === orderItems.length ) {
|
||
|
noItemErrorEl.style.display = 'block';
|
||
|
hasError = true;
|
||
|
} else {
|
||
|
noItemErrorEl.style.display = 'none';
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Ensure Customer.
|
||
|
if ( noCustomerErrorEl ) {
|
||
|
if ( '0' === assignCustomerEl.value && '' === newCustomerEmailEl.value ) {
|
||
|
noCustomerErrorEl.style.display = 'block';
|
||
|
hasError = true;
|
||
|
} else {
|
||
|
noCustomerErrorEl.style.display = 'none';
|
||
|
}
|
||
|
|
||
|
if ( true === hasError ) {
|
||
|
event.preventDefault();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Remove `OrderItem` notice when an `OrderItem` is added.
|
||
|
*
|
||
|
* @since 3.0
|
||
|
*/
|
||
|
orderItems.on( 'add', function() {
|
||
|
noItemErrorEl.style.display = 'none';
|
||
|
} );
|
||
|
|
||
|
/**
|
||
|
* Remove Customer notice when a Customer is changed.
|
||
|
*
|
||
|
* Uses a jQuery binding for Chosen support.
|
||
|
*
|
||
|
* @since 3.0
|
||
|
*
|
||
|
* @param {Object} event Change event.
|
||
|
*/
|
||
|
$( assignCustomerEl ).on( 'change', ( event ) => {
|
||
|
const val = event.target.value;
|
||
|
|
||
|
if ( '0' !== val ) {
|
||
|
noCustomerErrorEl.style.display = 'none';
|
||
|
}
|
||
|
} )
|
||
|
|
||
|
if ( newCustomerEmailEl ) {
|
||
|
/**
|
||
|
* Remove Customer notice when a Customer is set.
|
||
|
*
|
||
|
* @since 3.0
|
||
|
*
|
||
|
* @param {Object} event Input event.
|
||
|
*/
|
||
|
newCustomerEmailEl.addEventListener( 'input', ( event ) => {
|
||
|
const val = event.target.value;
|
||
|
|
||
|
if ( '' !== val ) {
|
||
|
noCustomerErrorEl.style.display = 'none';
|
||
|
}
|
||
|
} );
|
||
|
}
|
||
|
} )();
|
||
|
}
|
||
|
|
||
|
// Move `.update-nag` items below the top header.
|
||
|
// `#update-nag` is legacy styling, which core still supports.
|
||
|
//
|
||
|
// `.notice` items are properly moved, but WordPress core
|
||
|
// does not move `.update-nag`.
|
||
|
if ( 0 !== $( '.edit-post-editor-regions__header' ).length ) {
|
||
|
$( 'div.update-nag, div#update-nag' ).insertAfter( $( '.edit-post-editor-regions__header' ) );
|
||
|
}
|
||
|
|
||
|
} );
|