From 1484cfa45e88840fbddf2e9a572ed7ef10c0dbf5 Mon Sep 17 00:00:00 2001
From: ArifHilmi <arifhilmi007@gmail.com>
Date: Wed, 27 Nov 2024 10:34:32 +0800
Subject: [PATCH] add module & status

---
 Controllers/API/ModuleAPI.cs     | 27 +++++++++++++
 Views/Admin/CreateModule.cshtml  |  2 +
 Views/Admin/ModuleAdmin.cshtml   | 67 ++++++++++++++++++--------------
 Views/Admin/ModuleSetting.cshtml | 15 ++++++-
 4 files changed, 80 insertions(+), 31 deletions(-)

diff --git a/Controllers/API/ModuleAPI.cs b/Controllers/API/ModuleAPI.cs
index d18977a..bb48645 100644
--- a/Controllers/API/ModuleAPI.cs
+++ b/Controllers/API/ModuleAPI.cs
@@ -132,5 +132,32 @@ namespace PSTW_CentralSystem.Controllers.API
                 return BadRequest(ex.Message);
             }
         }
+
+        [HttpPost("DeleteModule")]
+        public async Task<IActionResult> DeleteModule([FromBody] int? id)
+        {
+            try
+            {
+                var deleteList = await _authDbContext.ModuleSettings
+                   .Where(x => x.SettingId == id)
+                   .FirstOrDefaultAsync();
+
+
+                if (deleteList != null)
+                {
+                    _authDbContext.ModuleSettings.Remove(deleteList);
+                    await _authDbContext.SaveChangesAsync();
+                }
+
+                var updatedList = await _authDbContext.ModuleSettings.ToListAsync();
+                return Json(updatedList);
+            }
+            catch(Exception ex)
+            {
+                return BadRequest(ex.Message);
+            }
+
+        }
+
     }
 }
diff --git a/Views/Admin/CreateModule.cshtml b/Views/Admin/CreateModule.cshtml
index 2cccaa4..35131e7 100644
--- a/Views/Admin/CreateModule.cshtml
+++ b/Views/Admin/CreateModule.cshtml
@@ -130,7 +130,9 @@
                             if (!response.ok) {
                                 throw new Error('Name module already exists');
                             }
+                            location.reload();
                             alert('Module information saved successfully');
+                            window.location.href = '/Admin/ModuleAdmin';
                         })
                         .catch(error => {
                             console.error('There was a problem with the update operation:', error);
diff --git a/Views/Admin/ModuleAdmin.cshtml b/Views/Admin/ModuleAdmin.cshtml
index 91e6ff7..5afa14b 100644
--- a/Views/Admin/ModuleAdmin.cshtml
+++ b/Views/Admin/ModuleAdmin.cshtml
@@ -81,28 +81,28 @@
             </div>
         </div>
     </div>
-</div>
-<!-- MODAL -->
-<div class="modal fade" id="confirm-dialog" tabindex="-1" role="dialog" aria-labelledby="confirm-dialog-title" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="confirm-dialog-title">Confirmation</h5>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-            </div>
-            <div v-if="selectedModule">
-                <div class="modal-body">
-                    <p>Are you sure you want to delete module {{ selectedModule.moduleName }}?</p>
+    <!-- MODAL -->
+    <div class="modal fade" id="confirm-dialog" v-show="selectedModule">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="confirm-dialog-title">Confirmation</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
                 </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-                    <input type="hidden" id="delete-id">
-                    <a id="confirmButton" href="#" class="btn btn-danger" v-on:click="confirmDelete(selectedModule)">Confirm</a>
+                <div v-if="selectedModule">
+                    <div class="modal-body">
+                        <p>Are you sure you want to delete module {{ selectedModule.moduleName }}?</p>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                        <input type="hidden" id="delete-id">
+                        <a id="confirmButton" class="btn btn-danger" v-on:click="confirmDelete(selectedModule)">Confirm</a>
+                    </div>
                 </div>
+                <div v-else><p>Loading...</p></div>
             </div>
-            <div v-else><p>Loading...</p></div>
         </div>
     </div>
 </div>
@@ -147,24 +147,31 @@
                     }
                 },
                 deleteModule(module) {
-                    this.selectedModule = module; // Set selected user
-                    $('#confirm-dialog').modal('show'); // Show the modal
+                    this.selectedModule = module;
+                    $('#confirm-dialog').modal('show');
                 },
                 confirmDelete(module) {
-                    fetch('/ModuleAPI/DeleteModule/' + module.settingId, {
-                        method: 'POST'
+                    if (!module || !module.settingId) {
+                        console.error('Invalid module data');
+                        return;
+                    }
+
+                    $('#confirm-dialog').modal('hide');
+
+                    fetch('/ModuleAPI/DeleteModule', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify(module.settingId)
                     })
                         .then(response => {
                             if (!response.ok) {
                                 throw new Error('Failed to delete module');
                             }
-                            // Remove the deleted user from the userData array
-                            const index = this.moduleData.findIndex(u => u.settingId === module.settingId);
-                            if (index !== -1) {
-                                alert("Module deleted successfully");
-                                this.moduleData.splice(index, 1);
-                            }
-                            $('#confirm-dialog').modal('hide'); // Hide the modal after deletion
+                            
+                            alert("Module deleted successfully");
+                            location.reload();
                         })
                         .catch(error => {
                             console.error('Failed to delete module with status:', error);
diff --git a/Views/Admin/ModuleSetting.cshtml b/Views/Admin/ModuleSetting.cshtml
index 426f3b6..e1d7049 100644
--- a/Views/Admin/ModuleSetting.cshtml
+++ b/Views/Admin/ModuleSetting.cshtml
@@ -81,6 +81,17 @@
                                             </div>
                                         </div>
                                     </div>
+                                    <div class="form-group row">
+                                        <label class="col-md-3 mt-3">Module Status</label>
+                                        <div class="col-md-6">
+                                            <select class="form-select shadow-none mt-3" name="moduleStatus" v-model="moduleData.moduleStatus" style="height: 36px; width: 100%">
+                                                <optgroup label="General">
+                                                    <option value="1">Enabled</option>
+                                                    <option value="0">Disabled</option>
+                                                </optgroup>
+                                            </select>
+                                        </div>
+                                    </div>
                                 </div>
                                 <div class="border-top">
                                     <div class="card-body" v-on:click="saveData">
@@ -248,7 +259,8 @@
                         .then(data => {
                             console.log('Method added successfully:', data);
                             alert('Method added successfully');
-                            this.fetchXModule(); // Refresh the module data
+                            location.reload();
+                            this.fetchXModule(); 
                         })
                         .catch(error => {
                             console.error('There was a problem when adding the module operation:', error);
@@ -268,6 +280,7 @@
                                 throw new Error('Failed to save module information');
                             }
                             alert('Module information saved successfully');
+                            location.reload();
                         })
                         .catch(error => {
                             console.error('There was a problem with the update operation:', error);