Add project files.
This commit is contained in:
259
assets/js/pages/custom/wizard/wizard-1.js
Normal file
259
assets/js/pages/custom/wizard/wizard-1.js
Normal file
@ -0,0 +1,259 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTWizard1 = function () {
|
||||
// Base elements
|
||||
var _wizardEl;
|
||||
var _formEl;
|
||||
var _wizard;
|
||||
var _validations = [];
|
||||
|
||||
// Private functions
|
||||
var initWizard = function () {
|
||||
// Initialize form wizard
|
||||
_wizard = new KTWizard(_wizardEl, {
|
||||
startStep: 1, // initial active step number
|
||||
clickableSteps: true // allow step clicking
|
||||
});
|
||||
|
||||
// Validation before going to next page
|
||||
_wizard.on('beforeNext', function (wizard) {
|
||||
// Don't go to the next step yet
|
||||
_wizard.stop();
|
||||
|
||||
// Validate form
|
||||
var validator = _validations[wizard.getStep() - 1]; // get validator for currnt step
|
||||
validator.validate().then(function (status) {
|
||||
if (status == 'Valid') {
|
||||
_wizard.goNext();
|
||||
KTUtil.scrollTop();
|
||||
} else {
|
||||
Swal.fire({
|
||||
text: "با عرض پوزش ، به نظر می رسد برخی از خطاها شناسایی شده اند ، لطفا دوباره امتحان کنید.",
|
||||
icon: "error",
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: "باشه فهمیدم!",
|
||||
customClass: {
|
||||
confirmButton: "btn font-weight-bold btn-light"
|
||||
}
|
||||
}).then(function () {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Change event
|
||||
_wizard.on('change', function (wizard) {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
|
||||
var initValidation = function () {
|
||||
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
|
||||
// Step 1
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
address1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
postcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
city: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
state: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
country: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 2
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
package: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package details is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
weight: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package weight is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The value added is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
width: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package width is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The value added is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
height: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package height is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The value added is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
packagelength: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package length is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The value added is not valid'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 3
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
delivery: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نوع تحویل الزامی است"
|
||||
}
|
||||
}
|
||||
},
|
||||
packaging: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'نوع بسته بندی لازم است'
|
||||
}
|
||||
}
|
||||
},
|
||||
preferreddelivery: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نحوه ی تحویل لازم است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 4
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
locaddress1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
locpostcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
loccity: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
locstate: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
loccountry: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function () {
|
||||
_wizardEl = KTUtil.getById('kt_wizard_v1');
|
||||
_formEl = KTUtil.getById('kt_form');
|
||||
|
||||
initWizard();
|
||||
initValidation();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
KTWizard1.init();
|
||||
});
|
||||
297
assets/js/pages/custom/wizard/wizard-2.js
Normal file
297
assets/js/pages/custom/wizard/wizard-2.js
Normal file
@ -0,0 +1,297 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTWizard2 = function () {
|
||||
// Base elements
|
||||
var _wizardEl;
|
||||
var _formEl;
|
||||
var _wizard;
|
||||
var _validations = [];
|
||||
|
||||
// Private functions
|
||||
var initWizard = function () {
|
||||
// Initialize form wizard
|
||||
_wizard = new KTWizard(_wizardEl, {
|
||||
startStep: 1, // initial active step number
|
||||
clickableSteps: false // to make steps clickable this set value true and add data-wizard-clickable="true" in HTML for class="wizard" element
|
||||
});
|
||||
|
||||
// Validation before going to next page
|
||||
_wizard.on('beforeNext', function (wizard) {
|
||||
// Don't go to the next step yet
|
||||
_wizard.stop();
|
||||
|
||||
// Validate form
|
||||
var validator = _validations[wizard.getStep() - 1]; // get validator for currnt step
|
||||
validator.validate().then(function (status) {
|
||||
if (status == 'Valid') {
|
||||
_wizard.goNext();
|
||||
KTUtil.scrollTop();
|
||||
} else {
|
||||
Swal.fire({
|
||||
text: "با عرض پوزش ، به نظر می رسد برخی از خطاها شناسایی شده اند ، لطفا دوباره امتحان کنید.",
|
||||
icon: "error",
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: "باشه فهمیدم!",
|
||||
customClass: {
|
||||
confirmButton: "btn font-weight-bold btn-light"
|
||||
}
|
||||
}).then(function () {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Change event
|
||||
_wizard.on('change', function (wizard) {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
|
||||
var initValidation = function () {
|
||||
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
|
||||
// Step 1
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
fname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نام لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
lname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نام خانوادگی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
phone: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "تلفن لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
email: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'ایمیل لازم است'
|
||||
},
|
||||
emailAddress: {
|
||||
message: "مقدار یک آدرس ایمیل معتبر نیست"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 2
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
address1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
postcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
city: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
state: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
country: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 3
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
delivery: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نوع تحویل الزامی است"
|
||||
}
|
||||
}
|
||||
},
|
||||
packaging: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'نوع بسته بندی لازم است'
|
||||
}
|
||||
}
|
||||
},
|
||||
preferreddelivery: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نحوه ی تحویل لازم است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 4
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
locaddress1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
locpostcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
loccity: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
locstate: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
loccountry: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 5
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
ccname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'نام کارت اعتباری الزامی است'
|
||||
}
|
||||
}
|
||||
},
|
||||
ccnumber: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شماره کارت اعتباری لازم است"
|
||||
},
|
||||
creditCard: {
|
||||
message: "شماره کارت اعتباری معتبر نیست"
|
||||
}
|
||||
}
|
||||
},
|
||||
ccmonth: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "ماه کارت اعتباری لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
ccyear: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "سال کارت اعتباری لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
cccvv: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "CVV کارت اعتباری لازم است"
|
||||
},
|
||||
digits: {
|
||||
message: "مقدار CVV معتبر نیست. فقط شماره مجاز است "
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function () {
|
||||
_wizardEl = KTUtil.getById('kt_wizard_v2');
|
||||
_formEl = KTUtil.getById('kt_form');
|
||||
|
||||
initWizard();
|
||||
initValidation();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
KTWizard2.init();
|
||||
});
|
||||
259
assets/js/pages/custom/wizard/wizard-3.js
Normal file
259
assets/js/pages/custom/wizard/wizard-3.js
Normal file
@ -0,0 +1,259 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTWizard3 = function () {
|
||||
// Base elements
|
||||
var _wizardEl;
|
||||
var _formEl;
|
||||
var _wizard;
|
||||
var _validations = [];
|
||||
|
||||
// Private functions
|
||||
var initWizard = function () {
|
||||
// Initialize form wizard
|
||||
_wizard = new KTWizard(_wizardEl, {
|
||||
startStep: 1, // initial active step number
|
||||
clickableSteps: true // allow step clicking
|
||||
});
|
||||
|
||||
// Validation before going to next page
|
||||
_wizard.on('beforeNext', function (wizard) {
|
||||
// Don't go to the next step yet
|
||||
_wizard.stop();
|
||||
|
||||
// Validate form
|
||||
var validator = _validations[wizard.getStep() - 1]; // get validator for currnt step
|
||||
validator.validate().then(function (status) {
|
||||
if (status == 'Valid') {
|
||||
_wizard.goNext();
|
||||
KTUtil.scrollTop();
|
||||
} else {
|
||||
Swal.fire({
|
||||
text: "با عرض پوزش ، به نظر می رسد برخی از خطاها شناسایی شده اند ، لطفا دوباره امتحان کنید.",
|
||||
icon: "error",
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: "باشه فهمیدم!",
|
||||
customClass: {
|
||||
confirmButton: "btn font-weight-bold btn-light"
|
||||
}
|
||||
}).then(function () {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Change event
|
||||
_wizard.on('change', function (wizard) {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
|
||||
var initValidation = function () {
|
||||
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
|
||||
// Step 1
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
address1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
postcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
city: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
state: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
country: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 2
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
package: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package details is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
weight: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package weight is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The value added is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
width: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package width is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The value added is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
height: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package height is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The value added is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
packagelength: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Package length is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The value added is not valid'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 3
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
delivery: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نوع تحویل الزامی است"
|
||||
}
|
||||
}
|
||||
},
|
||||
packaging: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'نوع بسته بندی لازم است'
|
||||
}
|
||||
}
|
||||
},
|
||||
preferreddelivery: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نحوه ی تحویل لازم است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 4
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
locaddress1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
locpostcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
loccity: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
locstate: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
loccountry: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function () {
|
||||
_wizardEl = KTUtil.getById('kt_wizard_v3');
|
||||
_formEl = KTUtil.getById('kt_form');
|
||||
|
||||
initWizard();
|
||||
initValidation();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
KTWizard3.init();
|
||||
});
|
||||
215
assets/js/pages/custom/wizard/wizard-4.js
Normal file
215
assets/js/pages/custom/wizard/wizard-4.js
Normal file
@ -0,0 +1,215 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTWizard4 = function () {
|
||||
// Base elements
|
||||
var _wizardEl;
|
||||
var _formEl;
|
||||
var _wizard;
|
||||
var _validations = [];
|
||||
|
||||
// Private functions
|
||||
var initWizard = function () {
|
||||
// Initialize form wizard
|
||||
_wizard = new KTWizard(_wizardEl, {
|
||||
startStep: 1, // initial active step number
|
||||
clickableSteps: true // allow step clicking
|
||||
});
|
||||
|
||||
// Validation before going to next page
|
||||
_wizard.on('beforeNext', function (wizard) {
|
||||
// Don't go to the next step yet
|
||||
_wizard.stop();
|
||||
|
||||
// Validate form
|
||||
var validator = _validations[wizard.getStep() - 1]; // get validator for currnt step
|
||||
validator.validate().then(function (status) {
|
||||
if (status == 'Valid') {
|
||||
_wizard.goNext();
|
||||
KTUtil.scrollTop();
|
||||
} else {
|
||||
Swal.fire({
|
||||
text: "با عرض پوزش ، به نظر می رسد برخی از خطاها شناسایی شده اند ، لطفا دوباره امتحان کنید.",
|
||||
icon: "error",
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: "باشه فهمیدم!",
|
||||
customClass: {
|
||||
confirmButton: "btn font-weight-bold btn-light"
|
||||
}
|
||||
}).then(function () {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Change event
|
||||
_wizard.on('change', function (wizard) {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
|
||||
var initValidation = function () {
|
||||
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
|
||||
// Step 1
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
fname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نام لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
lname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نام خانوادگی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
phone: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "تلفن لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
email: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'ایمیل لازم است'
|
||||
},
|
||||
emailAddress: {
|
||||
message: "مقدار یک آدرس ایمیل معتبر نیست"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 2
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
address1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
postcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
city: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
state: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
country: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 3
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
ccname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'نام کارت اعتباری الزامی است'
|
||||
}
|
||||
}
|
||||
},
|
||||
ccnumber: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شماره کارت اعتباری لازم است"
|
||||
},
|
||||
creditCard: {
|
||||
message: "شماره کارت اعتباری معتبر نیست"
|
||||
}
|
||||
}
|
||||
},
|
||||
ccmonth: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "ماه کارت اعتباری لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
ccyear: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "سال کارت اعتباری لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
cccvv: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "CVV کارت اعتباری لازم است"
|
||||
},
|
||||
digits: {
|
||||
message: "مقدار CVV معتبر نیست. فقط شماره مجاز است "
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function () {
|
||||
_wizardEl = KTUtil.getById('kt_wizard_v4');
|
||||
_formEl = KTUtil.getById('kt_form');
|
||||
|
||||
initWizard();
|
||||
initValidation();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
KTWizard4.init();
|
||||
});
|
||||
158
assets/js/pages/custom/wizard/wizard-5.js
Normal file
158
assets/js/pages/custom/wizard/wizard-5.js
Normal file
@ -0,0 +1,158 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTWizard5 = function () {
|
||||
// Base elements
|
||||
var _wizardEl;
|
||||
var _formEl;
|
||||
var _wizard;
|
||||
var _validations = [];
|
||||
|
||||
// Private functions
|
||||
var initWizard = function () {
|
||||
// Initialize form wizard
|
||||
_wizard = new KTWizard(_wizardEl, {
|
||||
startStep: 1, // initial active step number
|
||||
clickableSteps: true // allow step clicking
|
||||
});
|
||||
|
||||
// Validation before going to next page
|
||||
_wizard.on('beforeNext', function (wizard) {
|
||||
// Don't go to the next step yet
|
||||
_wizard.stop();
|
||||
|
||||
// Validate form
|
||||
var validator = _validations[wizard.getStep() - 1]; // get validator for currnt step
|
||||
validator.validate().then(function (status) {
|
||||
if (status == 'Valid') {
|
||||
_wizard.goNext();
|
||||
KTUtil.scrollTop();
|
||||
} else {
|
||||
Swal.fire({
|
||||
text: "با عرض پوزش ، به نظر می رسد برخی از خطاها شناسایی شده اند ، لطفا دوباره امتحان کنید.",
|
||||
icon: "error",
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: "باشه فهمیدم!",
|
||||
customClass: {
|
||||
confirmButton: "btn font-weight-bold btn-light"
|
||||
}
|
||||
}).then(function () {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Change event
|
||||
_wizard.on('change', function (wizard) {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
|
||||
var initValidation = function () {
|
||||
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
|
||||
// Step 1
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
firstname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نام لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
lastname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'نام خانوادگی را وارد کنید'
|
||||
}
|
||||
}
|
||||
},
|
||||
phone: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "تلفن لازم است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 2
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
address1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
address2: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
postcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
city: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
state: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
country: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function () {
|
||||
_wizardEl = KTUtil.getById('kt_wizard');
|
||||
_formEl = KTUtil.getById('kt_wizard_form');
|
||||
|
||||
initWizard();
|
||||
initValidation();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
KTWizard5.init();
|
||||
});
|
||||
151
assets/js/pages/custom/wizard/wizard-6.js
Normal file
151
assets/js/pages/custom/wizard/wizard-6.js
Normal file
@ -0,0 +1,151 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTWizard6 = function () {
|
||||
// Base elements
|
||||
var _wizardEl;
|
||||
var _formEl;
|
||||
var _wizard;
|
||||
var _validations = [];
|
||||
|
||||
// Private functions
|
||||
var initWizard = function () {
|
||||
// Initialize form wizard
|
||||
_wizard = new KTWizard(_wizardEl, {
|
||||
startStep: 1, // initial active step number
|
||||
clickableSteps: true // allow step clicking
|
||||
});
|
||||
|
||||
// Validation before going to next page
|
||||
_wizard.on('beforeNext', function (wizard) {
|
||||
// Don't go to the next step yet
|
||||
_wizard.stop();
|
||||
|
||||
// Validate form
|
||||
var validator = _validations[wizard.getStep() - 1]; // get validator for currnt step
|
||||
validator.validate().then(function (status) {
|
||||
if (status == 'Valid') {
|
||||
_wizard.goNext();
|
||||
KTUtil.scrollTop();
|
||||
} else {
|
||||
Swal.fire({
|
||||
text: "با عرض پوزش ، به نظر می رسد برخی از خطاها شناسایی شده اند ، لطفا دوباره امتحان کنید.",
|
||||
icon: "error",
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: "باشه فهمیدم!",
|
||||
customClass: {
|
||||
confirmButton: "btn font-weight-bold btn-light"
|
||||
}
|
||||
}).then(function () {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Change event
|
||||
_wizard.on('change', function (wizard) {
|
||||
KTUtil.scrollTop();
|
||||
});
|
||||
}
|
||||
|
||||
var initValidation = function () {
|
||||
// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
|
||||
// Step 1
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
firstname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "نام لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
lastname: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'نام خانوادگی را وارد کنید'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
|
||||
// Step 2
|
||||
_validations.push(FormValidation.formValidation(
|
||||
_formEl,
|
||||
{
|
||||
fields: {
|
||||
address1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
address2: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "آدرس لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
postcode: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کدپستی لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
city: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "شهر مورد نیاز است"
|
||||
}
|
||||
}
|
||||
},
|
||||
state: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "استان لازم است"
|
||||
}
|
||||
}
|
||||
},
|
||||
country: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: "کشور مورد نیاز است"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
bootstrap: new FormValidation.plugins.Bootstrap()
|
||||
}
|
||||
}
|
||||
));
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function () {
|
||||
_wizardEl = KTUtil.getById('kt_wizard');
|
||||
_formEl = KTUtil.getById('kt_wizard_form');
|
||||
|
||||
initWizard();
|
||||
initValidation();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
KTWizard6.init();
|
||||
});
|
||||
Reference in New Issue
Block a user