1<div class="button-menu-container mt-2">
3 <div class="button-menu-group button-menu-group-left">
7 <div class="button-menu-group button-menu-group-right">
8 <div class="d-none d-md-block">Filter:</div>
10 <div class="d-none d-md-block">
11 <input type="checkbox" checked="@ShowOnlyUsersCustomers" onchange="@UsersCustomerFilterChanged" class="btn-check" id="users-customers" autocomplete="off">
12 <label class="btn btn-outline-primary" for="users-customers">
14 @if (ShowOnlyUsersCustomers)
16 <img style="width: 15px;" src="Icons/correct-signal-icon.svg" alt="" />
21 <div class="d-none d-md-block">
22 <input type="checkbox" checked="@ShowExpiredAgreements" onchange="@ExpiredAgreementsFilterChanged" class="btn-check" id="expired-agreements" autocomplete="off">
23 <label class="btn btn-outline-primary" for="expired-agreements">
25 @if (ShowExpiredAgreements)
27 <img style="width: 15px;" src="Icons/correct-signal-icon.svg" alt="" />
32 <div style="display: inline-block; margin-left: 1rem">
33 <input oninput="@CustomerSearchFilter" value="@CustomerSearchField" type="text" class="search-field" placeholder="Søk..." />
45 private bool ShowOnlyUsersCustomers { get; set; }
46 private bool ShowExpiredAgreements { get; set; }
47 private string CustomerSearchField { get; set; } = "";
50 public EventCallback<bool> UsersCustomerFilter { get; set; }
53 public EventCallback<bool> ExpiredAgreementsFilter { get; set; }
56 public EventCallback<ChangeEventArgs> CustomerSearchFilter { get; set; }
58 private async Task UsersCustomerFilterChanged(ChangeEventArgs e)
60 ShowOnlyUsersCustomers = (bool) e.Value!;
61 await UsersCustomerFilter.InvokeAsync(ShowOnlyUsersCustomers);
64 private async Task ExpiredAgreementsFilterChanged(ChangeEventArgs e)
66 ShowExpiredAgreements = (bool) e.Value!;
67 await ExpiredAgreementsFilter.InvokeAsync(ShowExpiredAgreements);