-
-
+
+
-
-
-{{ dropzone.load_js() }}
-
+
+ for (var i = 0; i < buttons.length; i++) {
+ buttons[i].addEventListener('click', corpusTypeBtnListener);
+ }
+
+ // When loading page automatically select "prevodi" option
+ performButtonClickLogic("corpus-type-prevodi");
+
+ /////////////////////////
+ // Dropzone //
+ /////////////////////////
+ var btnSubmit = document.getElementById("button-submit");
+ var btnSubmitFinal = document.getElementById("button-submit-final");
+ var btnSubmitCancel = document.getElementById("button-submit-cancel");
+ var elemTermsPopup = document.getElementById("popup-terms");
+ var termsScrollbox = document.getElementById("popup-terms-text");
+ var scrollboxTriggered = false;
+ var form = document.forms["my-dropzone"];
+
+ function isEmptyOrSpaces(str){
+ return str == null || str.match(/^ *$/) !== null;
+ }
+
+ const reEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+ Dropzone.options.myDropzone = { // The camelized version of the ID of the form element
+ url: "/upload",
+ autoProcessQueue: false,
+ uploadMultiple: true,
+ parallelUploads: 20,
+ paramName: "file", // The name that will be used to transfer the file
+ maxFilesize: 1000, // MB
+ acceptedFiles: ".txt, .csv, .pdf, .doc, .docx, .xls, .xlsx, .ppt, .pptx",
+ maxFiles: 20,
+ dictDefaultMessage: `Kliknite ali odložite datoteke sem.`,
+ dictFallbackMessage: "Vaš brskalnik ne podpira izbiranje datotek z odlaganjem (\"drag & drop\").",
+ dictInvalidFileType: "Datoteka je napačnega formata.",
+ dictFileTooBig: "Datoteke je prevelika {{filesize}}. Največja dovoljena velikost: {{maxFilesize}}MiB.",
+ dictResponseError: "Napaka strežnika: {{statusCode}}",
+ dictMaxFilesExceeded: "Ne morete naložiti več datotek.",
+ dictCancelUpload: "Prekini prenos",
+ dictRemoveFile: "Odstrani datoteko",
+ dictCancelUploadConfirmation: "Ali res želite odstraniti to datoteko?",
+ dictUploadCanceled: "Prenos prekinjen",
+
+ // The setting up of the dropzone
+ init: function() {
+ var dz = this;
+
+
+ btnSubmit.addEventListener("click", function(e) {
+ // Make sure that the form isn't actually being sent.
+ e.preventDefault();
+ e.stopPropagation();
+
+ // Check form validity.
+ var ime = form["ime"].value;
+ var email = form["email"].value;
+ var podjetje = form["podjetje"].value;
+ var telefon = form["telefon"].value;
+ var izjava = form["izjava"].checked;
+ if (isEmptyOrSpaces(ime) || isEmptyOrSpaces(email) || !izjava) {
+ alert("Izpolnite vsa obvezna polja!");
+ } else if (!reEmail.test(email.toLowerCase())) {
+ alert("Email napačnega formata!");
+ } else if (ime.length > 100 || email.length > 100 || podjetje.length > 100 || telefon.length > 100) {
+ alert("Velikost polj je omejena na 100 znakov.");
+ } else {
+ // Then make terms popup visible
+ btnSubmit.disabled = true;
+ btnSubmitFinal.disabled = true;
+ elemTermsPopup.style.display = "inline";
+ scrollboxTriggered = false;
+ }
+ });
+
+
+ // First change the button to actually tell Dropzone to process the queue.
+ btnSubmitFinal.addEventListener("click", function(e) {
+ // Hand off data to dropzone
+ dz.processQueue();
+
+ // Clear fields and hide popup agian
+ btnSubmit.disabled = false;
+ elemTermsPopup.style.display = "none";
+ form.reset();
+ scrollboxTriggered = false;
+ });
+
+ btnSubmitCancel.addEventListener("click", function(e) {
+ btnSubmit.disabled = false;
+ scrollboxTriggered = false;
+ elemTermsPopup.style.display = "none";
+ });
+
+ // Enable final submit button only if user scrolls to the end of the terms.
+ function checkScrollboxTrigger(event) {
+ var element = event.target;
+ if (!scrollboxTriggered
+ && element.scrollHeight - element.scrollTop <= element.clientHeight + 50
+ ) {
+ scrollboxTriggered = true;
+ btnSubmitFinal.disabled = false;
+ }
+ }
+
+ termsScrollbox.addEventListener('scroll', function(event) {
+ checkScrollboxTrigger(event);
+ });
+
+ termsScrollbox.addEventListener("mouseenter", function(event) {
+ checkScrollboxTrigger(event);
+ });
+
+ // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
+ // of the sending event because uploadMultiple is set to true.
+ this.on("sendingmultiple", function() {
+ // Gets triggered when the form is actually being sent.
+ // Hide the success button or the complete form.
+ });
+
+ this.on("successmultiple", function(files, response) {
+ // Gets triggered when the files have successfully been sent.
+ // Redirect user or notify of success.
+ alert("Odgovor strežnika: " + response);
+ location.reload();
+ });
+
+ this.on("errormultiple", function(files, response) {
+ // Gets triggered when there was an error sending the files.
+ // Maybe show form again, and notify user of error
+ });
+ }
+ }
+