Introduced a new `/envelope/signed-result` page to confirm successful document signing with localized messages and a visually appealing UI. Updated `ReceiverSignedPage.razor` to redirect users to the new page after signing. Enhanced styles in `app.css` for the signed result page, including responsive layout, theme-specific designs, and typography improvements. Added support for localization using `IStringLocalizer` with fallback strings in German. Improves user experience by providing clear feedback and a polished confirmation page after signing.
30 lines
1.3 KiB
Plaintext
30 lines
1.3 KiB
Plaintext
@page "/envelope/signed-result"
|
|
@rendermode InteractiveWebAssembly
|
|
@using EnvelopeGenerator.Application.Resources
|
|
@using Microsoft.Extensions.Localization
|
|
@inject IStringLocalizer<Resource> UiLocalizer
|
|
|
|
<div class="receiver-signed-result-page">
|
|
<div class="receiver-signed-result-card">
|
|
<div class="receiver-signed-result-icon" aria-hidden="true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" fill="currentColor" 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 class="receiver-signed-result-title">@L("DocumentSuccessfullySigned", "Dokument erfolgreich unterzeichnet")</h1>
|
|
<p class="receiver-signed-result-message">
|
|
@L("DocumentSignedConfirmationMessage", "Vielen Dank. Ihre Unterschrift wurde erfolgreich gespeichert und an die beteiligten Parteien übermittelt.")
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
string L(string key, string fallback)
|
|
{
|
|
var value = UiLocalizer[key];
|
|
return value.ResourceNotFound ? fallback : value.Value;
|
|
}
|
|
}
|