messageModal,confirmModal stb beállítva és működik is.

src/WorkFlowCheck.Web/Pages/BaseStock/CheckPoints/CheckPointEditPage.cshtml

@@ -101,7 +101,16 @@
         $('#tbCheckPointsEditPage').on('click', '.delete-btn', function ()
         {
             const row = table.row($(this).closest('tr')).data();
-
+            showConfirmModal({
+                title: 'Törlés megerősítése',
+                message: 'Biztosan törölni szeretnéd ezt az elemet?',
+                okText: 'Törlés',
+                cancelText: 'Mégsem'
+            }).then(function(result) {
+                if(result === 'ok') {
+                    console.log('Törlés végrehajtva');
+                }
+            });
         });
         $("#saveCheckPoint").click(function () {
             const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
@@ -116,14 +125,20 @@
                 },
                 data: JSON.stringify(formData.CheckPoint),
                 success: function (response) {
-                    // Sikeres válasz esetén
-                    alert("Sikeres mentés!");
-                    // opcionálisan pl. form reset, redirect stb.
+                    showMessageModal({
+                        title: 'Figyelmem!',
+                        message: 'Sikeres mentés.',
+                        okText: 'Értettem'
+                    });
                 },
                 error: function (xhr, status, error) {
                     // Hiba esetén
                     console.error("Hiba: ", error);
-                    alert("Mentés nem sikerült.");
+                    showMessageModal({
+                        title: 'Hiba!',
+                        message: 'A mentés NEM sikerült!',
+                        okText: 'Értettem'
+                    });
                 }
             });
 

src/WorkFlowCheck.Web/Pages/BaseStock/CheckPoints/CheckPointsPage.cshtml

@@ -69,7 +69,17 @@
         $('#tbCheckPointsPage').on('click', '.delete-btn', function ()
         {
             const row = table.row($(this).closest('tr')).data();
-            
+            console.log(row);
+            showConfirmModal({
+                title: 'Törlés megerősítése',
+                message: 'Biztosan törölni szeretnéd ezt az elemet?',
+                okText: 'Törlés',
+                cancelText: 'Mégsem'
+            }).then(function(result) {
+                if(result === 'ok') {
+                    console.log('Törlés végrehajtva');
+                }
+            });
         });
     </script>
 }

src/WorkFlowCheck.Web/Pages/Shared/_Layout.cshtml

@@ -71,6 +71,43 @@
         </div>
     </div>
 
+    <!-- Confirm Modal -->
+    <div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="confirmModalLabel">Megerősítés</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Bezárás"></button>
+                </div>
+                <div class="modal-body" id="confirmModalBody">
+                    Biztos vagy benne?
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" id="confirmModalCancelBtn" data-bs-dismiss="modal">Mégsem</button>
+                    <button type="button" class="btn btn-primary" id="confirmModalOkBtn">Igen</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Message Modal -->
+    <div class="modal fade" id="messageModal" tabindex="-1" aria-labelledby="messageModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="messageModalLabel">Üzenet</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Bezárás"></button>
+                </div>
+                <div class="modal-body" id="messageModalBody">
+                    Ez egy információs üzenet.
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-primary" id="messageModalOkBtn" data-bs-dismiss="modal">OK</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <footer class="border-top footer text-muted">
         <div class="container">
             &copy; @DateTime.Now.Year - Workflow Check App - <a asp-area="" asp-page="/Privacy">Privacy</a>