Last active
March 17, 2020 11:20
-
-
Save mrkaluzny/033bb283b4d90de8ca9da881a5ee2a6a to your computer and use it in GitHub Desktop.
Attach initiate function to window and call it from anywhere for dynamic forms
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
jQuery(document).ready(function($){ | |
// Fires when an Ajax form submission has completed successfully, and mail has been sent. | |
document.addEventListener( 'wpcf7mailsent', function( event ) { | |
// Get input type file element | |
var inputFile = $('.wpcf7-drag-n-drop-file'); | |
// Reset upload list for multiple fields | |
if( inputFile.length > 0 ) { | |
$.each( inputFile, function(){ | |
// Reset file counts | |
localStorage.setItem( $(this).attr('data-name') + '_count_files', 1 ); | |
}); | |
}else { | |
// Reset file counts | |
localStorage.setItem( inputFile.attr('data-name') + '_count_files', 1 ); | |
} | |
// Remove status / progress bar | |
$('.dnd-upload-status', inputFile.parents('form')).remove(); | |
$('span.has-error-msg').remove(); | |
}, false ); | |
window.initDragDrop = function () { | |
// Get text object options/settings from localize script | |
var TextOJB = dnd_cf7_uploader.drag_n_drop_upload; | |
// Support Multiple Fileds | |
$('.wpcf7-drag-n-drop-file').CodeDropz_Uploader({ | |
'color' : '#fff', | |
'ajax_url' : dnd_cf7_uploader.ajax_url, | |
'text' : TextOJB.text, | |
'separator' : TextOJB.or_separator, | |
'button_text' : TextOJB.browse, | |
'server_max_error' : TextOJB.server_max_error, | |
'on_success' : function( input, progressBar, response ){ | |
// Progressbar Object | |
var progressDetails = $('#' + progressBar, input.parents('.codedropz-upload-wrapper') ); | |
// If it's complete remove disabled attribute in button | |
if( $('.in-progress', input.parents('form') ).length === 0 ) { | |
setTimeout(function(){ $('input[type="submit"]', input.parents('form')).removeAttr('disabled'); }, 1); | |
} | |
// Append hidden input field | |
progressDetails | |
.find('.dnd-upload-details') | |
.append('<span><input type="hidden" name="'+ input.attr('data-name') +'[]" value="'+ response.data.path +'/'+ response.data.file +'"></span>'); | |
} | |
}); | |
} | |
window.initDragDrop() | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment