Refactored Comp Klasse zur Aufnahme der geschachtelten ActPanel Klasse mit Lazy-Initialisierung und hinzugefügten Methoden zum Umschalten der Sichtbarkeit. Konfigurierte Comp.ActPanel.Toggle() so, dass die Schaltflächen ausgeblendet werden, wenn Anmerkungen geöffnet werden, und sichtbar sind, wenn Anmerkungen geschlossen werden, über addEventListener("annotations.willChange", e).

EnvelopeGenerator.Application/Resources/Resource.de-DE.resx

@@ -181,7 +181,7 @@
     <value>Ablehnung</value>
   </data>
   <data name="RejectionInfo1" xml:space="preserve">
-    <value>Ihre Ablehnung wurde weitergeleitet!</value>
+    <value>Dieser Unterzeichnungsvorgang wurde abgelehnt!</value>
   </data>
   <data name="RejectionInfo1_ext" xml:space="preserve">
     <value>Vorgang abgebrochen!</value>

EnvelopeGenerator.Application/Resources/Resource.en-US.resx

@@ -181,7 +181,7 @@
     <value>Rejection</value>
   </data>
   <data name="RejectionInfo1" xml:space="preserve">
-    <value>Your rejection has been forwarded!</value>
+    <value>This signing process was rejected!</value>
   </data>
   <data name="RejectionInfo1_ext" xml:space="preserve">
     <value>Process canceled!</value>

EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml

@@ -53,7 +53,7 @@
             </div>
         </div>
     </div>
-    <div class="btn-group btn_group position-fixed bottom-0 end-0 d-flex align-items-center" role="group" aria-label="Basic mixed styles example">
+    <div id="flex-actio-panel" class="btn-group btn_group position-fixed bottom-0 end-0 d-flex align-items-center" role="group" aria-label="Basic mixed styles example">
         <button class="btn_complete btn btn-primary" type="button">
             <svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16">
                 <path d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z" />

EnvelopeGenerator.Web/wwwroot/css/site.css

@@ -236,14 +236,6 @@ footer#page-footer {
         right: 0.5rem;
     }
 
-    .btn_complete, .btn_refresh {
-        padding: 0.5rem;
-        font-size: 0.9rem;
-        height: 100%; /* Adjust height for better fit */
-        width: 10rem; /* Full width for better touch area */
-        margin-bottom: 0.5rem; /* Space between buttons */
-    }
-
     .img-fluid {
         width: 1.2rem;
         height: 100%;

EnvelopeGenerator.Web/wwwroot/js/app.js

@@ -65,6 +65,10 @@ class App {
             this.handleAnnotationsCreate.bind(this)
         )
 
+        this.Instance.addEventListener("annotations.willChange", _ => {
+            Comp.ActPanel.Toggle();
+          });
+
         // Load annotations into PSPDFKit
         try {
             this.signatureCount = this.currentDocument.elements.length

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

@@ -33,4 +33,35 @@ $('.btn_reject').click(_ =>
         }
         else
             Swal.showValidationMessage(`Request failed: ${res.message}`);
-    }));
+    }));
+
+
+class Comp {
+    static ActPanel = class {
+        static __Root;
+        static get Root() {
+            Comp.ActPanel.__Root ??= document.getElementById("flex-actio-panel")
+            return Comp.ActPanel.__Root
+        }
+
+        static get Elements() {
+            return [...Comp.ActPanel.Root.children]
+        }
+
+        static get IsHided() {
+            return Comp.ActPanel.Root.style.display == 'none';
+        }
+
+        /**
+         * @param {string} value
+         */
+        static set Display(value) {
+            Comp.ActPanel.Root.style.display = value
+            Comp.ActPanel.Elements.forEach(e => e.style.display = value);
+        }
+
+        static Toggle() {
+            Comp.ActPanel.Display = Comp.ActPanel.IsHided ? '' : 'none'
+        }
+    }
+}