83 lines
2.8 KiB
JavaScript
83 lines
2.8 KiB
JavaScript
|
/*global wc_users_params */
|
||
|
|
jQuery( function ( $ ) {
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Users country and state fields
|
||
|
|
*/
|
||
|
|
var wc_users_fields = {
|
||
|
|
states: null,
|
||
|
|
init: function() {
|
||
|
|
if ( ! ( typeof wc_users_params.countries === 'undefined' ) ) {
|
||
|
|
/* State/Country select boxes */
|
||
|
|
this.states = $.parseJSON( wc_users_params.countries.replace( /"/g, '"' ) );
|
||
|
|
}
|
||
|
|
|
||
|
|
$( '.js_field-country' ).select2().change( this.change_country );
|
||
|
|
$( '.js_field-country' ).trigger( 'change', [ true ] );
|
||
|
|
$( 'body' ).on( 'change', 'select.js_field-state', this.change_state );
|
||
|
|
},
|
||
|
|
|
||
|
|
change_country: function( e, stickValue ) {
|
||
|
|
// Check for stickValue before using it
|
||
|
|
if ( typeof stickValue === 'undefined' ) {
|
||
|
|
stickValue = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Prevent if we don't have the metabox data
|
||
|
|
if ( wc_users_fields.states === null ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var $this = $( this ),
|
||
|
|
country = $this.val(),
|
||
|
|
$state = $this.parents( '.form-table' ).find( ':input.js_field-state' ),
|
||
|
|
$parent = $state.parent(),
|
||
|
|
input_name = $state.attr( 'name' ),
|
||
|
|
input_id = $state.attr( 'id' ),
|
||
|
|
value = $this.data( 'woocommerce.stickState-' + country ) ? $this.data( 'woocommerce.stickState-' + country ) : $state.val(),
|
||
|
|
placeholder = $state.attr( 'placeholder' );
|
||
|
|
|
||
|
|
if ( stickValue ){
|
||
|
|
$this.data( 'woocommerce.stickState-' + country, value );
|
||
|
|
}
|
||
|
|
|
||
|
|
// Remove the previous DOM element
|
||
|
|
$parent.show().find( '.select2-container' ).remove();
|
||
|
|
|
||
|
|
if ( ! $.isEmptyObject( wc_users_fields.states[ country ] ) ) {
|
||
|
|
var $states_select = $( '<select name="' + input_name + '" id="' + input_id + '" class="js_field-state" placeholder="' + placeholder + '" style="width: 25em;"></select>' ),
|
||
|
|
state = wc_users_fields.states[ country ];
|
||
|
|
|
||
|
|
$states_select.append( $( '<option value="">' + wc_users_params.i18n_select_state_text + '</option>' ) );
|
||
|
|
|
||
|
|
$.each( state, function( index, name ) {
|
||
|
|
$states_select.append( $( '<option value="' + index + '">' + state[ index ] + '</option>' ) );
|
||
|
|
} );
|
||
|
|
|
||
|
|
$states_select.val( value );
|
||
|
|
|
||
|
|
$state.replaceWith( $states_select );
|
||
|
|
|
||
|
|
$states_select.show().select2().hide().change();
|
||
|
|
} else {
|
||
|
|
$state.replaceWith( '<input type="text" class="js_field-state" name="' + input_name + '" id="' + input_id + '" value="' + value + '" placeholder="' + placeholder + '" />' );
|
||
|
|
}
|
||
|
|
|
||
|
|
$( 'body' ).trigger( 'contry-change.woocommerce', [country, $( this ).closest( 'div' )] );
|
||
|
|
},
|
||
|
|
|
||
|
|
change_state: function() {
|
||
|
|
// Here we will find if state value on a select has changed and stick it to the country data
|
||
|
|
var $this = $( this ),
|
||
|
|
state = $this.val(),
|
||
|
|
$country = $this.parents( '.form-table' ).find( ':input.js_field-country' ),
|
||
|
|
country = $country.val();
|
||
|
|
|
||
|
|
$country.data( 'woocommerce.stickState-' + country, state );
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
wc_users_fields.init();
|
||
|
|
|
||
|
|
});
|