DataInbox list

DiunaBI.UI.Shared/Components/DataInboxListComponent.razor

@@ -0,0 +1,75 @@
+@using MudBlazor.Internal
+    <MudExpansionPanels Class="mb-4">
+        <MudExpansionPanel Icon="@Icons.Material.Filled.FilterList"
+                           Text="Filters"
+                           Expanded="true">
+            <MudGrid>
+                <MudItem xs="12" sm="6" md="4">
+                    <MudTextField @bind-Value="filterRequest.Search"
+                                  Label="Search"
+                                  Placeholder="Name, source..."
+                                  Immediate="true"
+                                  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>
+            </MudGrid>
+        </MudExpansionPanel>
+    </MudExpansionPanels>
+
+    <MudDivider Class="my-4"></MudDivider>
+
+    <MudTable Items="dataInbox.Items"
+              Dense="true"
+              Hover="true"
+              Loading="isLoading"
+              LoadingProgressColor="Color.Info"
+              T="DataInboxDto"
+              Style="cursor: pointer;">
+        <HeaderContent>
+            <MudTh>Name</MudTh>
+            <MudTh>Source</MudTh>
+            <MudTh>Created At</MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd DataLabel="Name">@context.Name</MudTd>
+            <MudTd DataLabel="Source">@context.Source</MudTd>
+            <MudTd DataLabel="Created At">@context.CreatedAt.ToString("yyyy-MM-dd HH:mm:ss")</MudTd>
+        </RowTemplate>
+        <NoRecordsContent>
+            <MudText>No data inbox items to display</MudText>
+        </NoRecordsContent>
+        <LoadingContent>
+            Loading...
+        </LoadingContent>
+    </MudTable>
+
+    @if (dataInbox.TotalCount > 0)
+    {
+        <MudGrid Class="mt-4" AlignItems="Center.Center">
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.body2">
+                    Results @((dataInbox.Page - 1) * dataInbox.PageSize + 1) - @Math.Min(dataInbox.Page * dataInbox.PageSize, dataInbox.TotalCount)
+                    of @dataInbox.TotalCount
+                </MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6" Class="d-flex justify-end">
+                <MudPagination Count="dataInbox.TotalPages"
+                               Selected="dataInbox.Page"
+                               SelectedChanged="OnPageChanged"
+                               ShowFirstButton="true"
+                               ShowLastButton="true"
+                               Variant="Variant.Outlined"
+                               />
+            </MudItem>
+        </MudGrid>
+    }