From a990ad29b0de4686ecdea0b5083f67b9a5e64df9 Mon Sep 17 00:00:00 2001
From: AJ <techsoul4@gmail.com>
Date: Wed, 8 May 2024 19:52:23 +0530
Subject: [PATCH] Add files via upload

---
 eli-components.css |   9 ++++
 eli-library.js     | 129 ++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 136 insertions(+), 2 deletions(-)

diff --git a/eli-components.css b/eli-components.css
index 599886d..e22e993 100755
--- a/eli-components.css
+++ b/eli-components.css
@@ -158,3 +158,12 @@ html [bgsrc][position="right"] { background-position:right; }
 html [bgsrc][position="center"] { background-position:center; }
 html [bgsrc][parallax] { background-attachment:fixed; }
 /* == */
+
+/* == ProcessBTN == */
+.processbtn::before { content:'\F0766'; font-family: "Material Design Icons"; color:inherit; font-size: 1.5em; animation: zoomIn 1s infinite; position: absolute; top: .1em; left: .5em; pointer-events:none; }
+.processbtn { pointer-events:none; cursor:wait;}
+.donebtn::before { content:'\F012D'; font-family: "Material Design Icons"; color:inherit; font-size: 1.5em; animation: zoomIn 1s; position: absolute; top: .1em; left: .5em; }
+.donebtn.success::before { content:'\F012D'; }
+.donebtn.fail::before { content:'\F002A'; }
+/* === */
+
diff --git a/eli-library.js b/eli-library.js
index 19cf15a..fc25492 100755
--- a/eli-library.js
+++ b/eli-library.js
@@ -162,15 +162,18 @@ function esend(formid,callback){
       const files = document.querySelectorAll('[type=file]');
       const formData = new FormData(form);
       const progressbar = document.querySelector('.progress');
-
+      console.log(files.length);
       if(files.length > 0){
         files.forEach((input) => {
+          if(!input.classList.contains('swal2-file')){
+          
           var fileinputname = input.attributes.name.value;
           for (let i = 0; i < input.files.length; i++) {
             let file = input.files[i];
 
             formData.append(fileinputname+'[]', file);
           }
+        }
         })
       }
       else {
@@ -762,4 +765,126 @@ function wizardSubmit(formid,nextTabhref,options,callback){
       }        
     }) : console.log("Form not filled properly");
 
-}
\ No newline at end of file
+}
+
+//  Process Btn
+function processSubmit(formid) {
+  var currentbtn = event.target;  
+      console.log('Analyzing '+formid);
+      var form = document.querySelector(formid);
+      var required =  document.querySelectorAll(formid+" [required] ");
+  //  console.log(required);
+      console.log(required.length +  " Required fields found");
+  //  console.log(required);
+      var checked = 0;
+    if(required.length > 0){
+      var i = 0;
+      required.forEach((field) => {
+        var x = field;
+
+        console.log(required[i].validity.valid);
+        if(required[i].validity.valid == false || checkvalidity(required[i]) == false ){
+          required[i].validationMessage = " Please fill "+field.getAttribute('label');
+          //console.log(i+" Please fill "+field.getAttribute('label'));
+          if(required[i].offsetParent){
+          required[i].offsetParent.style.borderColor = 'red';
+          }
+          x.addEventListener('change', function(e) {
+            console.log(e.target.validity.valid);
+
+            var inp = e.target;
+            if(inp.validity.valid == false  || checkvalidity(inp) == false ){
+                inp.validationMessage = " Please fill "+field.getAttribute('label');
+                inp.offsetParent.style.borderColor = 'red';
+              }
+              else {
+                  inp.offsetParent.style.borderColor = 'green';
+              }
+          });
+
+        }
+        else {
+          //console.log("filled "+ field.value);
+            if(required[i].offsetParent){
+              required[i].offsetParent.style.borderColor = 'green';
+            }
+
+              checked = checked+1;
+        }
+        i++;
+      })
+      form.reportValidity();
+    }
+
+    // console.log(required.length + " : " + checked);
+    if(required.length == checked){
+      currentbtn.classList.add("processbtn");
+      eli(formid).submit(doneBTN);
+    }
+
+}
+
+function doneBTN(data=""){
+              var tag = "Success";
+              var tag2 = "success";
+
+              if(data.result.indexOf(tag) !== -1 || data.result.indexOf(tag2) !== -1){
+
+                const Toast = Swal.mixin({
+                toast: true,
+                position: 'top-end',
+                showConfirmButton: false,
+                timer: 1500,
+                timerProgressBar: true,
+                onOpen: (toast) => {
+                toast.addEventListener('mouseenter', Swal.stopTimer)
+                toast.addEventListener('mouseleave', Swal.resumeTimer)
+                }
+                })
+
+                Toast.fire({
+                icon: 'success',
+                title: data.result
+                })
+
+                var type = "success";
+
+
+            }
+            else
+            {
+              
+              const Toast = Swal.mixin({
+                toast: true,
+                position: 'top-end',
+                showConfirmButton: false,
+                timer: 3000,
+                timerProgressBar: true,
+                onOpen: (toast) => {
+                  toast.addEventListener('mouseenter', Swal.stopTimer)
+                  toast.addEventListener('mouseleave', Swal.resumeTimer)
+                }
+              })
+
+              Toast.fire({
+                icon: 'error',
+                title: data.result
+              })
+
+
+              var type = "fail";
+            }
+
+// ===================
+
+
+  document.querySelector(".processbtn")?.classList.add("donebtn");
+  document.querySelector(".processbtn")?.classList.add(type);  
+  document.querySelector(".processbtn")?.classList.remove("processbtn");  
+
+  setTimeout(function(){
+    document.querySelector(".donebtn")?.classList.remove(type);  
+    document.querySelector(".donebtn")?.classList.remove("donebtn");
+    document.querySelector(".modal.active").classList.remove('active');
+  },3000)
+}