From 10d905fe2f742a7aaf7b663cba1aa76ad3859ccb Mon Sep 17 00:00:00 2001
From: Regiaaaaaa <gheizarafashaquille@gmail.com>
Date: Wed, 19 Nov 2025 12:46:56 +0700
Subject: [PATCH] feat: create an alert on each action button

---
 Views/DataRumahRumah/Index.cshtml            | 73 +++++++++++++++++---
 Views/LaporanRwRw/Create.cshtml              | 35 +++++++++-
 Views/ProfilRw/CreateKebutuhanSarpras.cshtml | 31 +++++++++
 Views/ProfilRw/_TabIndexBpsRw.cshtml         | 32 ++++++++-
 Views/ProfilRw/_TabIndexLokasi.cshtml        | 39 ++++++++++-
 Views/ProfilRw/_TabIndexProfil.cshtml        | 35 +++++++++-
 Views/ProfilRw/_TabIndexSuratUsulan.cshtml   | 37 +++++++++-
 7 files changed, 263 insertions(+), 19 deletions(-)

diff --git a/Views/DataRumahRumah/Index.cshtml b/Views/DataRumahRumah/Index.cshtml
index f18e454..e3a5065 100644
--- a/Views/DataRumahRumah/Index.cshtml
+++ b/Views/DataRumahRumah/Index.cshtml
@@ -130,10 +130,11 @@
         </table>
     </div>
 </div>
-
 <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
 <script src="https://cdn.datatables.net/2.3.4/js/dataTables.js"></script>
 <script src="/plugins/datatables/dataTables.tailwindcss.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
 <script type="text/javascript">
     var table;
 
@@ -182,16 +183,6 @@
             modalCreateElement?.showModal();
         });
 
-        formCreateRumah?.addEventListener('submit', (event) => {
-            event.preventDefault();
-            modalCreateElement?.close();
-        });
-
-        formEditRumah?.addEventListener('submit', (event) => {
-            event.preventDefault();
-            modalEditElement?.close();
-        });
-
         $('#example').on('click', '.btn-edit-rumah', function () {
             const rowData = table.row($(this).closest('tr')).data();
 
@@ -205,5 +196,65 @@
 
             modalEditElement?.showModal();
         });
+
+        // Success Alert on Create
+        $('#form-create-rumah').on('submit', function (e) {
+            e.preventDefault();
+
+            modalCreateElement.close();
+
+            Swal.fire({
+                title: 'Simpan Data Rumah?',
+                text: "Pastikan semua data sudah benar.",
+                icon: 'question',
+                showCancelButton: true,
+                confirmButtonColor: '#22c55e',
+                cancelButtonColor: '#6b7280',
+                confirmButtonText: 'Ya, Simpan',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    Swal.fire({
+                        title: 'Berhasil!',
+                        text: 'Data rumah berhasil ditambahkan.',
+                        icon: 'success',
+                        confirmButtonText: 'OK',
+                        confirmButtonColor: '#22c55e'
+                    }).then(() => {
+                        document.getElementById("form-create-rumah").submit();
+                    });
+                }
+            });
+        });
+
+        // Success Alert on Edit
+        $('#form-edit-rumah').on('submit', function (e) {
+            e.preventDefault();
+
+            modalEditElement.close();
+
+            Swal.fire({
+                title: 'Perbarui Data Rumah?',
+                text: "Perubahan akan disimpan.",
+                icon: 'question',
+                showCancelButton: true,
+                confirmButtonColor: '#22c55e',
+                cancelButtonColor: '#6b7280',
+                confirmButtonText: 'Ya, Simpan',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    Swal.fire({
+                        title: 'Berhasil!',
+                        text: 'Data rumah berhasil diperbarui.',
+                        icon: 'success',
+                        confirmButtonText: 'OK',
+                        confirmButtonColor: '#22c55e'
+                    }).then(() => {
+                        document.getElementById("form-edit-rumah").submit();
+                    });
+                }
+            });
+        });
     });
 </script>
\ No newline at end of file
diff --git a/Views/LaporanRwRw/Create.cshtml b/Views/LaporanRwRw/Create.cshtml
index 156d14d..d34c024 100644
--- a/Views/LaporanRwRw/Create.cshtml
+++ b/Views/LaporanRwRw/Create.cshtml
@@ -111,7 +111,9 @@
             <a href="@Url.Action("Index", "LaporanRwRw")" class="btn rounded-full">
                 Batalkan
             </a>
