From 387d043afd8e533bb0febf04e1a91c9076fc0814 Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Sat, 14 Oct 2023 20:42:15 +0200
Subject: [PATCH] improved delete all files fixed some modal timing issues
 changed modal position testing: disabled copy and text to output field

---
 index.html                 |  4 ++--
 js/9.9.7/createTemplate.js |  2 +-
 js/9.9.7/files.js          | 27 +++++++++++++++++++++++++--
 js/9.9.7/form.js           |  1 +
 js/9.9.7/parseForm.js      | 10 +++++-----
 5 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index d83f85f..722fb16 100644
--- a/index.html
+++ b/index.html
@@ -301,8 +301,8 @@
         </div>
       </div>
 
-      <div id="modalNotifier" style="display: none" class="w3-modal">
-        <div class="w3-card-4 w3-modal-content w3-margin-top w3-animate-opacity" style="max-width:600px">
+      <div id="modalNotifier" style="display: none; padding-top: 200px !important;" class="w3-modal">
+        <div class="w3-card-4 w3-modal-content w3-margin-top" style="max-width:600px;">
           <span
           onclick="this.parentElement.parentElement.style.display='none'"
           class="w3-button w3-display-topright w3-flat-clouds"
diff --git a/js/9.9.7/createTemplate.js b/js/9.9.7/createTemplate.js
index 6ebbc00..d4502d8 100644
--- a/js/9.9.7/createTemplate.js
+++ b/js/9.9.7/createTemplate.js
@@ -155,7 +155,7 @@ function createTemplate(template = false) {
                 } 
                 let data = document.getElementById("templateInput").value;
                 setNewTemplate(fileName, data);
-                modalNotifier(fileName+" saved!", 1);
+                modalNotifier(fileName+" saved!", 2);
                 e.target.className = e.target.className.replace(" w3-grey", " w3-flat-nephritis");
                 e.target.style.pointerEvents = "none";
                 const timeoutSave = setTimeout(() => {
diff --git a/js/9.9.7/files.js b/js/9.9.7/files.js
index 41b2e42..9533276 100644
--- a/js/9.9.7/files.js
+++ b/js/9.9.7/files.js
@@ -145,7 +145,7 @@ function clickLoadFileDiv(fileName, template) {
   if (fileName == "_overflow") return;
 
   if (fileName == "_clearAll") {
-    clearAllFiles();
+    clickClearAllFiles();
     return;
   }
 
@@ -346,10 +346,33 @@ function getPreviousFile(storageName) {
   return (previousFile != undefined) ?  previousFile : false;
 }
 
+function clickClearAllFiles() {
+  let modal = document.getElementById("modalMsg");
+  modal.replaceWith(modal.cloneNode(true));
+  document.getElementById("modalMsg").addEventListener("click", (e) => {
+    if (e.target && e.target.tagName === "BUTTON") {
+      let modal = document.getElementById("modalNotifier");
+      switch (e.target.innerHTML) {
+        case "Delete":
+          clearAllFiles();
+          modal.replaceWith(modal.cloneNode(true));
+          modalNotifier("All files deleted!", 2);
+          break;
+        default:
+          e.preventDefault;
+      }
+    }
+  })
+  modalNotifier(
+    "<div class='w3-container'> \
+    <p>Would you really like to delete all stored files?</p> \
+    <button class='w3-button w3-border w3-flat-pomegranate' >Delete</button>",
+  0);
+}
 function clearAllFiles() {
   let tF = JSON.parse(retrieveData("templateFiles"));
   if (tF == null || tF.length == 0) {
-    modalNotifier("there are no saved texts yet");
+    modalNotifier("there are no saved texts yet",2);
     return;
   }
   for (let storageName of tF) {
diff --git a/js/9.9.7/form.js b/js/9.9.7/form.js
index 09b9b80..492185f 100644
--- a/js/9.9.7/form.js
+++ b/js/9.9.7/form.js
@@ -225,6 +225,7 @@ function formEvts() {
           parseFormOnSubmit();
           e.target.className = e.target.className.replace(" w3-grey", " w3-flat-carrot");
           e.target.style.pointerEvents = "none";
+          modalNotifier(activeState.fileName + " copied to clipboard", 2);
           const timeoutCopy = setTimeout(() => {
             e.target.className = e.target.className.replace(" w3-flat-carrot"," w3-grey");
             e.target.style.pointerEvents = "auto";
diff --git a/js/9.9.7/parseForm.js b/js/9.9.7/parseForm.js
index 746049a..71dfdda 100644
--- a/js/9.9.7/parseForm.js
+++ b/js/9.9.7/parseForm.js
@@ -144,11 +144,11 @@ function parseFormOnSubmit(returnJSON = false, parseOnly = false) {
       return div;
     }
   
-    let p = document.createElement("p");
-    p.innerHTML = "Copied to Clipboard:";
-    document.getElementById("output").innerHTML = "";
-    document.getElementById("output").appendChild(p);
-    document.getElementById("output").appendChild(div);
+    // let p = document.createElement("p");
+    // p.innerHTML = "Copied to Clipboard:";
+    // document.getElementById("output").innerHTML = "";
+    // document.getElementById("output").appendChild(p);
+    // document.getElementById("output").appendChild(div);
   
     storeData("userInput", JSON.stringify(dataArray));
     clearData("userInput");