Enhance VerificationSettingsDialog: add success message for link copy action and improve button styling
This commit is contained in:
@@ -10,8 +10,12 @@
|
||||
<div class="border p-3 rounded">
|
||||
<p class="mb-2 text-muted">Kopiere diesen Link und teile ihn mit <strong>@Prospect?.Name</strong>:</p>
|
||||
<div>
|
||||
<input type="text" class="form-control" value="@LinkUrl" readonly /><br />
|
||||
<Button Color="Color.Secondary" Clicked="CopyLink" Style="width: 100%;">
|
||||
<input type="text" class="form-control" value="@LinkUrl" readonly />
|
||||
@if(CopySuccess)
|
||||
{
|
||||
<div class="alert alert-success py-2 mt-2 mb-0">Link wurde in die Zwischenablage kopiert!</div>
|
||||
}
|
||||
<Button Color="Color.Secondary" Clicked="CopyLink" Style="width: 100%;" Class="mt-2">
|
||||
<i class="fa-solid fa-copy mr-2"></i>Link kopieren
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
@@ -23,6 +23,8 @@ namespace FoodsharingSiegen.Server.Dialogs
|
||||
|
||||
private int ImageCount { get; set; } = 0;
|
||||
private bool ShowLinkPanel { get; set; } = false;
|
||||
|
||||
private bool CopySuccess { get; set; } = false;
|
||||
private string LinkUrl { get; set; } = string.Empty;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
@@ -77,6 +79,7 @@ namespace FoodsharingSiegen.Server.Dialogs
|
||||
private async Task CopyLink()
|
||||
{
|
||||
await JS.InvokeVoidAsync("navigator.clipboard.writeText", LinkUrl);
|
||||
CopySuccess = true;
|
||||
}
|
||||
|
||||
private async Task ViewImagesAsync()
|
||||
|
||||
Reference in New Issue
Block a user