From cb38e869a1937da4580e2f504513dbf52af16028 Mon Sep 17 00:00:00 2001
From: ivanszabo <ivan.szabo.sis@gmail.com>
Date: Wed, 26 Mar 2025 10:23:39 +0100
Subject: [PATCH] =?UTF-8?q?CheckListHeader=20TAB-os=C3=ADtva=20...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CheckListHeaderEditPage.cshtml            | 115 +++++++++++-------
 1 file changed, 69 insertions(+), 46 deletions(-)

diff --git a/src/WorkFlowCheck.Web/Pages/CheckList/CheckListHeader/CheckListHeaderEditPage.cshtml b/src/WorkFlowCheck.Web/Pages/CheckList/CheckListHeader/CheckListHeaderEditPage.cshtml
index 246ccb4..ba9aef3 100644
--- a/src/WorkFlowCheck.Web/Pages/CheckList/CheckListHeader/CheckListHeaderEditPage.cshtml
+++ b/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,53 +13,76 @@
 <input type="hidden" id="CheckListHeaderEditUrl" value="@url" />
 <input type="hidden" id="CheckListHeaderEditPostUrl" value="@urlPost" />
 
-<div class="card shadow p-4">
-    <form method="post" id="CheckListHeaderForm">
-        <meta name="csrf-token" content="@Antiforgery.GetAndStoreTokens(HttpContext).RequestToken" />
-        <input type="hidden" asp-for="CheckListHeaderDTO.Id" />
-        <div class="mb-3">
-            <label asp-for="CheckListHeaderDTO.ShortName"></label>
-            <input asp-for="CheckListHeaderDTO.ShortName" class="form-control" />
-            <span asp-validation-for="CheckListHeaderDTO.ShortName" 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>
-<br></br>
-<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>
-        </button>
+<!-- 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" />
+                    <div class="mb-3">
+                        <label asp-for="CheckListHeaderDTO.ShortName"></label>
+                        <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 class="tab-pane fade" id="settings" role="tabpanel">
+                <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>
+                    </button>
+                </div>
+                <table id="tbCheckListHeaderPage" class="table table-bordered table-hover table-sm" style="width:100%">
+                    <thead class="table-primary">
+                        <tr>
+                            <th>ID</th>
+                            <th>Short Name</th>
+                            <th>Checkpoint</th>
+                            <th>OperationDescription</th>
+                            <th>AnswerType</th>
+                            <th>Answer</th>
+                            <th class="text-center">Action</th>
+                        </tr>
+                    </thead>
+                    <tfoot class="table-light">
+                        <tr>
+                            <th>ID</th>
+                            <th>Short Name</th>
+                            <th>Checkpoint</th>
+                            <th>OperationDescription</th>
+                            <th>AnswerType</th>
+                            <th>Answer</th>
+                            <th class="text-center">Action</th>
+                        </tr>
+                    </tfoot>
+                </table>
+            </div>
+        </div>
     </div>
-    <table id="tbCheckListHeaderPage" class="table table-bordered table-hover table-sm" style="width:100%">
-        <thead class="table-primary">
-            <tr>
-                <th>ID</th>
-                <th>Short Name</th>
-                <th>Checkpoint</th>
-                <th>OperationDescription</th>
-                <th>AnswerType</th>
-                <th>Answer</th>
-                <th class="text-center">Action</th>
-            </tr>
-        </thead>
-        <tfoot class="table-light">
-            <tr>
-                <th>ID</th>
-                <th>Short Name</th>
-                <th>Checkpoint</th>
-                <th>OperationDescription</th>
-                <th>AnswerType</th>
-                <th>Answer</th>
-                <th class="text-center">Action</th>
-            </tr>
-        </tfoot>
-    </table>
 </div>
+
 @section Scripts {
     <script>
         const table = new DataTable('#tbCheckListHeaderPage', {