78 lines
2.1 KiB
JavaScript
78 lines
2.1 KiB
JavaScript
"use strict";
|
|
|
|
// Class definition
|
|
var KTModalCreateProjectFiles = function () {
|
|
// Variables
|
|
var nextButton;
|
|
var previousButton;
|
|
var form;
|
|
var stepper;
|
|
|
|
// Private functions
|
|
var initForm = function() {
|
|
// Project logo
|
|
// For more info about Dropzone plugin visit: https://www.dropzonejs.com/#usage
|
|
var myDropzone = new Dropzone("#kt_modal_create_project_files_upload", {
|
|
url: "https://keenthemes.com/scripts/void.php", // Set the url for your upload script location
|
|
paramName: "file", // The name that will be used to transfer the file
|
|
maxFiles: 10,
|
|
maxFilesize: 10, // MB
|
|
addRemoveLinks: true,
|
|
accept: function(file, done) {
|
|
if (file.name == "justinbieber.jpg") {
|
|
done("Naha, you don't.");
|
|
} else {
|
|
done();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
var handleForm = function() {
|
|
nextButton.addEventListener('click', function (e) {
|
|
// Prevent default button action
|
|
e.preventDefault();
|
|
|
|
// Disable button to avoid multiple click
|
|
nextButton.disabled = true;
|
|
|
|
// Show loading indication
|
|
nextButton.setAttribute('data-kt-indicator', 'on');
|
|
|
|
// Simulate form submission
|
|
setTimeout(function() {
|
|
// Hide loading indication
|
|
nextButton.removeAttribute('data-kt-indicator');
|
|
|
|
// Enable button
|
|
nextButton.disabled = false;
|
|
|
|
// Go to next step
|
|
stepper.goNext();
|
|
}, 1500);
|
|
});
|
|
|
|
previousButton.addEventListener('click', function () {
|
|
stepper.goPrevious();
|
|
});
|
|
}
|
|
|
|
return {
|
|
// Public functions
|
|
init: function () {
|
|
form = KTModalCreateProject.getForm();
|
|
stepper = KTModalCreateProject.getStepperObj();
|
|
nextButton = KTModalCreateProject.getStepper().querySelector('[data-kt-element="files-next"]');
|
|
previousButton = KTModalCreateProject.getStepper().querySelector('[data-kt-element="files-previous"]');
|
|
|
|
initForm();
|
|
handleForm();
|
|
}
|
|
};
|
|
}();
|
|
|
|
// Webpack support
|
|
if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
|
|
window.KTModalCreateProjectFiles = module.exports = KTModalCreateProjectFiles;
|
|
}
|