Test Modal Form
Testing corporate bookings form
'
};
},
line: function(fieldData) {
return {
field: '
' }; } }, layoutTemplates: { default: function(field, label, help, data) { var colClass = data.dataFieldWidth || ''; if (data.type == 'file') { var changedField = $(field).attr('type', 'hidden'); if (data.subtype == 'dropzone') { uploadButton = $('');
} else {
uploadButton = $(' Upload File');
}
return $('').append(label, help, uploadButton, changedField[0]);
} else if (data.type == 'number') {
var changedField = $(field).attr('type', 'text');
return $('').append(label, field, changedField[0]);
} else if (data.subtype == 'email') {
var changedField = $(field).attr('type', 'text');
return $('').append(label, field, changedField[0]);
} else if (data.type == 'line') {
return $('
'); } else { return $('').append(label, help, field); } } }, dataType: 'json', formData: [{"type":"header","subtype":"h3","label":"Private Group Event"},{"type":"paragraph","subtype":"output","label":"","dataFieldWidth":"col-sm-12"},{"type":"text","required":true,"label":"Your Name","className":"form-control","name":"your-name","subtype":"text","dataFieldWidth":"col-sm-12"},{"type":"text","subtype":"email","required":true,"label":"Email","className":"form-control","name":"email","dataFieldWidth":"col-sm-6"},{"type":"text","required":true,"label":"Phone Number","className":"form-control","name":"phone-number","subtype":"text","dataFieldWidth":"col-sm-6"},{"type":"date","required":true,"label":"Event Date","className":"form-control","name":"event-date","dataFieldWidth":"col-sm-6"},{"type":"number","required":true,"label":"Number of People","className":"form-control","name":"attendees","min":1,"dataFieldWidth":"col-sm-6"},{"type":"textarea","required":false,"label":"Message","className":"form-control","name":"message","subtype":"textarea","rows":3,"dataFieldWidth":"col-sm-12"},{"type":"captcha","name":"captcha","dataFieldWidth":"col-sm-12"},{"type":"button","label":"Submit","subtype":"button","className":"btn-primary btn","name":"submit-button","dataFieldWidth":"col-sm-6","style":"primary"}]
});
if ($('button[data-field-width]').length) {
$('button[data-field-width]').each(function() {
$(this).parents('.form-group').addClass($(this).attr('data-field-width'));
});
}
if ($('#digitcart-fb-render3 [type="submit"]').length) {
var dcFormSubmitButton3 = '#digitcart-fb-render3 [type="submit"]';
} else {
var dcFormSubmitButton3 = '#digitcart-fb-render3 button:last';
}
$(document).on('click', dcFormSubmitButton3, function(e) {
e.preventDefault();
$.ajax({
url: 'index.php?route=extension/module/digitcart_form_builder/submitForm',
type: 'post',
data: $('#digitcart-fb-render-form3').serialize(),
dataType: 'json',
beforeSend: function() {
$(dcFormSubmitButton3).button('loading');
},
complete: function() {
$(dcFormSubmitButton3).button('reset');
},
success: function(json) {
$('#digitcart-fb-render-form3 .alert, #digitcart-fb-render-form3 .text-danger').remove();
$('#digitcart-fb-render-form3 .has-error').removeClass('has-error');
if (json['warning']) {
$('#digitcart-fb-render-form3').prepend('
' }; } }, layoutTemplates: { default: function(field, label, help, data) { var colClass = data.dataFieldWidth || ''; if (data.type == 'file') { var changedField = $(field).attr('type', 'hidden'); if (data.subtype == 'dropzone') { uploadButton = $('
Choose a file or drag it here.
'); } else { return $('').append(label, help, field); } } }, dataType: 'json', formData: [{"type":"header","subtype":"h3","label":"Private Group Event"},{"type":"paragraph","subtype":"output","label":"
Or use the form below and we'll get in touch.
' + json['warning'] + '
');
$('html, body').animate({ scrollTop: $('#digitcart-fb-render-form3').offset().top }, 'slow');
}
if (json['error']) {
for (i in json['error']) {
var element = $('.form-group[class*="' + i + '"]');
element.append('' + json['error'][i] + '
');
}
$('#digitcart-fb-render3 .text-danger').parent().addClass('has-error');
if ($('#digitcart-fb-render3 .has-error').length) {
var scrollTarget = $('#digitcart-fb-render3 .has-error:first').offset().top;
$('html, body').animate({
scrollTop: scrollTarget - 50
});
}
}
if (json['success_action']) {
$('html, body').animate({ scrollTop: $('#digitcart-fb-render-form3').offset().top - 50 }, 'slow');
if (json['success_action'] == 'reset') {
$('#digitcart-fb-render-form3')[0].reset();
$('#digitcart-fb-render-form3 input:checked').prop('checked', false);
$('#digitcart-fb-render-form3 input:not([name="form_id"])').val('');
$('#digitcart-fb-render-form3 .text-danger').remove();
$('#digitcart-fb-render-form3 .text-success').remove();
$('#digitcart-fb-render-form3').prepend('' + json['success'] + '
');
}
if (json['success_html']) {
$(dcFormSubmitButton3).parents('#digitcart-fb-render-form3').replaceWith(json['success_html']);
}
if (json['redirect']) {
location = json['redirect'];
}
if (json['success_action'] == 'nothing') {
$('#digitcart-fb-render-form3').prepend('' + json['success'] + '
');
}
}
},
error: function(xhr, ajaxOptions, thrownError) {
console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
//-->