CheckListHeader TAB-osítva ...

This commit is contained in:
2025-03-26 10:23:39 +01:00
parent 83980667d7
commit cb38e869a1
@@ -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', {