03-11-23

EnvelopeGenerator.Web/Views/Home/EnvelopeSigned.cshtml

@@ -0,0 +1,21 @@
+@{
+    ViewData["Title"] = "Privacy Policy";
+}
+
+<div id="page-success" class="container p-5">
+    <header class="text-center">
+        <div class="icon bg-success text-light">
+            <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" fill="currentColor" class="bi bi-check2-circle" viewBox="0 0 16 16">
+                <path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z" />
+                <path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z" />
+            </svg>
+        </div>
+        <h1>Umschlag erfolgreich signiert!</h1>
+    </header>
+
+    <section class="text-center">
+        <p>Sie haben das Dokument erfolgreich signiert. Im Anschluss erhalten Sie eine schriftliche Bestätigung.</p>
+    </section>
+    
+
+</div>

EnvelopeGenerator.Web/Views/Home/Index.cshtml

@@ -11,8 +11,27 @@
     }
 }
 
-@foreach (Envelope envelope in @Model)
-{
-    <li><a href="/EnvelopeKey/@encodeEnvelopeKey(envelope)">@envelope.Title</a></li>
-}
+<div class="container">
+    <section>
+        <ul>
+            @foreach (Envelope envelope in @Model)
+            {
+                <li><a href="/EnvelopeKey/@encodeEnvelopeKey(envelope)">@envelope.Title</a></li>
+            }
+        </ul>
+    </section>
+
+    <section>
+        <a href="#" id="url" target="_blank">Show image</a>
+        <img src="#" id="img" />
+    </section>
+    
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            const anno = new Annotation()
+            anno.createAnnotationFrameBlob("Deine Mudda", 200, 80).then(url => document.getElementById("img").src = url)
+        })   
+    </script>
+
+</div>