Claudio Schaad
0c48539ce6
Accounts, BookingRules, BookingTexts, BankTransactions each get an <FluentSearch> above the grid, backed by a computed Filtered IQueryable over an in-memory source list. FluentSearch is Immediate, so filtering happens on each keystroke; data sizes are small enough for per-render LINQ. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
33 lines
1.8 KiB
Text
33 lines
1.8 KiB
Text
@page "/Accounts"
|
|
@rendermode InteractiveServer
|
|
|
|
<PageTitle>Konten</PageTitle>
|
|
|
|
<FluentStack Orientation="Orientation.Horizontal" VerticalAlignment="VerticalAlignment.Center">
|
|
<FluentButton IconStart="@(new Icons.Regular.Size16.Add())" Appearance="Appearance.Neutral" OnClick="AddAsync">Neues Konto hinzufügen</FluentButton>
|
|
<FluentSearch @bind-Value="filter" Immediate="true" Placeholder="Filter…" Style="width: 300px;"/>
|
|
</FluentStack>
|
|
<FluentPaginator State="@pagination" SummaryTemplate="@template" />
|
|
|
|
<FluentDataGrid Items="@Filtered" Pagination="@pagination" RowSize="DataGridRowSize.Medium">
|
|
<PropertyColumn Property="@(p => p.Class)" Sortable="true" Width="100px" />
|
|
<PropertyColumn Property="@(p => p.SubClass)" Sortable="true" Width="140px" />
|
|
<PropertyColumn Property="@(p => p.Number)" Sortable="true" IsDefaultSortColumn="true" Width="140px" />
|
|
<PropertyColumn Property="@(p => p.Name)" Sortable="true" />
|
|
<PropertyColumn Property="@(p => p.Currency)" />
|
|
<PropertyColumn Property="@(p => p.BankAccountNumber)" />
|
|
<PropertyColumn Property="@(p => p.StartBalance)" Format="C2"/>
|
|
<PropertyColumn Property="@(p => p.LastBankBalance)" Format="C2" />
|
|
<TemplateColumn Align="Align.Center" Width="50px">
|
|
<FluentButton IconEnd="@(new Icons.Regular.Size16.Delete())" Appearance="Appearance.Neutral" OnClick="@(() => DeleteAsync(context.Id))" />
|
|
</TemplateColumn>
|
|
<TemplateColumn Align="Align.Center" Width="50px">
|
|
<FluentButton IconEnd="@(new Icons.Regular.Size16.Edit())" Appearance="Appearance.Neutral" OnClick="@(() => EditAsync(context.Id))" />
|
|
</TemplateColumn>
|
|
</FluentDataGrid>
|
|
|
|
@code
|
|
{
|
|
private RenderFragment template = @<span />;
|
|
PaginationState pagination = new PaginationState() { ItemsPerPage = 20 };
|
|
}
|