STYLE: split stages in tables

Author: Ap73MKa

Src/Apps/Tablet/Pl.Tablet.Client/Source/Pages/Create/CompleteCreateDialog.razor

@@ -1,4 +1,3 @@
-@using Pl.Tablet.Client.Source.Shared.Constants
 @using Blazor.Heroicons.Outline
 
 @implements IDialogContentComponent

Src/Apps/Tablet/Pl.Tablet.Client/Source/Pages/Create/CreatePage.razor

@@ -1,38 +1,32 @@
 @using TscZebra.Plugin.Abstractions.Enums
-@using Pl.Tablet.Models.Features.Pallets.Output
-
 @implements IDisposable
 
 @attribute [Route($"{Routes.Create}")]
 
 <div class="size-full flex flex-col">
   <PageHeader Title="Формирование паллеты" />
   <div class="size-full max-w-screen-md mx-auto flex flex-col p-6">
-    <div class="w-full flex flex-col shrink-0 gap-2 pb-6">
-      <div class="flex flex-col border-b gap-1 pb-3 mb-3">
-        <h2 class="text-2xl font-semibold">Документ паллеты</h2>
-        <h3 class="text-muted-foreground">
-          Отсканируйте с помощью камеры штрихкод документа паллеты или введите значение штрихкода самостоятельно
-        </h3>
-      </div>
-      <InputDocumentNumber @bind-Value="@DocumentNumber" Disabled="@Pallets.Any()"/>
-    </div>
-    <div class="w-full flex flex-col max-h-full overflow-hidden">
-      <PalletDataGrid @bind-Value="Pallets" DocumentNumber="@DocumentNumber"/>
-    </div>
-    <div class="w-full shrink-0 flex justify-end pt-3">
-      <Button OnClick="@ShowCreateCompleteDialog">
-        Завершить
-      </Button>
-    </div>
+    @if (CurrentTabIndex == 1)
+    {
+      <DocumentStage
+        @bind-Value="@DocumentNumber"
+        OnSubmitAction="@(() => CurrentTabIndex = 2)"/>
+    }
+    else if (CurrentTabIndex == 2)
+    {
+      <PalletsStage
+        DocumentNumber="@DocumentNumber"
+        OnSubmitAction="@ShowCreateCompleteDialog"
+      />
+    }
   </div>
 </div>
 
 @code {
   [Inject] private IDialogService DialogService { get; set; } = default!;
   [Inject] private IPrinterService PrinterService { get; set; } = default!;
 
-  private List<PalletDto> Pallets { get; set; } = [];
+  private int CurrentTabIndex { get; set; } = 1;
   private string DocumentNumber { get; set; } = string.Empty;
 
   protected override async Task OnInitializedAsync()

Src/Apps/Tablet/Pl.Tablet.Client/Source/Pages/Create/DocumentStage.razor

@@ -0,0 +1,28 @@
+<div class="w-full flex shrink-0 flex-col gap-2">
+  <div class="flex flex-col border-b gap-1 pb-3 mb-3">
+    <h2 class="text-2xl font-semibold">Документ паллеты</h2>
+    <h3 class="text-muted-foreground">
+      Отсканируйте с помощью камеры штрихкод документа паллеты или введите значение штрихкода самостоятельно
+    </h3>
+  </div>
+  <InputDocumentNumber
+    @bind-Value="@Value"
+    @bind-Value:after="@OnValueChanged"
+  />
+</div>
+<div class="size-full flex grow items-end justify-end pb-4">
+  <Button
+    OnClick="@OnSubmitAction"
+    Disabled="@string.IsNullOrEmpty(Value)"
+  >
+    Продолжить
+  </Button>
+</div>
+
+@code {
+  [Parameter, EditorRequired] public string Value { get; set; } = string.Empty;
+  [Parameter] public EventCallback<string> ValueChanged { get; set; }
+  [Parameter] public EventCallback OnSubmitAction { get; set; }
+
+  private async Task OnValueChanged() => await ValueChanged.InvokeAsync(Value);
+}

Src/Apps/Tablet/Pl.Tablet.Client/Source/Pages/Create/PalletDataGrid.razor

@@ -2,7 +2,7 @@
 @using Pl.Tablet.Client.Source.Pages.Create.CreatePalletDialog
 @using Pl.Tablet.Models.Features.Pallets.Output
 
-<div class="w-full flex flex-col gap-0.5 pb-3 border-b mb-5">
+<div class="w-full flex flex-col gap-1 pb-3 border-b mb-5">
   <div class="flex w-full gap-2 items-center justify-between">
     <h2 class="font-semibold text-2xl">Сформированные паллеты</h2>
     <Button

Src/Apps/Tablet/Pl.Tablet.Client/Source/Pages/Create/PalletsStage.razor

@@ -0,0 +1,17 @@
+@using Pl.Tablet.Models.Features.Pallets.Output
+
+<div class="w-full flex flex-col max-h-full overflow-hidden">
+  <PalletDataGrid @bind-Value="Pallets" DocumentNumber="@DocumentNumber"/>
+</div>
+<div class="w-full shrink-0 flex grow items-end justify-end pt-3">
+  <Button OnClick="@OnSubmitAction">
+    Завершить
+  </Button>
+</div>
+
+@code {
+  [Parameter, EditorRequired] public string DocumentNumber { get; set; } = string.Empty;
+  [Parameter] public EventCallback OnSubmitAction { get; set; }
+
+  private List<PalletDto> Pallets { get; set; } = [];
+}