f5dd3cf8be
Externer Fetch-Vorgang entfernt, PDF-Inhalt aus Sicherheitsgründen direkt auf der Razor Page serialisiert.
89 lines
4.1 KiB
Plaintext
89 lines
4.1 KiB
Plaintext
@using DigitalData.Core.Contracts.Application;
|
|
@using EnvelopeGenerator.Application.DTOs;
|
|
@model IServiceResult<EnvelopeDto>;
|
|
@{
|
|
ViewData["Title"] = "Dokument unterschreiben";
|
|
}
|
|
@if (Model.IsSuccess && Model.Data is not null)
|
|
{
|
|
var envelope = Model.Data;
|
|
var document = envelope.Documents?.FirstOrDefault();
|
|
var receiver = envelope.Receivers?.FirstOrDefault();
|
|
var receiverName = receiver?.Name ?? string.Empty;
|
|
var pages = document?.Elements?.Select(e => e.Page) ?? Array.Empty<int>();
|
|
var stPageIndexes = string.Join(pages.Count() > 1 ? ", " : "", pages.Take(pages.Count() - 1))
|
|
+ (pages.Count() > 1 ? " und " : "") + pages.LastOrDefault();
|
|
|
|
<nav class="navbar navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="navbar-brand me-auto ms-5 envelope-message">@($"Hallo {receiverName}, {@envelope.Message}")</div>
|
|
<div class="col-1 p-0 m-0 me-3 d-flex">
|
|
<img src="~/img/digital_data.svg" alt="...">
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="collapse show" id="navbarToggleExternalContent" data-bs-theme="light">
|
|
<div class="bg-light p-1">
|
|
<div class="card sender-card mb-3">
|
|
<div class="row g-0">
|
|
<div class="col-1 p-0 m-0 ps-4 mx-auto">
|
|
<img src="~/img/default-user.svg" class="img-fluid p-0 m-0" alt="...">
|
|
</div>
|
|
<div class="col p-0 m-0">
|
|
<div class="card-body p-0 m-0">
|
|
<h5 class="card-title p-0 m-0">@($"{envelope.Title}")</h5>
|
|
<p class="card-text p-0 m-0">@($"Sie haben {(pages.Count())} Briefe zu unterschreiben. Bitte prüfen Sie die Seiten {stPageIndexes}.")</p>
|
|
<p class="card-text p-0 m-0"><small class="text-body-secondary">Erstellt am @envelope.AddedWhen</small></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
<script>
|
|
const collapseNav = () => {
|
|
document.addEventListener('click', function (event) {
|
|
var navbarToggle = document.getElementById('navbarToggleExternalContent');
|
|
var navbarButton = document.querySelector('[data-bs-target="#navbarToggleExternalContent"]');
|
|
var isCollapsed = new bootstrap.Collapse(navbarToggle)._isTransitioning;
|
|
|
|
if (!navbarToggle.contains(event.target) && !navbarButton.contains(event.target) && !isCollapsed) {
|
|
new bootstrap.Collapse(navbarToggle).hide();
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
@if (ViewData["DocumentBytes"] is byte[] documentBytes)
|
|
{
|
|
var envelopeResponse = ViewData["EnvelopeResponse"];
|
|
var settings = new Newtonsoft.Json.JsonSerializerSettings
|
|
{
|
|
ContractResolver = new Newtonsoft.Json.Serialization.CamelCasePropertyNamesContractResolver()
|
|
};
|
|
var envelopeResponseJson = Newtonsoft.Json.JsonConvert.SerializeObject(envelopeResponse, settings);
|
|
|
|
var documentBase64String = Convert.ToBase64String(documentBytes);
|
|
|
|
<script>
|
|
var base64String = "@Html.Raw(documentBase64String)";
|
|
var byteCharacters = atob(base64String);
|
|
var byteNumbers = new Array(byteCharacters.length);
|
|
for (var i = 0; i < byteCharacters.length; i++) {
|
|
byteNumbers[i] = byteCharacters.charCodeAt(i);
|
|
}
|
|
var byteArray = new Uint8Array(byteNumbers);
|
|
var documentArrayBuffer = byteArray.buffer;
|
|
|
|
var envelopeResponse = @Html.Raw(envelopeResponseJson);
|
|
document.addEventListener("DOMContentLoaded", async () => {
|
|
const app = new App("#app", "@ViewData["EnvelopeKey"]", envelopeResponse, documentArrayBuffer);
|
|
await app.init();
|
|
})
|
|
</script>
|
|
}
|
|
|
|
<div id='app' style='background: gray; width: 100vw; height: 100vh; margin: 0 auto;'></div> |