Your IP : 18.188.211.123
jQuery( document ).ready( function( $ ) {
/**
* Stores the selected file details for form imports.
*
* name is the filename from the user's computer, including extension.
* content is the base64 encoded contents as a result of using the HTML5 FileReader API.
* @type {Object}
*/
var importFormFile = {
name: '',
content: '',
extraChecksOff: false
};
/**
* Listen for clicks on our "import" button.
* It sets data for our batch processor and then instantiates a batch process.
*
* @since 3.4.0
* @param object e Click Event
* @return void
*/
$( document ).on( 'click', '#nf-import-form-submit', function( e ) {
// Make sure that our file field isn't empty.
if ( '' == importFormFile.name ) return false;
//Get status of trusted source checkbox
importFormFile.extraChecksOff = document.querySelector('#nf_import_form_turn_off_extra_checks').checked;
// Settings object for our batch processor
var settings = {
batch_type: 'import_form',
extraData: importFormFile,
loadingText: 'Importing...',
onCompleteCallback: function( response ) {
// If we don't get back a form ID, then bail.
if ( 'undefined' == typeof response.form_id ) return false;
jQuery( '#nf-import-file' ).val('');
jQuery( '#nf-import-url' ).attr( 'href', nfAdmin.builderURL + response.form_id );
var blockingErrors = false;
// If we have errors...
if ( 'undefined' != typeof response.errors ) {
var errorOutput = '';
// Record them.
response.errors.forEach(
function( error ) {
// Block success if one was fatal.
if ( 'fatal' == error.type ) {
blockingErrors = true;
}
console.error( error.type + ': ' + error.code );
errorOutput += '<p>' + error.message + '</p>';
}
);
jQuery( '#row-nf-import-response-error td' ).html( errorOutput );
jQuery( '#row-nf-import-response-error' ).show();
}
if ( ! blockingErrors ) {
jQuery( '#row-nf-import-response' ).show();
}
}
}
/**
* Instantiate our batch processor.
*
* This will open the modal and present the user with content and buttons.
*/
new NinjaBatchProcessor( settings );
} );
$( document ).on( 'change', '#nf_import_fields', function( e ) {
jQuery( '#nf_import_security' ).val(nfAdmin.batchNonce);
});
/**
* Selecting a file within an input field triggers a jQuery change event.
*
* When we select a form file to import, we need to do a few things:
*
* Disable the primary button of our batch processing modal.
* Grab the file and make sure that it has a .nff extension.
* Read the contents and base64 encode them using the HTML5 FileReader API.
* Set the contents to our importFormFile variable.
*
* @since 3.4.0
* @param object e Change Event
* @return {[type]} [description]
*/
$( document ).on( 'change', '#nf-import-file', function( e ) {
// Hide our success message.
jQuery( '#row-nf-import-response' ).hide();
jQuery( '#row-nf-import-response-error' ).hide();
// Hide our extension type error.
jQuery( '#row-nf-import-type-error' ).hide();
// Grab the file from the input.
var file = e.target.files[0];
// If our file var is empty, bail.
if ( ! file ) {
return false;
}
// Use some Regex to get the extension
var extension = file.name.match(/\.[0-9a-z]+$/i);
// If we don't have a .nff extension, show our type error and bail.
if ( '.nff' !== extension[0] ) {
jQuery( '#row-nf-import-type-error' ).show();
importFormFile.name = '';
importFormFile.content = '';
return false;
}
// Instantiate the HTML5 FileReader API.
var reader = new FileReader();
/**
* When the HTML5 API says that we've successfully loaded the file contents:
* Set our importFormFile var.
* Enable our batch processor primary button.
* We use Javascript's addEventListener to update our var.
*/
reader.addEventListener( 'load', function () {
importFormFile.name = file.name;
importFormFile.content = reader.result;
}, false);
// Use the readAsDataURL method of the FileReader API.
reader.readAsDataURL( file );
} );
var clickedElement;
$(document).off( 'mousedown' ).on( 'mousedown', function( e ) {
clickedElement = e.target;
});
$( '#nf_export_form_2' ).off( 'focus' ).on( 'focus', function () {
//show the dropdown on focus of the input
$( '.nf-form-dropdown' ).show();
});
$( '#nf_export_form_2' ).off( 'keyup' ).on( 'keyup', function () {
//show the dropdown if it isn't show
$( '.nf-form-dropdown' ).show();
// get the value of the input, which we filter on
var filter = $( this ).val();
if( '' === filter ) {
//if the filter val is empty, show all form options
$( '.nf-form-dropdown' ).find( 'li' ).show();
} else {
$.each( $( '#nf_form_export_options span' ), function ( index, span ) {
var tmpSpan = $( span );
// test to see if span text contains the entered value
if ( 0 <= tmpSpan.text().toLowerCase().indexOf( filter.toLowerCase() ) ) {
// shows options that DO contain the text entered
tmpSpan.parent().show();
} else {
// hides options the do not contain the text entered
tmpSpan.parent().hide();
}
});
}
});
$( '#nf_export_form_2' ).off( 'blur' ).on( 'blur' , function( e ) {
if( 'undefined' !== typeof clickedElement ) {
if ( ! $( clickedElement ).hasClass( 'nf-form-option-item' ) ) {
$( '#nf_export_form_2' ).val( '' );
$( '.nf-form-dropdown' ).hide();
}
}
});
$( '.nf-form-option' ).off( 'click' ).on( 'click', function() {
// on click get the value of the input
var val = $( this ).data( 'val' );
// nf_export_form is now a hidden field instead of select element
$( '#nf_export_form' ).val( val );
// set the text of the input field
$( '#nf_export_form_2' ).val( '' );
// and hide the option.
$( '.nf-form-dropdown' ).hide();
});
});