From 07f617df87d47588cf7ef7f06f33f1fdd2f1187b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Szab=C3=B3?= <ivan.szabo.sis@gmail.com>
Date: Fri, 14 Mar 2025 11:34:10 +0100
Subject: [PATCH] =?UTF-8?q?messageModal,confirmModal=20stb=20be=C3=A1ll?=
 =?UTF-8?q?=C3=ADtva=20=C3=A9s=20m=C5=B1k=C3=B6dik=20is.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CheckPoints/CheckPointEditPage.cshtml     | 25 +++++--
 .../CheckPoints/CheckPointsPage.cshtml        | 12 +++-
 .../Pages/Shared/_Layout.cshtml               | 37 ++++++++++
 src/WorkFlowCheck.Web/wwwroot/js/site.js      | 67 ++++++++++++++++++-
 4 files changed, 134 insertions(+), 7 deletions(-)

diff --git a/src/WorkFlowCheck.Web/Pages/BaseStock/CheckPoints/CheckPointEditPage.cshtml b/src/WorkFlowCheck.Web/Pages/BaseStock/CheckPoints/CheckPointEditPage.cshtml
index f1fb0db..f3dff7b 100644
--- a/src/WorkFlowCheck.Web/Pages/BaseStock/CheckPoints/CheckPointEditPage.cshtml
+++ b/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'
+                    });
                 }
             });
 
diff --git a/src/WorkFlowCheck.Web/Pages/BaseStock/CheckPoints/CheckPointsPage.cshtml b/src/WorkFlowCheck.Web/Pages/BaseStock/CheckPoints/CheckPointsPage.cshtml
index 785062e..2ea43c3 100644
--- a/src/WorkFlowCheck.Web/Pages/BaseStock/CheckPoints/CheckPointsPage.cshtml
+++ b/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>
 }
\ No newline at end of file
diff --git a/src/WorkFlowCheck.Web/Pages/Shared/_Layout.cshtml b/src/WorkFlowCheck.Web/Pages/Shared/_Layout.cshtml
index 4fe8ad8..82f5fbb 100644
--- a/src/WorkFlowCheck.Web/Pages/Shared/_Layout.cshtml
+++ b/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>
diff --git a/src/WorkFlowCheck.Web/wwwroot/js/site.js b/src/WorkFlowCheck.Web/wwwroot/js/site.js
index c98a6d8..f5f973c 100644
--- a/src/WorkFlowCheck.Web/wwwroot/js/site.js
+++ b/src/WorkFlowCheck.Web/wwwroot/js/site.js
@@ -28,4 +28,69 @@ function getFormAsNestedObject(formSelector) {
     });
 
     return result;
-}
\ No newline at end of file
+}
+
+function showConfirmModal(options) {
+    return new Promise(function (resolve) {
+        // Alapértelmezett értékek
+        var defaults = {
+            title: 'Megerősítés',
+            message: 'Biztos vagy benne?',
+            okText: 'Igen',
+            cancelText: 'Mégsem'
+        };
+
+        // Opciók összeolvasztása
+        var settings = $.extend({}, defaults, options);
+
+        // Beállítások betöltése a modalba
+        $('#confirmModalLabel').text(settings.title);
+        $('#confirmModalBody').html(settings.message);
+        $('#confirmModalOkBtn').text(settings.okText);
+        $('#confirmModalCancelBtn').text(settings.cancelText);
+
+        // Események letisztítása
+        $('#confirmModalOkBtn').off('click');
+        $('#confirmModalCancelBtn').off('click');
+
+        // OK gomb esemény
+        $('#confirmModalOkBtn').on('click', function () {
+            $('#confirmModal').modal('hide');
+            resolve('ok');
+        });
+
+        // Cancel gomb esemény
+        $('#confirmModalCancelBtn').on('click', function () {
+            resolve('cancel');
+        });
+
+        // Modal megjelenítése
+        var modal = new bootstrap.Modal(document.getElementById('confirmModal'), {
+            backdrop: 'static',
+            keyboard: false
+        });
+        modal.show();
+    });
+}
+function showMessageModal(options) {
+    // Alapértelmezett értékek
+    var defaults = {
+        title: 'Üzenet',
+        message: 'Ez egy információs üzenet.',
+        okText: 'OK'
+    };
+
+    var settings = $.extend({}, defaults, options);
+
+    // Tartalom beállítása
+    $('#messageModalLabel').text(settings.title);
+    $('#messageModalBody').html(settings.message);
+    $('#messageModalOkBtn').text(settings.okText);
+
+    // Modal megnyitása
+    var modal = new bootstrap.Modal(document.getElementById('messageModal'), {
+        backdrop: 'static',
+        keyboard: false
+    });
+    modal.show();
+}