Escali License control 1
CustomerTableButtons.razor
Gå til dokumentasjonen til denne filen.
1<div class="button-menu-container mt-2">
2
3 <div class="button-menu-group button-menu-group-left">
4 <AddCustomerModal />
5 </div>
6
7 <div class="button-menu-group button-menu-group-right">
8 <div class="d-none d-md-block">Filter:</div>
9
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">
13 Dine kunder
14 @if (ShowOnlyUsersCustomers)
15 {
16 <img style="width: 15px;" src="Icons/correct-signal-icon.svg" alt="" />
17 }
18 </label>
19 </div>
20
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">
24 Vis utgåtte avtaler
25 @if (ShowExpiredAgreements)
26 {
27 <img style="width: 15px;" src="Icons/correct-signal-icon.svg" alt="" />
28 }
29 </label>
30 </div>
31
32 <div style="display: inline-block; margin-left: 1rem">
33 <input oninput="@CustomerSearchFilter" value="@CustomerSearchField" type="text" class="search-field" placeholder="Søk..." />
34 </div>
35
36
37 </div>
38
39</div>
40
41
42
43@code {
44
45 private bool ShowOnlyUsersCustomers { get; set; }
46 private bool ShowExpiredAgreements { get; set; }
47 private string CustomerSearchField { get; set; } = "";
48
49 [Parameter]
50 public EventCallback<bool> UsersCustomerFilter { get; set; }
51
52 [Parameter]
53 public EventCallback<bool> ExpiredAgreementsFilter { get; set; }
54
55 [Parameter]
56 public EventCallback<ChangeEventArgs> CustomerSearchFilter { get; set; }
57
58 private async Task UsersCustomerFilterChanged(ChangeEventArgs e)
59 {
60 ShowOnlyUsersCustomers = (bool) e.Value!;
61 await UsersCustomerFilter.InvokeAsync(ShowOnlyUsersCustomers);
62 }
63
64 private async Task ExpiredAgreementsFilterChanged(ChangeEventArgs e)
65 {
66 ShowExpiredAgreements = (bool) e.Value!;
67 await ExpiredAgreementsFilter.InvokeAsync(ShowExpiredAgreements);
68 }
69
70}