mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2025-02-22 06:21:44 +01:00
Code Issues Projects Releases Packages Wiki Activity

Wallet: Label filter dropdown (#5802)

Browse source 
Uses a dropdown component for the label filter, which also work on mobile. Closes #5722.
This commit is contained in:
d11n 2024-03-12 10:48:37 +01:00 • committed by GitHub
parent a60072a431
commit 22c6468a5d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
View file

@ -120,27 +120,35 @@
</script> </script>
} }
@if (Model.Labels.Any()) <div class="d-flex flex-wrap align-items-center justify-content-between gap-3" id="Dropdowns">
{ @if (Model.Labels.Any())
<div class="col-xl-7 col-xxl-8 mb-4" id="Filter"> {
<div class="input-group"> <div class="btn-group" id="Filter">
<span class="input-group-text">Filter</span> <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<div class="form-control d-flex flex-wrap gap-2 align-items-center"> @if (string.IsNullOrEmpty(labelFilter))
{
<span class="text-secondary">Filter by label</span>
}
else
{
<span class="text-secondary">Label:</span>
<span>@labelFilter</span>
}
</button>
<ul class="dropdown-menu">
@foreach (var label in Model.Labels) @foreach (var label in Model.Labels)
{ {
<a asp-route-labelFilter="@label.Text" class="transaction-label transaction-label-text@(labelFilter == label.Text ? " active" : string.Empty)" style="--label-bg:@label.Color;--label-fg:@label.TextColor;">@label.Text</a> <li><a asp-route-labelFilter="@label.Text" class="dropdown-item transaction-label-text@(labelFilter == label.Text ? " active" : string.Empty)" style="--btcpay-dropdown-link-active-bg:@label.Color;--btcpay-dropdown-link-active-color:@label.TextColor;">@label.Text</a></li>
} }
</div> @if (!string.IsNullOrEmpty(labelFilter))
@if (labelFilter != null)
{ {
<a asp-route-labelFilter="" class="btn btn-secondary d-flex align-items-center">Clear filter</a> <li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" asp-route-labelFilter="">Clear filter</a></li>
} }
</ul>
</div> </div>
</div> }
} <div class="dropdown d-inline-flex align-items-center gap-3 ms-auto" id="Export">
<div class="d-inline-flex align-items-center gap-3" id="Dropdowns">
<div class="dropdown d-inline-flex align-items-center gap-3" id="Export">
<button class="btn btn-secondary dropdown-toggle" type="button" id="ExportDropdownToggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn btn-secondary dropdown-toggle" type="button" id="ExportDropdownToggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Export Export
</button> </button>