From 09630f25a5cfed5a90fa202162f3341a9e9c3176 Mon Sep 17 00:00:00 2001
From: "dwi.firman" <dwi.firman@rssa.id>
Date: Tue, 10 Jun 2025 08:25:55 +0700
Subject: [PATCH] perubahan API update role User Tipe

---
 components/Master/DialogModal.vue           |   6 -
 components/Master/Table.vue                 |   9 +-
 components/Master/formDetail1.vue           |  28 +--
 components/Master/formDetail1_copy.vue      | 213 --------------------
 pages/Setting/typeUser/index.vue            |   2 -
 server/api/setting/getRoleMenu.post.ts      |   2 +-
 server/api/setting/postRoleMenuUser.post.ts |  50 ++++-
 stores/api/setting/setting.ts               |  26 +--
 8 files changed, 73 insertions(+), 263 deletions(-)
 delete mode 100644 components/Master/formDetail1_copy.vue

diff --git a/components/Master/DialogModal.vue b/components/Master/DialogModal.vue
index 0ba9e51..6875bd0 100644
--- a/components/Master/DialogModal.vue
+++ b/components/Master/DialogModal.vue
@@ -12,17 +12,11 @@ watch(() => props.stateValue, (newValue) => {
   isActive.value = newValue;
 });
 
-
 </script>
 
-
 <template>
   <div class="pa-4 text-center">
     <v-dialog max-width="800" v-model="isActive" persistent>
-      <!-- <template v-slot:activator="{ props: activatorProps }">
-        <v-btn v-bind="activatorProps" text="Open Dialog"></v-btn>
-      </template> -->
-
       <template v-slot:default="{ isActive }">
         <v-card>
           <template v-slot:title>
diff --git a/components/Master/Table.vue b/components/Master/Table.vue
index 3d8927b..6699c9b 100644
--- a/components/Master/Table.vue
+++ b/components/Master/Table.vue
@@ -2,6 +2,7 @@
 import typeUser from "@/data/dummy/keuangan.type_user.json";
 import role_menu from "@/data/dummy/keuangan.role_menu.json";
 import menu from "@/data/dummy/keuangan.menu.json";
+import axios from "axios";
 //misal id = 683d57b2bccc67d467a9e10f
 // const id=ref('683d57b2bccc67d467a9e10f')
 // const { data:role_menu } = await useFetch(`/api/role_menu/${id.value}`)
@@ -19,7 +20,13 @@ const updateData = (id) => {
 };
 
 const deleteData = (id) => {
-  console.log("delete data:", id);
+  // console.log("delete data:", id);
+  axios.get(`http://10.10.150.131:8080/api/menu/type`, {
+    method: "GET",
+    headers: {"Content-Type": "application/json"}
+  }).then(res => {
+    console.log(res);
+  })
 };
 
 </script>
diff --git a/components/Master/formDetail1.vue b/components/Master/formDetail1.vue
index dc9f7aa..400bbd5 100644
--- a/components/Master/formDetail1.vue
+++ b/components/Master/formDetail1.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import {useSettingStore} from "@/stores/api/setting/setting";
-import { sweetalert } from "~/utils/helper";
+import {sweetalert} from "~/utils/helper";
 
 const {getTypeUser, getMenu, postRoleUserMenu} = useSettingStore();
-const {listMenu, listTypeUser, typeUser, roleMenuById,messages} = storeToRefs(useSettingStore());
+const {listMenu, listTypeUser, typeUser, roleMenuById, messages} = storeToRefs(useSettingStore());
 const data = ref<any>([]);
 const menuItem = ref<any>([]);
 const type_user = ref<any>([]);
