CheckListHeader TAB-osítva ...

src/WorkFlowCheck.Web/Pages/CheckList/CheckListHeader/CheckListHeaderEditPage.cshtml

@@ -3,7 +3,7 @@
 @using Microsoft.AspNetCore.Antiforgery
 @inject IAntiforgery Antiforgery
 @{
-    ViewData["Title"] = "Ellenőrzés sablon";
+    ViewData["Title"] = "Ellenőrzés";
     var CheckListHeaderId = Model.CheckListHeaderDTO.Id;
     var url = Url.Page("./CheckListHeaderEditPage", "LoadCheckListRows", new { id = CheckListHeaderId });
     var urlPost = Url.Page("./CheckListHeaderEditPage", "Save");
@@ -13,7 +13,22 @@
 <input type="hidden" id="CheckListHeaderEditUrl" value="@url" />
 <input type="hidden" id="CheckListHeaderEditPostUrl" value="@urlPost" />
 
-<div class="card shadow p-4">
+<!-- Tab navigáció -->
+<div class="card shadow p-0">
+    <div class="card-header p-0">
+        <ul class="nav nav-tabs" id="checklistTab" role="tablist">
+            <li class="nav-item" role="presentation">
+                <button class="nav-link active" id="general-tab" data-bs-toggle="tab" data-bs-target="#general" type="button" role="tab">Adatok</button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab">Tételek</button>
+            </li>
+        </ul>
+    </div>
+    <!-- Tab tartalom -->
+    <div class="card-body">
+        <div class="tab-content mt-3" id="checklistTabContent">
+            <div class="tab-pane fade show active" id="general" role="tabpanel">
                 <form method="post" id="CheckListHeaderForm">
                     <meta name="csrf-token" content="@Antiforgery.GetAndStoreTokens(HttpContext).RequestToken" />
                     <input type="hidden" asp-for="CheckListHeaderDTO.Id" />
@@ -22,14 +37,18 @@
                         <input asp-for="CheckListHeaderDTO.ShortName" class="form-control" />
                         <span asp-validation-for="CheckListHeaderDTO.ShortName" class="text-danger"></span>
                     </div>
+                    <div class="mb-3">
+                        <label asp-for="CheckListHeaderDTO.DocumentNumber"></label>
+                        <input asp-for="CheckListHeaderDTO.DocumentNumber" class="form-control" />
+                        <span asp-validation-for="CheckListHeaderDTO.DocumentNumber" class="text-danger"></span>
+                    </div>
                     <div class="mb-3 d-flex justify-content-between">
                         <button type="button" id="saveCheckListHeader" class="btn btn-primary">Mentés</button>
                         <button type="button" class="btn btn-secondary" onclick="history.back()">Mégsem</button>
                     </div>
                 </form>
-</div>
+            </div>
-<br></br>
+            <div class="tab-pane fade" id="settings" role="tabpanel">
-<div class="card shadow p-4">
                 <div class="d-flex justify-content-end">
                     <button id="newCheckListRowBtn" class="btn btn-primary float-right new-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Új elem hozzáadása">
                         <i class="bi bi-plus-square"></i>
@@ -59,7 +78,11 @@
                         </tr>
                     </tfoot>
                 </table>
+            </div>
+        </div>
+    </div>
 </div>
+
 @section Scripts {
     <script>
         const table = new DataTable('#tbCheckListHeaderPage', {