-            <button type="submit"
+            <button
+                id="btnSimpanLaporan" 
+                type="submit"
                 class="btn btn-success rounded-full text-white border-none">
                 Simpan
             </button>
@@ -119,3 +121,34 @@
 
     </form>
 </div>
+
+<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+<script type="text/javascript">
+    $(document).ready(function () {
+        $('#btnSimpanLaporan').on('click', function (e) {
+            e.preventDefault();
+            Swal.fire({
+                title: 'Simpan Profil RW?',
+                text: "Pastikan semua data sudah benar.",
+                icon: 'question',
+                showCancelButton: true,
+                confirmButtonColor: '#22c55e',
+                cancelButtonColor: '#6b7280',
+                confirmButtonText: 'Ya, Simpan',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    Swal.fire({
+                        title: 'Berhasil!',
+                        text: 'Profil RW berhasil disimpan.',
+                        icon: 'success',
+                        confirmButtonText: 'OK',
+                        confirmButtonColor: '#22c55e'
+                    });
+                }
+            });
+        });
+    });
+</script>
diff --git a/Views/ProfilRw/CreateKebutuhanSarpras.cshtml b/Views/ProfilRw/CreateKebutuhanSarpras.cshtml
index e580456..68d2342 100644
--- a/Views/ProfilRw/CreateKebutuhanSarpras.cshtml
+++ b/Views/ProfilRw/CreateKebutuhanSarpras.cshtml
@@ -154,6 +154,8 @@
 </template>
 
 @section Scripts {
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
     <script>
         (() => {
             const listEl = document.getElementById('sarprasFormList');
@@ -206,6 +208,35 @@
             });
 
             updateIndexes();
+
+            // Success Alert 
+            const form = document.querySelector("form");
+
+            form.addEventListener("submit", function (e) {
+                e.preventDefault(); 
+
+                Swal.fire({
+                    title: 'Simpan Kebutuhan Sarpras?',
+                    text: "Pastikan semua data sudah benar.",
+                    icon: 'question',
+                    showCancelButton: true,
+                    confirmButtonColor: '#22c55e',
+                    cancelButtonColor: '#6b7280',
+                    confirmButtonText: 'Ya, Simpan',
+                    cancelButtonText: 'Batal'
+                }).then((result) => {
+                    if (result.isConfirmed) {
+
+                        Swal.fire({
+                            title: 'Berhasil!',
+                            text: 'Kebutuhan Sarpras berhasil disimpan.',
+                            icon: 'success',
+                            confirmButtonText: 'OK',
+                            confirmButtonColor: '#22c55e'
+                        });
+                    }
+                });
+            });
         })();
     </script>
 }
\ No newline at end of file
diff --git a/Views/ProfilRw/_TabIndexBpsRw.cshtml b/Views/ProfilRw/_TabIndexBpsRw.cshtml
index 95477f6..ecad654 100644
--- a/Views/ProfilRw/_TabIndexBpsRw.cshtml
+++ b/Views/ProfilRw/_TabIndexBpsRw.cshtml
@@ -80,9 +80,37 @@
 
         <!-- Submit Button -->
         <div class="flex justify-end mt-10">
