From 55c9dfb9c2b727fd2be65efab43c5baef6cf84c9 Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Tue, 22 Oct 2024 20:38:44 +0200
Subject: [PATCH] refactor(ShowEnvelope.cshtml): Interne Skripte, die sich auf
 die Ereignisse von readonly-send und geoloc Elementen beziehen, wurden in
 event-binder.js verschoben.

---
 .../Views/Home/ShowEnvelope.cshtml            | 65 -------------------
 .../wwwroot/js/event-binder.js                | 61 +++++++++++++++++
 .../wwwroot/js/event-binder.min.js            |  2 +-
 3 files changed, 62 insertions(+), 66 deletions(-)

diff --git a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
index b5e5bca2..250ae539 100644
--- a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
+++ b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
@@ -147,71 +147,6 @@
     }
     <div id='app'></div>
 </div>
-@if (!isReadOnly)
-{
-<script nonce="@nonce">
-    document.getElementById('readonly-send').addEventListener('click', async () => {
-        const receiverMail = document.getElementById('readonly-receiver-mail');
-        const dateValid = document.getElementById('readonly-date-valid');
-
-        const receiverMail_value = receiverMail.value;
-        const dateValid_value = dateValid.value;
-    
-        //check email
-            if (!receiverMail_value || receiverMail.classList.contains('is-invalid')) {
-            Swal.fire({
-                icon: "error",
-                title: "Falsche Email",
-                text: "Die E-Mail-Adresse ist ungültig. Bitte verwenden Sie das richtige Format, z. B.: user@mail.com."
-            });
-            return;
-        }
-
-        //check the date
-        const tomorrow = new Date(Date.now() + 86400000);
-        if (new Date(dateValid_value) < tomorrow) {
-            Swal.fire({
-                icon: "error",
-                title: "Falsches Datum",
-                text: "Die Verteilung der Umschläge sollte mindestens einen Tag dauern."
-            });
-            return;
-        }
-
-        shareEnvelope(receiverMail_value, dateValid_value)
-            .then(res => {
-                if (res.ok) {
-                    Swal.fire({
-                        title: "Gesendet",
-                        icon: "success"
-                    });
-                }
-                else {
-                    Swal.fire({
-                        icon: "error",
-                        title: `Fehler ${res.status}`,
-                        text: "Der Vorgang ist fehlgeschlagen. Bitte wenden Sie sich an das IT-Team."
-                    });
-                }
-            })
-            .catch(err => {
-                Swal.fire({
-                    icon: "error",
-                    title: "Unerwarteter Fehler",
-                    text: "Der Vorgang ist fehlgeschlagen. Bitte wenden Sie sich an das IT-Team."
-                });
-            })
-
-            receiverMail.value = '';
-            dateValid.valueAsDate = new Date(new Date().setDate(new Date().getDate() + 8));
-    });
-
-    $('#geoloc').leafletLocationPicker({
-        alwaysOpen: true,
-        mapContainer: "#fixedMapCont"
-    });
-</script>
-}
 <script nonce="@nonce">
     @if (ViewData["DocumentBytes"] is byte[] documentBytes)
     {
diff --git a/EnvelopeGenerator.Web/wwwroot/js/event-binder.js b/EnvelopeGenerator.Web/wwwroot/js/event-binder.js
index 9946a9a4..079bced7 100644
--- a/EnvelopeGenerator.Web/wwwroot/js/event-binder.js
+++ b/EnvelopeGenerator.Web/wwwroot/js/event-binder.js
@@ -21,6 +21,67 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 });
 
