Files
CKB/public/assets/js/demo1/pages/custom/projects/add-project.js

126 lines
2.4 KiB
JavaScript
Executable File

"use strict";
// Class definition
var KTProjectsAdd = function () {
// Base elements
var wizardEl;
var formEl;
var validator;
var wizard;
var avatar;
// Private functions
var initWizard = function () {
// Initialize form wizard
wizard = new KTWizard('kt_projects_add', {
startStep: 1,
});
// Validation before going to next page
wizard.on('beforeNext', function(wizardObj) {
if (validator.form() !== true) {
wizardObj.stop(); // don't go to the next step
}
})
// Change event
wizard.on('change', function(wizard) {
KTUtil.scrollTop();
});
}
var initValidation = function() {
validator = formEl.validate({
// Validate only visible fields
ignore: ":hidden",
// Validation rules
rules: {
// Step 1
profile_avatar: {
//required: true
},
profile_first_name: {
required: true
},
profile_last_name: {
required: true
},
profile_phone: {
required: true
},
profile_email: {
required: true,
email: true
}
},
// Display error
invalidHandler: function(event, validator) {
KTUtil.scrollTop();
swal.fire({
"title": "",
"text": "There are some errors in your submission. Please correct them.",
"type": "error",
"buttonStyling": false,
"confirmButtonClass": "btn btn-brand btn-sm btn-bold"
});
},
// Submit valid form
submitHandler: function (form) {
}
});
}
var initSubmit = function() {
var btn = formEl.find('[data-ktwizard-type="action-submit"]');
btn.on('click', function(e) {
e.preventDefault();
if (validator.form()) {
// See: src\js\framework\base\app.js
KTApp.progress(btn);
//KTApp.block(formEl);
// See: http://malsup.com/jquery/form/#ajaxSubmit
formEl.ajaxSubmit({
success: function() {
KTApp.unprogress(btn);
//KTApp.unblock(formEl);
swal.fire({
"title": "",
"text": "The application has been successfully submitted!",
"type": "success",
"confirmButtonClass": "btn btn-secondary"
});
}
});
}
});
}
var initAvatar = function() {
avatar = new KTAvatar('kt_projects_add_avatar');
}
return {
// public functions
init: function() {
formEl = $('#kt_projects_add_form');
initWizard();
initValidation();
initSubmit();
initAvatar();
}
};
}();
jQuery(document).ready(function() {
KTProjectsAdd.init();
});