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">
|
<div class="border p-3 rounded">
|
||||||
<p class="mb-2 text-muted">Kopiere diesen Link und teile ihn mit <strong>@Prospect?.Name</strong>:</p>
|
<p class="mb-2 text-muted">Kopiere diesen Link und teile ihn mit <strong>@Prospect?.Name</strong>:</p>
|
||||||
<div>
|
<div>
|
||||||
<input type="text" class="form-control" value="@LinkUrl" readonly /><br />
|
<input type="text" class="form-control" value="@LinkUrl" readonly />
|
||||||
<Button Color="Color.Secondary" Clicked="CopyLink" Style="width: 100%;">
|
@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
|
<i class="fa-solid fa-copy mr-2"></i>Link kopieren
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -23,6 +23,8 @@ namespace FoodsharingSiegen.Server.Dialogs
|
|||||||
|
|
||||||
private int ImageCount { get; set; } = 0;
|
private int ImageCount { get; set; } = 0;
|
||||||
private bool ShowLinkPanel { get; set; } = false;
|
private bool ShowLinkPanel { get; set; } = false;
|
||||||
|
|
||||||
|
private bool CopySuccess { get; set; } = false;
|
||||||
private string LinkUrl { get; set; } = string.Empty;
|
private string LinkUrl { get; set; } = string.Empty;
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
protected override async Task OnInitializedAsync()
|
||||||
@@ -77,6 +79,7 @@ namespace FoodsharingSiegen.Server.Dialogs
|
|||||||
private async Task CopyLink()
|
private async Task CopyLink()
|
||||||
{
|
{
|
||||||
await JS.InvokeVoidAsync("navigator.clipboard.writeText", LinkUrl);
|
await JS.InvokeVoidAsync("navigator.clipboard.writeText", LinkUrl);
|
||||||
|
CopySuccess = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
private async Task ViewImagesAsync()
|
private async Task ViewImagesAsync()
|
||||||
|
|||||||
Reference in New Issue
Block a user