+document.getElementById('readonly-send').addEventListener('click', async () => {
+    const receiverMail = document.getElementById('readonly-receiver-mail');
+    const dateValid = document.getElementById('readonly-date-valid');
+
+    const receiverMail_value = receiverMail.value;
+    const dateValid_value = dateValid.value;
+
+    //check email
+        if (!receiverMail_value || receiverMail.classList.contains('is-invalid')) {
+        Swal.fire({
+            icon: "error",
+            title: "Falsche Email",
+            text: "Die E-Mail-Adresse ist ungültig. Bitte verwenden Sie das richtige Format, z. B.: user@mail.com."
+        });
+        return;
+    }
+
+    //check the date
+    const tomorrow = new Date(Date.now() + 86400000);
+    if (new Date(dateValid_value) < tomorrow) {
+        Swal.fire({
+            icon: "error",
+            title: "Falsches Datum",
+            text: "Die Verteilung der Umschläge sollte mindestens einen Tag dauern."
+        });
+        return;
+    }
+
+    shareEnvelope(receiverMail_value, dateValid_value)
+        .then(res => {
+            if (res.ok) {
+                Swal.fire({
+                    title: "Gesendet",
+                    icon: "success"
+                });
+            }
+            else {
+                Swal.fire({
+                    icon: "error",
+                    title: `Fehler ${res.status}`,
+                    text: "Der Vorgang ist fehlgeschlagen. Bitte wenden Sie sich an das IT-Team."
+                });
+            }
+        })
+        .catch(err => {
+            Swal.fire({
+                icon: "error",
+                title: "Unerwarteter Fehler",
+                text: "Der Vorgang ist fehlgeschlagen. Bitte wenden Sie sich an das IT-Team."
+            });
+        })
+
+        receiverMail.value = '';
+        dateValid.valueAsDate = new Date(new Date().setDate(new Date().getDate() + 8));
+});
+
+$('#geoloc').leafletLocationPicker({
+    alwaysOpen: true,
+    mapContainer: "#fixedMapCont"
+});
+
 const bsNotify = (message, options) => alertify.notify(
     `<div class="alert ${options.alert_type ? 'alert-' + options.alert_type : ''}" role="alert"><span class="material-symbols-outlined">${options?.icon_name ?? ''}</span><p>${message}</p></div>`,
     'custom',
diff --git a/EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js b/EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js
index 49c1e0f8..48fc8bb8 100644
--- a/EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js
+++ b/EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js
@@ -1 +1 @@
-document.querySelectorAll(".email-input").forEach(n=>{n.addEventListener("input",function(){/^\S+@\S+\.\S+$/.test(this.value)?this.classList.remove("is-invalid"):this.classList.add("is-invalid")})});document.addEventListener("DOMContentLoaded",function(){var n=document.querySelectorAll(".culture-dropdown-item");n.forEach(function(n){n.addEventListener("click",async function(n){n.preventDefault();var t=this.getAttribute("data-language"),i=this.getAttribute("data-flag");document.getElementById("selectedFlag").className="fi "+i+" me-2";await setLanguage(t)})})});const bsNotify=(n,t)=>alertify.notify(`<div class="alert ${t.alert_type?"alert-"+t.alert_type:""}" role="alert"><span class="material-symbols-outlined">${t?.icon_name??""}</span><p>${n}</p></div>`,"custom",t?.delay??5);class Comp{static ActPanel=class{static __Root;static get Root(){Comp.ActPanel.__Root??=document.getElementById("flex-action-panel");return Comp.ActPanel.__Root}static get Elements(){return[...Comp.ActPanel.Root.children]}static get IsHided(){return Comp.ActPanel.Root.style.display=="none"}static set Display(n){Comp.ActPanel.Root.style.display=n;Comp.ActPanel.Elements.forEach(t=>t.style.display=n)}static Toggle(){Comp.ActPanel.Display=Comp.ActPanel.IsHided?"":"none"}};static SignatureProgress=class{static __SignatureCount;static get SignatureCount(){this.__SignatureCount=parseInt(document.getElementById("signature-count").innerText);return this.__SignatureCount}static __SignedCountSpan;static get SignedCountSpan(){this.__SignedCountSpan??=document.getElementById("signed-count");return Comp.SignatureProgress.__SignedCountSpan}static __signedCount=0;static get SignedCount(){return this.__signedCount}static set SignedCount(n){this.__signedCount=n;const t=(n/this.SignatureCount)*100;this.SignedCountBar.style.setProperty("--progress-width",t+"%");this.SignedCountSpan.innerText=n.toString()}static __SignedCountBar;static get SignedCountBar(){this.__SignedCountBar??=document.getElementById("signed-count-bar");return this.__SignedCountBar}};static __ShareBackdrop;static get ShareBackdrop(){return Comp.__ShareBackdrop??=new bootstrap.Modal(document.getElementById("shareBackdrop")),this.__ShareBackdrop}static __LocationBackdrop;static get LocationBackdrop(){return Comp.__LocationBackdrop??=new bootstrap.Modal(document.getElementById("locationBackdrop")),this.__LocationBackdrop}}
\ No newline at end of file
+document.querySelectorAll(".email-input").forEach(n=>{n.addEventListener("input",function(){/^\S+@\S+\.\S+$/.test(this.value)?this.classList.remove("is-invalid"):this.classList.add("is-invalid")})});document.addEventListener("DOMContentLoaded",function(){var n=document.querySelectorAll(".culture-dropdown-item");n.forEach(function(n){n.addEventListener("click",async function(n){n.preventDefault();var t=this.getAttribute("data-language"),i=this.getAttribute("data-flag");document.getElementById("selectedFlag").className="fi "+i+" me-2";await setLanguage(t)})})});document.getElementById("readonly-send").addEventListener("click",async()=>{const n=document.getElementById("readonly-receiver-mail"),t=document.getElementById("readonly-date-valid"),i=n.value,r=t.value;if(!i||n.classList.contains("is-invalid")){Swal.fire({icon:"error",title:"Falsche Email",text:"Die E-Mail-Adresse ist ungültig. Bitte verwenden Sie das richtige Format, z. B.: user@mail.com."});return}const u=new Date(Date.now()+864e5);if(new Date(r)<u){Swal.fire({icon:"error",title:"Falsches Datum",text:"Die Verteilung der Umschläge sollte mindestens einen Tag dauern."});return}shareEnvelope(i,r).then(n=>{n.ok?Swal.fire({title:"Gesendet",icon:"success"}):Swal.fire({icon:"error",title:`Fehler ${n.status}`,text:"Der Vorgang ist fehlgeschlagen. Bitte wenden Sie sich an das IT-Team."})}).catch(()=>{Swal.fire({icon:"error",title:"Unerwarteter Fehler",text:"Der Vorgang ist fehlgeschlagen. Bitte wenden Sie sich an das IT-Team."})});n.value="";t.valueAsDate=new Date((new Date).setDate((new Date).getDate()+8))});$("#geoloc").leafletLocationPicker({alwaysOpen:!0,mapContainer:"#fixedMapCont"});const bsNotify=(n,t)=>alertify.notify(`<div class="alert ${t.alert_type?"alert-"+t.alert_type:""}" role="alert"><span class="material-symbols-outlined">${t?.icon_name??""}</span><p>${n}</p></div>`,"custom",t?.delay??5);class Comp{static ActPanel=class{static __Root;static get Root(){Comp.ActPanel.__Root??=document.getElementById("flex-action-panel");return Comp.ActPanel.__Root}static get Elements(){return[...Comp.ActPanel.Root.children]}static get IsHided(){return Comp.ActPanel.Root.style.display=="none"}static set Display(n){Comp.ActPanel.Root.style.display=n;Comp.ActPanel.Elements.forEach(t=>t.style.display=n)}static Toggle(){Comp.ActPanel.Display=Comp.ActPanel.IsHided?"":"none"}};static SignatureProgress=class{static __SignatureCount;static get SignatureCount(){this.__SignatureCount=parseInt(document.getElementById("signature-count").innerText);return this.__SignatureCount}static __SignedCountSpan;static get SignedCountSpan(){this.__SignedCountSpan??=document.getElementById("signed-count");return Comp.SignatureProgress.__SignedCountSpan}static __signedCount=0;static get SignedCount(){return this.__signedCount}static set SignedCount(n){this.__signedCount=n;const t=(n/this.SignatureCount)*100;this.SignedCountBar.style.setProperty("--progress-width",t+"%");this.SignedCountSpan.innerText=n.toString()}static __SignedCountBar;static get SignedCountBar(){this.__SignedCountBar??=document.getElementById("signed-count-bar");return this.__SignedCountBar}};static __ShareBackdrop;static get ShareBackdrop(){return Comp.__ShareBackdrop??=new bootstrap.Modal(document.getElementById("shareBackdrop")),this.__ShareBackdrop}static __LocationBackdrop;static get LocationBackdrop(){return Comp.__LocationBackdrop??=new bootstrap.Modal(document.getElementById("locationBackdrop")),this.__LocationBackdrop}}
\ No newline at end of file