FA/FA_WEB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

* Changed css to make grid more responsive

Browse Source
This commit is contained in:
Piotr Kus
2025-02-19 20:06:26 +01:00
parent 08a6666064
commit c2078d1614
10 changed files with 82 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
OrdersManagement/Components/Layout/MainLayout.razor
View File

@@ -4,9 +4,8 @@
@inject NavigationManager NavigationManager
@inherits LayoutComponentBase
<div class="page">
<main class="container-fluid">
<div class="page h-100">
<main class="container-fluid d-flex flex-column h-100">
<div class="bb-top-row px-4 d-flex justify-content-between align-items-center mb-3">
<div class="d-flex align-items-center">
<img src="logo.svg" class="me-2" width="35" height="35" alt="Icon">
@@ -14,7 +13,7 @@
</div>
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>
<div class="row gx-1">
<div class="row gx-1 flex-grow-1">
<div class="col-auto custom-menu-width mb-3">
<SfMenu HamburgerMode="true" Title="FA Krosno Manager" Items="@MenuItems"
Orientation="Orientation.Vertical" CssClass="custom-menu">
@@ -22,14 +21,14 @@
<MenuFieldSettings Text="Text" Children="Children"></MenuFieldSettings>
</SfMenu>
</div>
<article class="content col">
<div class="py-2">@Body</div>
<article class="content col d-flex flex-column">
<div class="py-2 flex-grow-1">@Body</div>
</article>
</div>
</main>
</div>
@code {
private List<MenuItem> MenuItems { get; set; } = new();

2
OrdersManagement/Components/Pages/CustomerOrder.razor
View File

@@ -8,7 +8,7 @@
@using Syncfusion.Blazor.Cards
@inherits LayoutComponentBase
<div class="container-fluid h-100">
<div class="h-100 d-flex flex-column">
<h5>Zamówienie klienta nr @CustomerOrderDto?.CoNum</h5>
<SfCard>
<CardContent>

2
OrdersManagement/Components/Pages/CustomerOrders.razor
View File

@@ -6,7 +6,7 @@
@using Syncfusion.Blazor.Cards
@inherits LayoutComponentBase
<div class="container-fluid h-100">
<div class="h-100 d-flex flex-column">
<h5>Zamówienia Klienta</h5>
<SfGrid AllowFiltering="true"
AllowPaging="true"

2
OrdersManagement/Components/Pages/EdiCustomerOrder.razor
View File

@@ -6,7 +6,7 @@
@using Syncfusion.Blazor.Cards
@inherits LayoutComponentBase
<div class="container-fluid h-100">
<div class="h-100 d-flex flex-column">
<h5>Zamówienie klienta nr @EdiCustomerOrderDto?.CustomerOrderNumber</h5>
<SfCard>
<CardContent>

2
OrdersManagement/Components/Pages/EdiCustomerOrders.razor
View File

@@ -11,7 +11,7 @@
@using SelectionType = Syncfusion.Blazor.Grids.SelectionType
@inherits LayoutComponentBase
<div class="container-fluid h-100">
<div class="h-100 d-flex flex-column">
<h5>Zamówienia Klienta EDI</h5>
<div class="row">
<div class="col-md-12">

2
OrdersManagement/Components/Pages/ScheduleOrder.razor
View File

@@ -4,7 +4,7 @@
@using Syncfusion.Blazor.Lists
@inject ScheduleOrderDetailsService ScheduleOrderDetailsService
<div class="container-fluid h-100">
<div class="h-100 d-flex flex-column">
<h5>Indeksy</h5>
<SfGrid AllowFiltering="true"
AllowPaging="true"

10
OrdersManagement/Components/Pages/ScheduleOrders.razor
View File

@@ -5,13 +5,9 @@
@inject ScheduleOrderService ScheduleOrderService
@inherits LayoutComponentBase
<div class="container-fluid h-100">
<div>
<h5>Zamówienia DELFOR </h5>
</div>
<div class="container-fluid h-100">
<ScheduleOrdersGrid PageSize="20" PassGridRef="SetGridRef" GridData="_scheduleOrders"></ScheduleOrdersGrid>
</div>
<div class="h-100 d-flex flex-column">
<h5>Zamówienia DELFOR</h5>
<ScheduleOrdersGrid PageSize="20" PassGridRef="SetGridRef" GridData="_scheduleOrders" />
</div>
@code {

36
OrdersManagement/Components/Pages/Shared/ScheduleOrdersGrid.razor
View File

@@ -2,7 +2,7 @@
@using Syncfusion.Blazor.Grids
@inherits LayoutComponentBase
<div class="container-fluid h-100">
<div class="h-100 d-flex flex-column">
<SfGrid @ref="_grid"
TValue="ScheduleOrderDto"
AllowFiltering="true"
@@ -12,23 +12,17 @@
DataSource="@_dataSource"
EnableAdaptiveUI="true"
EnablePersistence="true"
AdaptiveUIMode="AdaptiveMode.Both"
AllowRowClick="true"
SelectionMode="GridSelectionMode.Single"
QueryCellInfo="OnQueryCellInfo"
RowSelected="OnRowSelected">
<GridColumns>
<GridColumn Field=@nameof(ScheduleOrderDto.PONum) HeaderText="Zamówienie Klienta"
Width="150" AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.PurchaserCode) HeaderText="Klient"
Width="100" AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.RecipientName) HeaderText="Odbiorca"
Width="100" AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.LastUpdateDate) HeaderText="Data Utworzenia"
Format="d" Type="ColumnType.Date" Width="130"
AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.DocType) HeaderText="Typ Dokumentu"
Width="100" AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.PONum) HeaderText="Zamówienie Klienta" Width="150" AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.PurchaserCode) HeaderText="Klient" Width="100" AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.RecipientName) HeaderText="Odbiorca" Width="100" AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.LastUpdateDate) HeaderText="Data Utworzenia" Format="d" Type="ColumnType.Date" Width="130" AllowFiltering="true"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDto.DocType) HeaderText="Typ Dokumentu" Width="100" AllowFiltering="true"></GridColumn>
</GridColumns>
<GridTemplates>
<DetailTemplate>
@@ -41,13 +35,11 @@
TValue="ScheduleOrderDetailDto"
DataSource="@scheduleOrderDetails"
EnablePersistence="true"
EnableAdaptiveUI="true">
EnableAdaptiveUI="true"
AdaptiveUIMode="AdaptiveMode.Both">
<GridColumns>
<GridColumn Field=@nameof(ScheduleOrderDetailDto.Sc_productCode) HeaderText="Pozycja"
Width="100"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDetailDto.Sh_productCode)
HeaderText="Pozycja Klienta"
Width="100"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDetailDto.Sc_productCode) HeaderText="Pozycja" Width="100"></GridColumn>
<GridColumn Field=@nameof(ScheduleOrderDetailDto.Sh_productCode) HeaderText="Pozycja Klienta" Width="100"></GridColumn>
</GridColumns>
<GridFilterSettings Type="FilterType.Excel"/>
<GridPageSettings PageSize="10"/>
@@ -56,9 +48,9 @@
}
</DetailTemplate>
</GridTemplates>
<GridEvents TValue="ScheduleOrderDto" OnRecordDoubleClick="OnRowDoubleClick"/>
<GridFilterSettings Type="FilterType.Excel"/>
<GridPageSettings PageSize="PageSize"/>
<GridEvents TValue="ScheduleOrderDto" OnRecordDoubleClick="OnRowDoubleClick" />
<GridFilterSettings Type="FilterType.Excel" />
<GridPageSettings PageSize="PageSize" />
</SfGrid>
</div>