-            <button type="submit" class="btn btn-success text-white rounded-full px-16">
+            <button id="btnSimpanBpsRw" type="submit" class="btn btn-success text-white rounded-full px-16">
                 Simpan
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
+
+<script type="text/javascript">
+    $(document).ready(function () {
+        $('#btnSimpanBpsRw').on('click', function (e) {
+            e.preventDefault();
+            Swal.fire({
+                title: 'Simpan BPS-RW?',
+                text: "Pastikan semua data sudah benar.",
+                icon: 'question',
+                showCancelButton: true,
+                confirmButtonColor: '#22c55e',
+                cancelButtonColor: '#6b7280',
+                confirmButtonText: 'Ya, Simpan',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    Swal.fire({
+                        title: 'Berhasil!',
+                        text: 'Data BPS-RW berhasil disimpan.',
+                        icon: 'success',
+                        confirmButtonText: 'OK',
+                        confirmButtonColor: '#22c55e'
+                    });
+                }
+            });
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/Views/ProfilRw/_TabIndexLokasi.cshtml b/Views/ProfilRw/_TabIndexLokasi.cshtml
index b30e124..6c3913e 100644
--- a/Views/ProfilRw/_TabIndexLokasi.cshtml
+++ b/Views/ProfilRw/_TabIndexLokasi.cshtml
@@ -102,11 +102,46 @@
                     <span class="icon me-1">cancel</span>
                     Batalkan
                 </button>
-                <button type="submit" class="btn btn-primary btn-sm text-white">
+                <button id="btnSimpanLokasi" type="submit" class="btn btn-primary btn-sm text-white">
                     <span class="icon me-1">save</span>
                     Simpan
                 </button>
             </div>
         </form>
     </div>
-</dialog>
\ No newline at end of file
+</dialog>
+
+<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+<script type="text/javascript">
+   $(document).ready(function () {
+        $('#btnSimpanLokasi').on('click', function (e) {
+            e.preventDefault();
+
+            modal_add_lokasi.close();
+
+            Swal.fire({
+                title: 'Simpan Lokasi?',
+                text: "Pastikan semua data sudah benar.",
+                icon: 'question',
+                showCancelButton: true,
+                confirmButtonColor: '#22c55e',
+                cancelButtonColor: '#6b7280',
+                confirmButtonText: 'Ya, Simpan',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+
+                if (result.isConfirmed) {
+                    Swal.fire({
+                        title: 'Berhasil!',
+                        text: 'Lokasi berhasil disimpan.',
+                        icon: 'success',
+                        confirmButtonText: 'OK',
+                        confirmButtonColor: '#22c55e'
+                    });
+                }
+            });
+        });
+    });
+</script>
diff --git a/Views/ProfilRw/_TabIndexProfil.cshtml b/Views/ProfilRw/_TabIndexProfil.cshtml
index 8868aef..41c3e68 100644
--- a/Views/ProfilRw/_TabIndexProfil.cshtml
+++ b/Views/ProfilRw/_TabIndexProfil.cshtml
@@ -91,9 +91,40 @@
 
         <!-- Submit Button -->
         <div class="flex justify-end mt-10">
-            <button type="submit" class="btn btn-primary text-white rounded-full px-16">
+            <button id="btnSimpanProfil" type="submit" class="btn btn-primary text-white rounded-full px-16">
                 Simpan
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
+
+<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+<script type="text/javascript">
+    $(document).ready(function () {
+        $('#btnSimpanProfil').on('click', function (e) {
+            e.preventDefault();
+            Swal.fire({
+                title: 'Simpan Profil RW?',
+                text: "Pastikan semua data sudah benar.",
+                icon: 'question',
+                showCancelButton: true,
+                confirmButtonColor: '#22c55e',
+                cancelButtonColor: '#6b7280',
+                confirmButtonText: 'Ya, Simpan',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    Swal.fire({
+                        title: 'Berhasil!',
+                        text: 'Profil RW berhasil disimpan.',
+                        icon: 'success',
+                        confirmButtonText: 'OK',
+                        confirmButtonColor: '#22c55e'
+                    });
+                }
+            });
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/Views/ProfilRw/_TabIndexSuratUsulan.cshtml b/Views/ProfilRw/_TabIndexSuratUsulan.cshtml
index 702fed0..1299e6b 100644
--- a/Views/ProfilRw/_TabIndexSuratUsulan.cshtml
+++ b/Views/ProfilRw/_TabIndexSuratUsulan.cshtml
@@ -69,7 +69,7 @@
                     <span class="icon me-1">cancel</span>
                     Batalkan
                 </button>
-                <button type="submit" class="btn btn-primary btn-sm text-white">
+                <button id="btnSimpanSuratUsulan" type="submit" class="btn btn-primary btn-sm text-white">
                     <span class="icon me-1">save</span>
                     Simpan
                 </button>
@@ -77,3 +77,38 @@
         </form>
     </div>
 </dialog>
+
+<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+<script type="text/javascript">
+   $(document).ready(function () {
+        $('#btnSimpanSuratUsulan').on('click', function (e) {
+            e.preventDefault();
+
+            modal_add_surat_usulan.close();
+
+            Swal.fire({
+                title: 'Simpan Profil RW?',
+                text: "Pastikan semua data sudah benar.",
+                icon: 'question',
+                showCancelButton: true,
+                confirmButtonColor: '#22c55e',
+                cancelButtonColor: '#6b7280',
+                confirmButtonText: 'Ya, Simpan',
+                cancelButtonText: 'Batal'
+            }).then((result) => {
+
+                if (result.isConfirmed) {
+                    Swal.fire({
+                        title: 'Berhasil!',
+                        text: 'Profil RW berhasil disimpan.',
+                        icon: 'success',
+                        confirmButtonText: 'OK',
+                        confirmButtonColor: '#22c55e'
+                    });
+                }
+            });
+        });
+    });
+</script>