25-08-2023

EnvelopeGenerator.Web/Pages/Index.razor

@@ -1,8 +1,24 @@
 @page "/"
+@using EnvelopeGenerator.Common;
+@using EnvelopeGenerator.Web.Services;
+@inject DatabaseService Database;
 
 <PageTitle>Index</PageTitle>
 
-<h1>Hello, world!</h1>
+<ul>
+@foreach (var envelope in envelopes)
+{
+        <li><a href="/EnvelopeKey/@Helpers.EncodeEnvelopeReceiverId(envelope.Uuid, " ABCDE")">Envelope @envelope.Id</a></li>
+}
+</ul>
 
-Welcome to your new app.
+@code {
+    public List<Envelope> envelopes = new();
 
+    protected override void OnInitialized()
+    {
+        envelopes = Database.LoadEnvelopes();
+    }
+
+    
+}

EnvelopeGenerator.Web/Pages/ShowEnvelope.cshtml

@@ -1,3 +0,0 @@
-@page "/EnvelopeKey/{EnvelopeReceiverId:int}"
-
-<h1>Envelope</h1>

EnvelopeGenerator.Web/Pages/ShowEnvelope.cshtml.cs

@@ -1,12 +0,0 @@
-using Microsoft.AspNetCore.Mvc;
-using Microsoft.AspNetCore.Mvc.RazorPages;
-
-namespace EnvelopeGenerator.Web.Pages
-{
-    public class ShowEnvelopeModel : PageModel
-    {
-        public void OnGet()
-        {
-        }
-    }
-}

EnvelopeGenerator.Web/Pages/ShowEnvelope.razor

@@ -0,0 +1,30 @@
+@page "/EnvelopeKey/{EnvelopeReceiverId}"
+
+@using EnvelopeGenerator.Common;
+@using EnvelopeGenerator.Web.Services;
+@inject DatabaseService Database
+@inject IJSRuntime JS
+
+<div id='container' style='background: gray; width: 100vw; height: 100vh; margin: 0 auto;'></div>
+
+@code {
+    [Parameter] public string EnvelopeReceiverId { get; set; }
+
+    private Envelope envelope;
+    private EnvelopeDocument document;
+
+    protected override void OnInitialized()
+    {
+        envelope = Database.LoadEnvelope(EnvelopeReceiverId);
+        document = envelope.Documents.First();
+    }
+
+    protected override async void OnAfterRender(bool firstRender)
+    {
+        if (firstRender)
+        {
+
+            await JS.InvokeVoidAsync("loadPDFFromUrl", "#container", $"/api/download/{document.Id}");
+        }
+    }
+}

EnvelopeGenerator.Web/Pages/_Host.cshtml

@@ -5,4 +5,8 @@
     Layout = "_Layout";
 }
 
+@* Include pspdfkit.js in your Pages/_Host.cshtml file *@
+<script src="pspdfkit.js"></script>
+<script src="app.js"></script>
+
 <component type="typeof(App)" render-mode="ServerPrerendered" />