qbtmud/Lantean.QBTMud/Pages/Blocks.razor

@page "/blocks"
@layout OtherLayout

<div class="content-panel">
    <div class="content-panel__toolbar">
        <MudToolBar Gutters="false" Dense="true">
            @if (!DrawerOpen)
            {
                <MudIconButton Icon="@Icons.Material.Outlined.NavigateBefore" OnClick="NavigateBack" title="Back to torrent list" />
                <MudDivider Vertical="true" />
            }
            <MudDivider Vertical="true" />
            <MudText Class="pl-5 no-wrap">Blocked IPs</MudText>
        </MudToolBar>
    </div>
    <div class="content-panel__body">
        <MudCard Elevation="1" Class="ml-4 mr-4 mb-4">
            <MudCardContent>
                <EditForm Model="Model" OnSubmit="Submit">
                    <MudGrid>
                        <MudItem md="10">
                            <MudTextField T="string" Label="Criteria" @bind-Value="Model.Criteria" Variant="Variant.Outlined" />
                        </MudItem>
                        <MudItem md="2">
                            <MudButton ButtonType="ButtonType.Submit" FullWidth="true" Color="Color.Primary" EndIcon="@Icons.Material.Filled.Search" Variant="Variant.Filled" Class="mt-6">Filter</MudButton>
                        </MudItem>
                    </MudGrid>
                </EditForm>
            </MudCardContent>
        </MudCard>

        <DynamicTable @ref="Table"
                      T="Lantean.QBitTorrentClient.Models.PeerLog"
                      ColumnDefinitions="Columns"
                      Items="Results"
                      MultiSelection="false"
                      SelectOnRowClick="false"
                      RowClassFunc="RowClass"
                      Class="search-list content-panel__table" />
    </div>
</div>