From 714eba34b7c48585456661f474a4d2dbb21f9d5f Mon Sep 17 00:00:00 2001
From: "davila.erdianita.1005" <davila.erdianita.1005@rssa.id>
Date: Sun, 8 Jun 2025 15:12:02 +0700
Subject: [PATCH] perbaikan dan sweetalert

---
 components/Master/formDetail1.vue             | 22 +++++++++++++++----
 package-lock.json                             | 11 ++++++++++
 pages/Setting/typeUser/index.vue              |  2 +-
 ...getRoleMenu.get.ts => getRoleMenu.post.ts} |  0
 stores/api/setting/setting.ts                 |  9 +++++---
 utils/helper.ts                               |  5 ++++-
 6 files changed, 40 insertions(+), 9 deletions(-)
 rename server/api/setting/{getRoleMenu.get.ts => getRoleMenu.post.ts} (100%)

diff --git a/components/Master/formDetail1.vue b/components/Master/formDetail1.vue
index 2a2cd89..dc9f7aa 100644
--- a/components/Master/formDetail1.vue
+++ b/components/Master/formDetail1.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import {useSettingStore} from "@/stores/api/setting/setting";
+import { sweetalert } from "~/utils/helper";
 
 const {getTypeUser, getMenu, postRoleUserMenu} = useSettingStore();
 const {listMenu, listTypeUser, typeUser, roleMenuById,messages} = storeToRefs(useSettingStore());
@@ -8,6 +9,8 @@ const menuItem = ref<any>([]);
 const type_user = ref<any>([]);
 const dataDetail = ref(null)
 
+const emit = defineEmits(['stateValue']);
+
 const dataMenu = async () => {
   await Promise.all([
     getMenu(),
@@ -88,15 +91,19 @@ const onSubmit = async () => {
   // console.log('Payload yang dikirim:', payload);
   await postRoleUserMenu(payload);
   // console.log(messages.value);
-  // if(messages.value.type==='success'){
-  //   sweetalert(messages.value.title,'',messages.value.type);
-  // }
-  window.location.reload();
+  if(messages.value.type==='success'){
+    emit('stateValue', false)
+    sweetalert(messages.value.title,'',messages.value.type);
+  }else{
+    sweetalert(messages.value.title,'',messages.value.type);  
+  }
+  // window.location.reload();
 };
 
 onMounted(async () => {
   data.value = await dataMenu();
   checkMenu()
+  // console.log("ini rrolemenu :",roleMenuById);
 });
 
 // Helper function to create checkbox config
@@ -199,3 +206,10 @@ const createMenuRow = (menu: any) => {
     </Vueform>
   </div>
 </template>
+<style>
+.my-swal{
+  z-index:2147483647 !important;
+}
+
+
+</style>
diff --git a/package-lock.json b/package-lock.json
index 555c2fb..4c150e1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,7 @@
         "openid-client": "^5.7.1",
         "pinia": "^3.0.2",
         "sass": "1.70.0",
+        "sweetalert2": "^11.22.0",
         "vue": "3.5.13",
         "vue-tabler-icons": "2.21.0",
         "vue3-apexcharts": "1.5.2",
@@ -18686,6 +18687,16 @@
         "node": ">= 10"
       }
     },
+    "node_modules/sweetalert2": {
+      "version": "11.22.0",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.22.0.tgz",
+      "integrity": "sha512-pSMuRGDULhh+wrFkO22O0YsIXxs8yFE0O+WVYXcqc/sTa1oRnf0JlR+vfQIRY1QM1UeFfnCjyw6DYnG75/oxiQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/limonte"
+      }
+    },
     "node_modules/symbol": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/symbol/-/symbol-0.2.3.tgz",
diff --git a/pages/Setting/typeUser/index.vue b/pages/Setting/typeUser/index.vue
index cd075b2..0460269 100644
--- a/pages/Setting/typeUser/index.vue
+++ b/pages/Setting/typeUser/index.vue
@@ -48,7 +48,7 @@ onMounted(async() => {
       <!-- <p>coba ini</p> -->
 <!--       {{ type }}-->
        <MasterFormTypeUser v-if="type=='create'"/>
-       <MasterFormDetail1 v-if="type=='detail'"/>
+       <MasterFormDetail1 v-if="type=='detail'" @stateValue="val => state = val"/>
         <!-- <MasterContoh v-if="type=='detail'"/> -->
     </template>
   </MasterDialogModal>
diff --git a/server/api/setting/getRoleMenu.get.ts b/server/api/setting/getRoleMenu.post.ts
similarity index 100%
rename from server/api/setting/getRoleMenu.get.ts
rename to server/api/setting/getRoleMenu.post.ts
diff --git a/stores/api/setting/setting.ts b/stores/api/setting/setting.ts
index dc6e2ba..609b68c 100644
--- a/stores/api/setting/setting.ts
+++ b/stores/api/setting/setting.ts
@@ -26,8 +26,8 @@ export const useSettingStore = defineStore("SettingStore", () => {
   const roleMenuById = ref<any>([]);
   const getRoleMenuById = async (body: Record<string, any>) => {
     typeUser.value = body;
-
-    await $fetch(`/api/roleMenu/roleMenu`, {
+    
+    await $fetch(`/api/setting/getRoleMenu`, {
       // mode: "no-cors",
       headers: {
         "Content-Type": "application/json",
@@ -36,6 +36,7 @@ export const useSettingStore = defineStore("SettingStore", () => {
       body: JSON.stringify(body),
     }).then((res) => {
       roleMenuById.value = res;
+      
     });
   };
 
@@ -85,7 +86,9 @@ export const useSettingStore = defineStore("SettingStore", () => {
           messages.value.title = 'Akses User Sudah Disimpan'
         })
         .catch((err) => {
-          console.log(err)
+          // console.log(err)
+          messages.value.type = 'error'
+          messages.value.title = 'Akses User Tidak Berhasil Disimpan'
         })
     })
   }
diff --git a/utils/helper.ts b/utils/helper.ts
index 871f14a..ddcec01 100644
--- a/utils/helper.ts
+++ b/utils/helper.ts
@@ -35,6 +35,9 @@ export function sweetalert(message: string,subtitle:string,type: string) {
     title: message,
     text: subtitle,
     showConfirmButton: false,
-    timer: 3500
+    timer: 3500,
+    customClass:{
+      container:'my-swal'
+    }
   });
 }
\ No newline at end of file