feat: bsNotify-Methode und Benachrichtigung für Clipboard-Kopie hinzufügen

- Implementierung der bsNotify-Methode für benutzerdefinierte Benachrichtigungen mit alertify.
- Hinzufügen von benutzerdefinierten Styles für den benutzerdefinierten Benachrichtigungstyp von alertify.
- Hinzufügen der Clipboard-Kopie-Funktionalität mit Erfolgs- und Fehlerbenachrichtigungen.

EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml

@@ -215,9 +215,9 @@ else
     document.getElementById('btn-copy').addEventListener('click', function () {
         const url = window.location.href;
         navigator.clipboard.writeText(url).then(function () {
-            console.log('URL panoya başarıyla kopyalandı!');
+            bsNotify('Kopiert', { alert_type: 'success', delay: 4, icon_name: 'check_circle' });
         }).catch(function (err) {
-            console.error('URL kopyalanamadı: ', err);
+            bsNotify('Unerwarteter Fehler', { alert_type: 'danger', delay: 4, icon_name: 'error' });
         });
     });
 </script>

EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml

@@ -18,7 +18,6 @@
     <link rel="stylesheet" href="~/EnvelopeGenerator.Web.styles.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/lib/flag-icons-main/css/flag-icons.min.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/lib/alertifyjs/css/alertify.min.css" />
-    <link rel="stylesheet" href="~/lib/alertifyjs/css/themes/default.min.css" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
 </head>

EnvelopeGenerator.Web/wwwroot/css/site.css

@@ -369,6 +369,27 @@ footer#page-footer {
 .no-receiver-explanation {
     padding: 2.5rem;
 }
+
+.ajs-message.ajs-custom {
+    margin: 0rem 0rem 0rem 0rem;
+    padding: 0rem 0rem 0rem 0rem;
+    width:50rem;
+}
+
+    .ajs-message.ajs-custom .alert {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .ajs-message.ajs-custom span {
+        margin: 0 1rem 0 0;
+    }
+
+    .ajs-message.ajs-custom p {
+        margin: 0;
+        padding: 0;
+    }
+
 /* styles for mobile responsiveness */
 @media (max-height: 850px) {
     .navbar .container {

EnvelopeGenerator.Web/wwwroot/js/event-binder.js

@@ -36,7 +36,7 @@ $('.btn_reject').click(_ =>
     }));
 
 document.querySelectorAll('.email-input').forEach(input => {
-    input.addEventListener('input', function() {
+    input.addEventListener('input', function () {
         if (/^\S+@\S+\.\S+$/.test(this.value)) {
             this.classList.remove('is-invalid');
         } else {
@@ -45,6 +45,11 @@ document.querySelectorAll('.email-input').forEach(input => {
     });
 });
 
+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',
+    options?.delay ?? 5);
+
 class Comp {
     static ActPanel = class {
         static __Root;
@@ -77,7 +82,7 @@ class Comp {
     static SignatureProgress = class {
         static __SignatureCount;
         static get SignatureCount() {
-            this.__SignatureCount = parseInt(document.getElementById("signature-count").innerText);            
+            this.__SignatureCount = parseInt(document.getElementById("signature-count").innerText);
             return this.__SignatureCount;
         }
 

EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js

@@ -1,3 +1,3 @@
 $(".btn_reject").click(()=>Swal.fire({title:localized.rejection,html:`<div class="text-start fs-6 p-0 m-0">${localized.rejectionReasonQ}</div>`,icon:"question",input:"text",inputAttributes:{autocapitalize:"off"},showCancelButton:!0,confirmButtonColor:"#3085d6",cancelButtonColor:"#d33",confirmButtonText:localized.complete,cancelButtonText:localized.back,showLoaderOnConfirm:!0,preConfirm:async n=>{try{return await rejectEnvelope(n)}catch(t){Swal.showValidationMessage(`
           Request failed: ${t}
-        `)}},allowOutsideClick:()=>!Swal.isLoading()}).then(n=>{if(n.isConfirmed){const t=n.value;t.ok?redirRejected():Swal.showValidationMessage(`Request failed: ${t.message}`)}}));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")})});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}};}
+        `)}},allowOutsideClick:()=>!Swal.isLoading()}).then(n=>{if(n.isConfirmed){const t=n.value;t.ok?redirRejected():Swal.showValidationMessage(`Request failed: ${t.message}`)}}));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")})});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}};}