Equipment is kész.

src/WorkFlowCheck.Web/Pages/BaseStock/Equipments/EquipmentEditPage.cshtml

@@ -1,4 +1,96 @@
 @page
 @model WorkFlowCheck.Web.Pages.BaseStock.Equipments.EquipmentEditPageModel
+@using Microsoft.AspNetCore.Antiforgery
+@inject IAntiforgery Antiforgery
 @{
+    ViewData["Title"] = "Berendezés";
+    var EquipmentId = Model.EquipmentDTO.Id;
+    var urlPost = Url.Page("./EquipmentEditPage", "Save");
 }
+<h1>@ViewData["Title"]</h1>
+
+<input type="hidden" id="EquipmentEditPostUrl" value="@urlPost" />
+
+<div class="card shadow p-4">
+    <form method="post" id="EquipmentForm">
+        <meta name="csrf-token" content="@Antiforgery.GetAndStoreTokens(HttpContext).RequestToken" />
+        <input type="hidden" asp-for="EquipmentDTO.Id" />
+        <div class="mb-3">
+            <label asp-for="EquipmentDTO.ShortName"></label>
+            <input asp-for="EquipmentDTO.ShortName" class="form-control" />
+            <span asp-validation-for="EquipmentDTO.ShortName" class="text-danger"></span>
+        </div>
+        <div class="mb-3">
+            <label asp-for="EquipmentDTO.EquipmentNumber"></label>
+            <input asp-for="EquipmentDTO.EquipmentNumber" class="form-control" />
+            <span asp-validation-for="EquipmentDTO.EquipmentNumber" class="text-danger"></span>
+        </div>
+        <div class="mb-3 d-flex justify-content-between">
+            <button type="button" id="saveEquipment" class="btn btn-primary">Mentés</button>
+            <button type="button" class="btn btn-secondary" onclick="history.back()">Mégsem</button>
+        </div>
+    </form>
+</div>
+
+@section Scripts {
+    <script>
+
+        $("#saveEquipment").click(function () {
+            const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+            var formData = getFormAsNestedObject('#EquipmentForm');
+            const $form = $('#EquipmentForm');
+
+            console.log(formData.Equipment);
+
+            if ($form.valid())
+            {
+                $.ajax({
+                    url: $('#EquipmentEditPostUrl').val(),
+                    type: 'POST',
+                    headers: {
+                          'X-CSRF-TOKEN': csrfToken,
+                          'Content-Type': 'application/json'
+                    },
+                    data: JSON.stringify(formData.EquipmentDTO),
+                    success: function (response) {
+                        showMessageModal({
+                            title: 'Figyelmem!',
+                            message: 'Sikeres mentés.',
+                            okText: 'Értettem'
+                        });
+                    },
+                    error: function (xhr, status, error) {
+                        // Hiba esetén
+                        console.error("Hiba: ", error);
+                        showMessageModal({
+                            title: 'Hiba!',
+                            message: 'A mentés NEM sikerült!',
+                            okText: 'Értettem'
+                        });
+                    }
+                });
+            } else
+            {
+                $form[0].reportValidity();
+            }
+
+        });
+
+        $(document).ready(function () {
+            const $form = $("#EquipmentForm");
+
+            $form.validate({
+                errorClass: "text-danger small",
+                errorPlacement: function (error, element) {
+                    error.appendTo(element.parent());
+                }
+            });
+
+            // $form.on("submit", function (e) {
+            //     if (!$form.valid()) {
+            //         e.preventDefault(); // Ne küldje be, ha van hiba
+            //     }
+            // });
+        });
+    </script>
+}

src/WorkFlowCheck.Web/Pages/BaseStock/Equipments/EquipmentEditPage.cshtml.cs

@@ -1,12 +1,49 @@
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.RazorPages;
+using Serilog;
+using WorkFlowCheck.Common.DTO;
+using WorkFlowCheck.Web.Services.Interfaces;
 
 namespace WorkFlowCheck.Web.Pages.BaseStock.Equipments
 {
     public class EquipmentEditPageModel : PageModel
     {
-        public void OnGet()
+        private readonly ILogger<IndexModel> _logger;
+        private readonly IBaseStockService _baseStockService;
+
+        [BindProperty]
+        public EquipmentDTO EquipmentDTO { get; set; }
+
+        public EquipmentEditPageModel(ILogger<IndexModel> logger, IBaseStockService baseStockService)
         {
+            _baseStockService = baseStockService;
+            _logger = logger;
+        }
+
+        public async Task OnGet(int id)
+        {
+            EquipmentDTO = await _baseStockService.GetEquipment(id);
+        }
+        public async Task<IActionResult> OnPostSave([FromBody] EquipmentDTO equipmentDTO)
+        {
+            try
+            {
+                var result = await _baseStockService.UpdateEquipment(equipmentDTO);
+                if (result.IsSuccess)
+                {
+                    return new JsonResult(new { success = true });
+                }
+                else
+                {
+                    return new JsonResult(new { success = false });
+                }
+            }
+            catch (Exception ex)
+            {
+                Log.Error(ex.Message);
+            }
+
+            return new JsonResult(new { success = false });
         }
     }
 }

src/WorkFlowCheck.Web/Pages/BaseStock/Equipments/EquipmentsPage.cshtml

@@ -7,13 +7,16 @@
 
 <div class="card shadow p-4">
     <div class="d-flex justify-content-end">
-        <button class="btn btn-primary float-right">Új elem hozzáadása</button>
+        <button id="newEquipmentBtn" class="btn btn-primary float-right new-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Új berendezés">
+            <i class="bi bi-plus-square"></i>
+        </button>
     </div>
     <table id="tbEquipmentsPage" class="table table-bordered table-hover table-sm" style="width:100%">
         <thead class="table-primary">
             <tr>
                 <th>ID</th>
                 <th>Short Name</th>
+                <th>Equipment Number</th>
                 <th class="text-center">Action</th>
             </tr>
         </thead>
@@ -21,6 +24,7 @@
             <tr>
                 <th>ID</th>
                 <th>Short Name</th>
+                <th>Equipment Number</th>
                 <th>Action</th>
             </tr>
         </tfoot>
@@ -38,6 +42,7 @@
                 columns: [
                     { data: "id" },
                     { data: "shortName" },
+                    { data: "equipmentNumber" },
                     { data: null, render: function (data, type, row) {
                          return renderActionButtons(row.id);
                     }}
@@ -48,9 +53,9 @@
                         "visible": false
                     },
                     {
-                        "targets": 2,
+                        "targets": 3,
                         "className": "text-center",
-                        "width": "10"
+                        "width": "10%"
                     }
                 ],
 
@@ -58,6 +63,11 @@
                 language: { url: '//cdn.datatables.net/plug-ins/2.2.2/i18n/hu.json',}
         });
 
+        $('#newEquipmentBtn').on('click', function ()
+        {
+            window.location.href = `@Url.Page("/BaseStock/Equipments/EquipmentEditPage")?id=0`;
+        });
+
         $('#tbEquipmentsPage').on('click', '.edit-btn', function ()
         {
             const row = table.row($(this).closest('tr')).data();