@@ -18,7 +18,6 @@ const dataMenu = async () => {
   ])
   // filtering role akses menu terhadap tipe user
   if (roleMenuById.value.data != null && roleMenuById.value.data != "") {
-    console.log('lidt menu', listMenu.value)
     return roleMenuById.value.data.map((role_menu: any) => {
       menuItem.value = listMenu.value.find(
           (menu: any) =>
@@ -88,25 +87,21 @@ const onSubmit = async () => {
     })
   };
 
-  // console.log('Payload yang dikirim:', payload);
   await postRoleUserMenu(payload);
-  // console.log(messages.value);
-  if(messages.value.type==='success'){
+  if (messages.value.type === 'success') {
     emit('stateValue', false)
-    sweetalert(messages.value.title,'',messages.value.type);
-  }else{
-    sweetalert(messages.value.title,'',messages.value.type);  
+    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
+// function untu craete checkbox
 const createCheckbox = (namePrefix: string, menu: any) => {
   const accessMap = {
     accessAdd: menu.accessAdd,
@@ -128,7 +123,7 @@ const createCheckbox = (namePrefix: string, menu: any) => {
   };
 };
 
-// Helper function to create a menu row
+// Helper function untuk create row menu
 let count = 0
 const createMenuRow = (menu: any) => {
   count += 1;
@@ -176,7 +171,6 @@ const createMenuRow = (menu: any) => {
 <template>
   <div class="d-flex flex-column gap-1 mx-1 pa-7 pt-0 pb-0">
     <Vueform ref="dataDetail" validate-on="change|step" method="post" :endpoint="onSubmit">
-      <!--      <v-text-field v-model="data[0].idTipeUser"></v-text-field>-->
       <GridElement
           name="gridTable"
           :widths="['80px', '','90px','90px','90px','90px']"
@@ -207,9 +201,7 @@ const createMenuRow = (menu: any) => {
   </div>
 </template>
 <style>
-.my-swal{
-  z-index:2147483647 !important;
+.my-swal {
+  z-index: 2147483647 !important;
 }
-
-
 </style>
diff --git a/components/Master/formDetail1_copy.vue b/components/Master/formDetail1_copy.vue
deleted file mode 100644
index 1d2ad76..0000000
--- a/components/Master/formDetail1_copy.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<script setup lang="ts">
-import {useSettingStore} from "@/stores/api/setting/setting";
-
-const {getTypeUser, getMenu} = useSettingStore();
-const {listMenu, listTypeUser, roleMenuById} = storeToRefs(useSettingStore());
-
-const data = ref<any>([]);
-const menuItem = ref<any>([]);
-const type_user = ref<any>([]);
-const dataDetail = ref(null)
-
-const dataMenu = async () => {
-  await Promise.all([
-    getMenu(),
-    getTypeUser()
-  ])
-  // filtering role akses menu terhadap tipe user
-  if (roleMenuById.value.data != null && roleMenuById.value.data != "") {
-    return roleMenuById.value.data.map((role_menu: any) => {
-      menuItem.value = listMenu.value.find(
-          (menu: any) => menu._id == role_menu.menu_id
-      );
-      type_user.value = listTypeUser.value.find(
-          (type_user: any) => type_user._id == role_menu.type_user_id
-      );
-      return {
-        _id: role_menu._id,
-        idTipeUser: type_user.value._id,
-        menu: menuItem?.value.display || "-",
-        type_user: type_user?.value.display || "-",
-        accessAdd: role_menu.access?.[0]?.add || 0,
-        accessUpdate: role_menu.access?.[1]?.update || 0,
-        accessRead: role_menu.access?.[2]?.read || 0,
-        accessDelete: role_menu.access?.[3]?.delete || 0,
-      };
-    });
-  } else {
-    checkMenu()
-  }
-};
-
-const checkMenu = () => {
-  // Filter the listMenu based on roleMenuById
-  var arr = listMenu.value.filter((i: any) =>
-      !roleMenuById.value.data ||
-      !roleMenuById.value.data.map((r: any) => r.menu_id).includes(i._id)
-  );
-  // Check if arr is not empty or roleMenuById.value.data is null
-  if (arr.length !== 0 || !roleMenuById.value.data) {
-    arr.forEach((i: any, index: number) => {
-      data.value.push({
-        _id: `${index + 1}`,
-        idTipeUser: type_user.value._id,
-        menu: i.display,
-        accessAdd: 0,
-        accessUpdate: 0,
-        accessRead: 0,
-        accessDelete: 0
-      });
-    });
-  }
-}
-
-const onChange = (newValue, oldValue, el$) => {
-}
-const onSubmit = async () => {
-  console.log("ini disimpan:", dataDetail.value?.form$.data);
-};
-onMounted(async () => {
-  data.value = await dataMenu();
-  checkMenu()
-  console.log('aaaaa', data.value);
-});
-
-
-// Helper function to create checkbox config
-const createCheckbox = (namePrefix: string, menu: any) => {
-  const accessMap = {
-    accessAdd: menu.accessAdd,
-    accessUpdate: menu.accessUpdate,
-    accessRead: menu.accessRead,
-    accessDelete: menu.accessDelete
-  };
-  return {
-    name: `${namePrefix}_${menu._id}`,
-    type: 'checkbox',
-    text: 'Ya',
-    default: accessMap[namePrefix] !== undefined ? accessMap[namePrefix] : 0,
-    'true-value': "1",
-    'false-value': "0",
-    builder: {
-      type: 'checkbox',
-      label: 'Checkbox'
-    }
-  };
-};
-
-// Helper function to create a menu row
-let count = 0
-const createMenuRow = (menu: any) => {
-  count += 1; // Use the current counter value and then increment it
-  const multiElement = {
-    nama_menu: {
-      name: 'name_menu',
-      type: 'static',
-      content: menu.menu,
-      builder: {
-        type: 'p',
-      },
-    },
-    id_menu: {
-      type: 'text',
-      default: menu._id,
-      builder: {
-        type: 'text',
-      },
-    },
-    idTipeUser: {
-      type: 'hidden',
-      default: menu.idTipeUser,
-      builder: {
-        type: 'text',
-      },
-    },
-  }
-  console.log(multiElement)
-
-  const result = [
-    [`${count}`, 1, 1],
-    [
-      {
-        name: 'container1',
-        type: 'group',
-        schema: {
-          column: {
-            name: 'column',
-            type: 'group',
-            schema: multiElement
-          },
-        },
-        builder: {
-          type: 'container2',
-          label: '2 columns',
-        },
-      },
-      1,
-      1
-    ],
-    [createCheckbox('accessAdd', menu), 1, 1],
-    [createCheckbox('accessUpdate', menu), 1, 1],
-    [createCheckbox('accessRead', menu), 1, 1],
-    [createCheckbox('accessDelete', menu), 1, 1]
-  ]
-  // console.log(result)
-
-  return result
-}
-
-// const checkMenu = () => {
-//   // Filter the listMenu based on roleMenuById
-//   var arr = listMenu.value.filter((i: any) =>
-//       !roleMenuById.value.data ||
-//       !roleMenuById.value.data.map((r: any) => r.menu_id).includes(i._id)
-//   );
-//   // Check if arr is not empty or roleMenuById.value.data is null
-//   if (arr.length !== 0 || !roleMenuById.value.data) {
-//     arr.forEach((i: any, index: number) => {
-//       data.value.push({
-//         _id: `${index + 1}`,
-//         menu: i.display,
-//         accessAdd: 0,
-//         accessUpdate: 0,
-//         accessRead: 0,
-//         accessDelete: 0
-//       });
-//     });
-//   }
-// }
-</script>
-
-<template>
-  <div class="d-flex flex-column gap-1 mx-1 pa-7 pt-0 pb-0">
-    <Vueform ref="dataDetail" validate-on="change|step" method="post" :endpoint="onSubmit">
-      <!--      <v-text-field v-model="data[0].idTipeUser"></v-text-field>-->
-                  <GridElement
-                      name="gridTable"
-                      :widths="['80px', '','90px','90px','90px','90px']"
-                      :presets="['grid']"
-                      :cols="6"
-                      :rows="1+data.length"
-                      :grid="[
-                    [
-                      ['No', 1, 1, null, null],
-                      ['Nama Menu', 1, 1, null, null],
-                      ['Tambah', 1, 1, null, null],
-                      ['Ubah', 1, 1, null, null],
-                      ['Baca', 1, 1, null, null],
-                      ['Hapus', 1, 1, null, null],
-                    ],
-                    ...data.map((menu:any) => createMenuRow(menu))
-                  ]"
-                  />
-      <ButtonElement
-          class="mt-6"
-          name="primaryButton"
-          button-label="Simpan"
-          :submits="true"
-          align="right"
-      />
-
-    </Vueform>
-  </div>
-</template>
diff --git a/pages/Setting/typeUser/index.vue b/pages/Setting/typeUser/index.vue
index 0460269..6ca9cb9 100644
--- a/pages/Setting/typeUser/index.vue
+++ b/pages/Setting/typeUser/index.vue
@@ -16,12 +16,10 @@ const detailType = async(item:any) => {
 };
 onMounted(async() => {
   await getTypeUser()
-  // console.log(listTypeUser);
 })
 </script>
 <!-- ini list -->
 <template>
-  <!-- <MasterContoh1 /> -->
   <div class="d-flex pt-6 align-center ml-3 mb-6">
         <v-btn class="mr-16" color="primary" variant="tonal" @click="state= !state; type='create'"><v-icon>mdi-plus</v-icon> Tipe User</v-btn>
   </div>
diff --git a/server/api/setting/getRoleMenu.post.ts b/server/api/setting/getRoleMenu.post.ts
index 8724d81..273f4a0 100644
--- a/server/api/setting/getRoleMenu.post.ts
+++ b/server/api/setting/getRoleMenu.post.ts
@@ -1,6 +1,6 @@
 export default defineEventHandler(async(event)=> {
   const body = await readBody(event)
-  console.log(body)
+  // console.log(body)
   const a = await $fetch(`http://10.10.150.131:8080/api/menu/role/type/${body}`,{
     headers: {
       "Content-Type": "application/json",
diff --git a/server/api/setting/postRoleMenuUser.post.ts b/server/api/setting/postRoleMenuUser.post.ts
index ec1e5bc..592ff4f 100644
--- a/server/api/setting/postRoleMenuUser.post.ts
+++ b/server/api/setting/postRoleMenuUser.post.ts
@@ -1,9 +1,47 @@
 export default defineEventHandler(async (event) => {
   const body = await readBody(event)
-  const res = await $fetch(`http://10.10.150.131:8080/api/menu/role/insert`, {
-    method: "POST",
-    headers: {"Content-Type": "application/json"},
-    body:body
-  })
-  return res
+  try {
+    const res = await $fetch(`http://10.10.150.131:8080/api/menu/update/rolemenu?id=${body[0].type_user_id}`, {
+      method: "POST",
+      headers: {"Content-Type": "application/json"},
+      body: body
+    })
+    return res
+  } catch (err) {
+    console.error('Error in API call:', err)
+    // Membuat object error response yang lebih informatif
+    const errorResponse = {
+      statusCode: err.response?.status || 500,
+      statusMessage: err.response?.statusText || 'Internal Server Error',
+      data: err.data || null
+    }
+    // Throw error dengan detail yang lebih baik
+    throw createError({
+      statusCode: errorResponse.statusCode,
+      statusMessage: errorResponse.statusMessage,
+      data: errorResponse.data
+    })
+  }
+  // try {
+  //   const res = await $fetch(`http://10.10.150.131:8080/api/menu/role/insert`, {
+  //     method: "POST",
+  //     headers: {"Content-Type": "application/json"},
+  //     body: body
+  //   })
+  //   return res
+  // } catch (err) {
+  //   console.error('Error in API call:', err)
+  //   // Membuat object error response yang lebih informatif
+  //   const errorResponse = {
+  //     statusCode: err.response?.status || 500,
+  //     statusMessage: err.response?.statusText || 'Internal Server Error',
+  //     data: err.data || null
+  //   }
+  //   // Throw error dengan detail yang lebih baik
+  //   throw createError({
+  //     statusCode: errorResponse.statusCode,
+  //     statusMessage: errorResponse.statusMessage,
+  //     data: errorResponse.data
+  //   })
+  // }
 })
diff --git a/stores/api/setting/setting.ts b/stores/api/setting/setting.ts
index 609b68c..4b6f02a 100644
--- a/stores/api/setting/setting.ts
+++ b/stores/api/setting/setting.ts
@@ -1,5 +1,4 @@
 import {defineStore} from "pinia";
-import type {RoleMenuUser} from "~/types/setting/RoleMenuUser";
 import type {MessagesHandler} from "~/types/messagesHandler";
 
 const messages = ref<MessagesHandler>({});
@@ -9,24 +8,22 @@ export const useSettingStore = defineStore("SettingStore", () => {
   const listMenu = ref<any>([]);
   const getMenu = async () => {
     await $fetch("/api/setting/getListMenu", {
+      method: "GET",
       // mode: "no-cors",
       headers: {
         "Content-Type": "application/json",
       },
-      method: "GET",
     })
       .then((res) => {
         listMenu.value = res
-        console.log(listMenu.value);
+        // console.log(listMenu.value);
       });
   };
 
-
   const typeUser = ref<any>([]);
   const roleMenuById = ref<any>([]);
   const getRoleMenuById = async (body: Record<string, any>) => {
     typeUser.value = body;
-    
     await $fetch(`/api/setting/getRoleMenu`, {
       // mode: "no-cors",
       headers: {
@@ -36,20 +33,19 @@ export const useSettingStore = defineStore("SettingStore", () => {
       body: JSON.stringify(body),
     }).then((res) => {
       roleMenuById.value = res;
-      
     });
   };
 
   const listTypeUser = ref<any>([]);
   const getTypeUser = async () => {
     await $fetch("/api/setting/getTipeUser", {
+      method: "GET",
       //  mode: 'no-cors',
       //     headers: {
       //         'Access-Control-Allow-Origin': '*',
       //         Accept: 'application/json',
       //         'Content-Type': 'application/json',
       //     },
-      method: "GET",
     })
       .then((res) => {
         listTypeUser.value = res
@@ -57,12 +53,10 @@ export const useSettingStore = defineStore("SettingStore", () => {
   };
 
   const postRoleUserMenu = async (body: Record<string, any>) => {
-    // console.log('asdasdasd', body)
     const roleUserMenu = body.menus.map((item) => ({
       type_user_id: item.type_user_id,
       menu_id: item.menu_id,
       access: [
-        // item.access
         {
           add: parseInt(item.access[0].value),
           update: parseInt(item.access[1].value),
@@ -71,11 +65,11 @@ export const useSettingStore = defineStore("SettingStore", () => {
         }
       ]
     }))
-    await $fetch(`/api/setting/deleteRoleMenuUser`, {
-      method: 'POST',
-      headers: {'Content-Type': 'application/json'},
-      body: JSON.stringify({key: body.menus[0].type_user_id})
-    }).then(async (res) => {
+    // await $fetch(`/api/setting/deleteRoleMenuUser`, {
+    //   method: 'POST',
+    //   headers: {'Content-Type': 'application/json'},
+    //   body: JSON.stringify({key: body.menus[0].type_user_id})
+    // }).then(async (res) => {
       await $fetch(`/api/setting/postRoleMenuUser`, {
         method: 'POST',
         headers: {'Content-Type': 'application/json'},
@@ -86,11 +80,11 @@ 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'
         })
-    })
+    // })
   }
 
   return {