Filter Layers by Type

DiunaBI.UI.Shared/Components/DataInboxListComponent.razor

@@ -3,7 +3,7 @@
         <MudExpansionPanel Icon="@Icons.Material.Filled.FilterList"
                            Text="Filters"
                            Expanded="true">
-            <MudGrid>
+            <MudGrid AlignItems="Center">
                 <MudItem xs="12" sm="6" md="4">
                     <MudTextField @bind-Value="filterRequest.Search"
                                   Label="Search"
@@ -12,15 +12,17 @@
                                   DebounceInterval="500"
                                   OnDebounceIntervalElapsed="SearchDataInbox"
                                   Clearable="true"/>
-
                 </MudItem>
 
                 <MudItem xs="12" sm="6" md="4">
-                    <MudButton Variant="Variant.Outlined"
-                               OnClick="ClearFilters"
-                               StartIcon="Icons.Material.Filled.Clear">
-                        Clear filters
-                    </MudButton>
+                </MudItem>
+
+                <MudItem xs="12" sm="12" md="4" Class="d-flex justify-end">
+                    <MudIconButton Icon="@Icons.Material.Filled.Clear"
+                                   OnClick="ClearFilters"
+                                   Color="Color.Default"
+                                   Size="Size.Medium"
+                                   Title="Clear filters"/>
                 </MudItem>
             </MudGrid>
         </MudExpansionPanel>

DiunaBI.UI.Shared/Components/LayerListComponent.razor

@@ -1,9 +1,10 @@
 @using MudBlazor.Internal
+@using DiunaBI.Application.DTOModels
     <MudExpansionPanels Class="mb-4">
         <MudExpansionPanel Icon="@Icons.Material.Filled.FilterList"
                            Text="Filters"
                            Expanded="true">
-            <MudGrid>
+            <MudGrid AlignItems="Center">
                 <MudItem xs="12" sm="6" md="4">
                     <MudTextField @bind-Value="filterRequest.Search"
                                   Label="Search"
@@ -12,15 +13,29 @@
                                   DebounceInterval="500"
                                   OnDebounceIntervalElapsed="SearchLayers"
                                   Clearable="true"/>
-
                 </MudItem>
 
                 <MudItem xs="12" sm="6" md="4">
-                    <MudButton Variant="Variant.Outlined"
-                               OnClick="ClearFilters"
-                               StartIcon="Icons.Material.Filled.Clear">
-                        Clear filters
-                    </MudButton>
+                    <MudSelect T="LayerType?"
+                               Value="filterRequest.Type"
+                               ValueChanged="OnTypeChanged"
+                               Label="Type"
+                               Placeholder="All types"
+                               Clearable="true"
+                               OnClearButtonClick="OnTypeClear">
+                        @foreach (LayerType type in Enum.GetValues(typeof(LayerType)))
+                        {
+                            <MudSelectItem T="LayerType?" Value="@type">@type.ToString()</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+
+                <MudItem xs="12" sm="12" md="4" Class="d-flex justify-end">
+                    <MudIconButton Icon="@Icons.Material.Filled.Clear"
+                                   OnClick="ClearFilters"
+                                   Color="Color.Default"
+                                   Size="Size.Medium"
+                                   Title="Clear filters"/>
                 </MudItem>
             </MudGrid>
         </MudExpansionPanel>

DiunaBI.UI.Shared/Components/LayerListComponent.razor.cs

@@ -58,6 +58,20 @@ public partial class LayerListComponent : ComponentBase
         await LoadLayers();
     }
 
+    private async Task OnTypeClear()
+    {
+        filterRequest.Type = null;
+        filterRequest.Page = 1;
+        await LoadLayers();
+    }
+
+    private async Task OnTypeChanged(LayerType? type)
+    {
+        filterRequest.Type = type;
+        filterRequest.Page = 1;
+        await LoadLayers();
+    }
+
     private void OnRowClick(LayerDto layer)
     {
         NavigationManager.NavigateTo($"/layers/{layer.Id}");

DiunaBI.UI.Shared/MainLayout.razor

@@ -5,6 +5,7 @@
 
 <AuthGuard>
     <MudThemeProvider Theme="_theme"/>
+    <MudPopoverProvider/>
     <MudDialogProvider/>
     <MudSnackbarProvider/>
 

DiunaBI.UI.Shared/Services/DataInboxService.cs

@@ -26,7 +26,9 @@ public class DataInboxService
         var query = $"DataInbox/GetAll?start={start}&limit={filterRequest.PageSize}";
 
         if (!string.IsNullOrEmpty(filterRequest.Search))
-            query += $"&name={Uri.EscapeDataString(filterRequest.Search)}";
+        {
+            query += $"&search={Uri.EscapeDataString(filterRequest.Search)}";
+        }
 
         var response = await _httpClient.GetAsync(query);
         response.EnsureSuccessStatusCode();

DiunaBI.UI.Shared/Services/LayerService.cs

@@ -28,10 +28,8 @@ public class LayerService
         if (!string.IsNullOrEmpty(filterRequest.Search))
             query += $"&name={Uri.EscapeDataString(filterRequest.Search)}";
 
-        /*
-        if (type.HasValue)
-            query += $"&type={type.Value}";
-            */
+        if (filterRequest.Type.HasValue)
+            query += $"&type={(int)filterRequest.Type.Value}";
 
         var response = await _httpClient.GetAsync(query);
         response.EnsureSuccessStatusCode();