diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..9a219ce
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,11 @@
+KEYCLOAK_URL="https://auth.rssa.top"
+KEYCLOAK_SECRET="32HslhZ8Hn97SsbxcmowhXvmNZ9cPGNE"
+KEYCLOAK_CLIENT="keuangan-firman"
+KEYCLOAK_REALM="sandbox"
+KEYCLOAK_REDIRECT_URL="http://localhost:3000"
+
+KEYCLOAK_ISSUER="https://auth.rssa.top/realms/sandbox"
+AUTH_ORIGIN="http://localhost:3000"
+
+# MONGODB_URI='mongodb://admin:*****@10.10.123.206:27017/?retryWrites=true&loadBalanced=false&serverSelectionTimeoutMS=5000&connectTimeoutMS=10000&authSource=admin&authMechanism=SCRAM-SHA-1'
+MONGODB_URI='mongodb://10.10.123.206:27017/keuangan'
\ No newline at end of file
diff --git a/components/Master/formDetail.vue b/components/Master/formDetail.vue
index 6d423a4..48f146d 100644
--- a/components/Master/formDetail.vue
+++ b/components/Master/formDetail.vue
@@ -1,28 +1,17 @@
 <script setup lang="ts">
-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 {useSettingStore} from "@/stores/api/setting/setting"
 
-import {useRoleMode} from "@/stores/api/roleMenu"
-import {useMenu} from "@/stores/api/menu"
-import {useTypeUser} from "@/stores/api/typeUser"
+const {getMenu,getRoleMenuById,getTypeUser} = useSettingStore()
+const {roleMenuById,listMenu,listTypeUser} = storeToRefs(useSettingStore())
 
-const {getMenu} = useMenu()
-const {getTypeUser} = useTypeUser()
-
-const {roleMenuById} = storeToRefs(useRoleMode())
-const {listMenu} = storeToRefs(useMenu())
-const {listTypeUser} = storeToRefs(useTypeUser())
 const data = ref<any>([])
 
 const dataMenu = async() => {
     await getMenu()
     await getTypeUser()
-    // console.log('ini semua tipe:',listTypeUser.value);
     return roleMenuById.value.data.map((role_menu: any) => {
         const menuItem = listMenu.value.find((menu:any) => menu._id == role_menu.menu_id)
         const type_user= listTypeUser.value.find((type_user:any) => type_user._id == role_menu.type_user_id)
-        // console.log("ini menunya:",menuItem);
     return {
       _id: role_menu._id,
       menu: menuItem?.display || '-',
@@ -33,7 +22,6 @@ const dataMenu = async() => {
       accessDelete: role_menu.access?.[3]?.delete || 0
     }
   });
-//   console.log(data)
 };
 
 const onSubmit = async() => {
@@ -44,7 +32,7 @@ const onSubmit = async() => {
 onMounted(async () => {
 //   console.log(roleMenuById.value.data);
   data.value = await dataMenu()
-  console.log(data.value);
+  // console.log(data.value);
 })
 
 const columns=ref([
@@ -59,9 +47,6 @@ const columns=ref([
 
 <template>
   <div class="d-flex flex-column gap-1 mx-1 pa-7 pt-0 pb-0">
-    <!-- {{roleMenuById.data}} -->
-     <!-- {{dataMenu}} -->
-     <!-- {{data}} -->
     <MasterTable :columns="columns" :data="data"/>
   </div>
 </template>
diff --git a/components/Master/formDetail1.vue b/components/Master/formDetail1.vue
index a9fed20..a52cada 100644
--- a/components/Master/formDetail1.vue
+++ b/components/Master/formDetail1.vue
@@ -1,18 +1,9 @@
 <script setup lang="ts">
-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 {useSettingStore} from "@/stores/api/setting/setting";
 
-import {useRoleMode} from "@/stores/api/roleMenu";
-import {useMenu} from "@/stores/api/menu";
-import {useTypeUser} from "@/stores/api/typeUser";
+const {getTypeUser, getMenu, postRoleUserMenu} = useSettingStore();
+const {listMenu, listTypeUser,typeUser, roleMenuById,} = storeToRefs(useSettingStore());
 
-const {getMenu} = useMenu();
-const {getTypeUser} = useTypeUser();
-
-const {roleMenuById} = storeToRefs(useRoleMode());
-const {listMenu} = storeToRefs(useMenu());
-const {listTypeUser} = storeToRefs(useTypeUser());
 const data = ref<any>([]);
 const menuItem = ref<any>([]);
 const type_user = ref<any>([]);
@@ -24,22 +15,28 @@ const dataMenu = async () => {
     getTypeUser()
   ])
   // 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) => menu._id == role_menu.menu_id
+          (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
       );
+      console.log('menu item', menuItem.value);
       return {
         _id: role_menu._id,
+        idTipeUser: type_user.value._id,
         menu: menuItem?.value.display || "-",
+        menu_id: menuItem?.value._id,
         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,
+        accessUpdate: role_menu.access?.[0]?.update || 0,
+        accessRead: role_menu.access?.[0]?.read || 0,
+        accessDelete: role_menu.access?.[0]?.delete || 0,
       };
     });
   } else {
@@ -53,12 +50,16 @@ const checkMenu = () => {
       !roleMenuById.value.data ||
       !roleMenuById.value.data.map((r: any) => r.menu_id).includes(i._id)
   );
+  console.log(' menu arr ',arr);
+  console.log('list menu arr ',listMenu.value);
   // 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}`,
+        _id: `${i._id}`,
+        idTipeUser: type_user.value._id,
         menu: i.display,
+        menu_id: i._id,
         accessAdd: 0,
         accessUpdate: 0,
         accessRead: 0,
@@ -68,13 +69,81 @@ const checkMenu = () => {
   }
 }
 
+// const onSubmit = async () => {
+//   // try {
+//   const formData = dataDetail.value?.form$.data
+// console.log('form ',formData)
+// console.log(' data value',data.value)
+//   // Struktur data untuk dikirim ke backend
+//   const payload = {
+//     menus: data.value.map(menu => ({
+//       type_user_id: formData.idTipeUser, // ID tipe user dari hidden field
+//       menu_id: menu._id,
+//       // menu_name: formData[`name_menu_${menu._id}`], // Nama menu dari static element
+//       access: [
+//         {type: 'add', value: formData[`accessAdd_${menu._id}`] || '0'},
+//         {type: 'update', value: formData[`accessUpdate_${menu._id}`] || '0'},
+//         {type: 'read', value: formData[`accessRead_${menu._id}`] || '0'},
+//         {type: 'delete', value: formData[`accessDelete_${menu._id}`] || '0'}
+//       ]
+//     }))
+//   }
+//
+//   // console.log('Data yang dikirim:', payload)
+//   await postRoleUserMenu(payload)
+//   // Panggil action dari store untuk mengirim data ke backend
+//   // const response = await saveRoleMenu(payload)
+//
+//   // Handle response dari backend
+//   // if (response.success) {
+//   //   alert('Data berhasil disimpan!')
+//   //   // Refresh data jika perlu
+//   //   data.value = await dataMenu()
+//   // } else {
+//   //   alert('Gagal menyimpan data: ' + response.message)
+//   // }
+//   // } catch (error) {
+//   //   console.error('Error saat menyimpan data:', error)
+//   //   alert('Terjadi kesalahan saat menyimpan data')
+//   // }
+// }
 const onSubmit = async () => {
-  console.log("ini disimpan:", dataDetail.value?.form$.data);
+  const formData = dataDetail.value?.form$.data;
+  console.log('form ', formData);
+  // Jika data.value kosong, kita akan mengambil data dari form
+  const menusToProcess = data.value!==undefined ? data.value : listMenu.value;
+console.log(formData);
+console.log(listTypeUser.value);
+console.log(data.value);
+console.log(menusToProcess);
+  // Struktur data untuk dikirim ke backend
+  const payload = {
+    menus: menusToProcess.map(menu => {
+      const menuId = menu.menu_id || menu._id; // Gunakan _id atau id tergantung struktur data
+      return {
+        type_user_id: formData.idTipeUser||typeUser.value, // ID tipe user dari hidden field
+        menu_id: menuId ,
+        access: [
+          {type: 'add', value: formData[`accessAdd_${menuId}`] || 0},
+          {type: 'update', value: formData[`accessUpdate_${menuId}`] || 0},
+          {type: 'read', value: formData[`accessRead_${menuId}`] || 0},
+          {type: 'delete', value: formData[`accessDelete_${menuId}`] || 0}
+        ]
+      };
+    })
+  };
+
+  console.log('Payload yang dikirim:', payload);
+  await postRoleUserMenu(payload);
+  reloadNuxtApp()
 };
+
 onMounted(async () => {
   data.value = await dataMenu();
-  console.log(checkMenu())
   console.log('aaaaa', data.value);
+  console.log('user select', typeUser.value);
+  console.log('listTypeUser', listTypeUser.value);
+  checkMenu()
 });
 
 const form = ref({})
@@ -87,12 +156,12 @@ const createCheckbox = (namePrefix: string, menu: any) => {
     accessDelete: menu.accessDelete
   };
   return {
-    name: `${namePrefix}_${menu._id}`,
+    name: `${namePrefix}_${menu.menu_id}`,
     type: 'checkbox',
     text: 'Ya',
     default: accessMap[namePrefix] !== undefined ? accessMap[namePrefix] : 0,
-    'true-value': "1",
-    'false-value': "0",
+    'true-value': 1,
+    'false-value': 0,
     builder: {
       type: 'checkbox',
       label: 'Checkbox'
@@ -103,21 +172,68 @@ const createCheckbox = (namePrefix: string, menu: any) => {
 // Helper function to create a menu row
 let count = 0
 const createMenuRow = (menu: any) => {
+  console.log('create menu',menu);
   count += 1; // Use the current counter value and then increment it
-  return [
+  const multiElement = {
+    nama_menu: {
+      name: 'name_menu',
+      type: 'static',
+      content: menu.menu,
+      builder: {
+        type: 'p',
+      },
+    },
+    [`idMenu_${menu._id}`]: {
+      type: 'hidden',
+      default: menu._id,
+      builder: {
+        type: 'text',
+      },
+    },
+    idTipeUser: {
+      type: 'text',
+      default: menu.idTipeUser,
+      builder: {
+        type: 'text',
+      },
+    },
+  }
+  const result = [
     [`${count}`, 1, 1],
-    [menu.menu, 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]
   ]
+  return result
 }
 </script>
 
 <template>
   <div class="d-flex flex-column gap-1 mx-1 pa-7 pt-0 pb-0">
+    <pre>{{console.log("ini data value:",data)}}</pre>
+    <pre>{{  console.log('role menu',roleMenuById)}}</pre>
     <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']"
@@ -136,13 +252,13 @@ const createMenuRow = (menu: any) => {
         ...data.map((menu:any) => createMenuRow(menu))
       ]"
       />
-        <ButtonElement
-            class="mt-6"
-            name="primaryButton"
-            button-label="Simpan"
-            :submits="true"
-            align="right"
-        />
+      <ButtonElement
+          class="mt-6"
+          name="primaryButton"
+          button-label="Simpan"
+          :submits="true"
+          align="right"
+      />
 
     </Vueform>
   </div>
diff --git a/components/Master/formDetail1_copy.vue b/components/Master/formDetail1_copy.vue
new file mode 100644
index 0000000..1d2ad76
--- /dev/null
+++ b/components/Master/formDetail1_copy.vue
@@ -0,0 +1,213 @@
+<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/components/Master/formTypeUser.vue b/components/Master/formTypeUser.vue
index 1803f45..95a2797 100644
--- a/components/Master/formTypeUser.vue
+++ b/components/Master/formTypeUser.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const data = ref(null)
-import {useTypeUser} from "@/stores/api/typeUser"
-const {getTypeUser} = useTypeUser()
+import {useSettingStore} from "@/stores/api/setting/setting"
+const {getTypeUser} = useSettingStore()
 
 const onSubmit = async() => {
     // console.log("ini disimpan:",data.value?.data.typeUser);
diff --git a/components/auth/LoginForm.vue b/components/auth/LoginForm.vue
index 8f55a28..4b6f014 100644
--- a/components/auth/LoginForm.vue
+++ b/components/auth/LoginForm.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
 import { ref } from 'vue';
+import {useSession} from 'h3'
 const { $encodeBase64 } = useNuxtApp();
 
 const loginKeycloack = async () => {
     const cookies = useCookie('user_token');
     try {
         const response = await $fetch('/api/auth/login', { method: 'POST', mode: 'no-cors' }).then((response) => {
+          console.log(response);
+          useSession(event,{password:'80d42cfb-1cd2-462c-8f17-e3237d9027e9'})
             if (response.callbackURL !== null || response.callbackURL !== undefined || response.callbackURL !== '') {
                 cookies.value = $encodeBase64('ini_token_user');
                 window.location.href = response.callbackURL
diff --git a/layouts/default.vue b/layouts/default.vue
index 27aa8a5..60a6bae 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -13,7 +13,7 @@ useHead({
   },
 });
 
-const { session, refresh, update, reset, overwrite } = await useSession()
+// const { session, refresh, update, reset, overwrite } = await useSession()
 const { $encodeBase64, $decodeBase64 } = useNuxtApp();
 const sidebarMenu = ref('');
 const sessionState = ref('');
@@ -54,7 +54,7 @@ const response = $fetch(`${issuer.value}/protocol/openid-connect/token`, {
       })
         .then((response) => {
           localStorage.setItem('sidebarItems', $encodeBase64(JSON.stringify(response)))
-          update({ 'user_login': response })
+          // update({ 'user_login': response })
           // overwrite({ 'sidebarItems': response })
           sidebarMenu.value = response.items
         }).catch((err) => {
@@ -76,7 +76,7 @@ const response = $fetch(`${issuer.value}/protocol/openid-connect/token`, {
 
 function loadSidebarItemLocalStorage() {
   const as = JSON.parse($decodeBase64(localStorage.getItem('sidebarItems')))
-  console.log(session.value)
+  // console.log(session.value)
   console.log('sdadsd')
   sidebarMenu.value = as.items
   // sidebarMenu.value = session.value.user_login.items
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 71abbd2..37481c8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -50,15 +50,12 @@ export default defineNuxtConfig({
   // },
 
   runtimeConfig: {
-    // auth: {
-    //   origin: process.env.NUXT_AUTH_ORIGIN || 'http://localhost:3000'
-    // },
     public: {
-      keycloakUrl: 'https://auth.rssa.top',
-      keycloakRealm: 'sandbox',
-      keycloakClient: 'keuangan-davila',
-      keycloakSecretKey: '32HslhZ8Hn97SsbxcmowhXvmNZ9cPGNE',
-      keycloakRedirectURI: 'http://localhost:3000',
+      keycloakUrl: process.env.KEYCLOAK_URL,
+      keycloakRealm: process.env.KEYCLOAK_REALM,
+      keycloakClient: process.env.KEYCLOAK_CLIENT,
+      keycloakSecretKey: process.env.KEYCLOAK_SECRET,
+      keycloakRedirectURI: process.env.KEYCLOAK_REDIRECT_URL,
       // keycloakUrl: 'https://auth.rssa.top',
       // keycloakRealm: 'sandbox',
       // keycloakClient: 'keuangan-firman',
diff --git a/package.json b/package.json
index 25ecf31..3b586cc 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,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",
diff --git a/pages/Setting/typeUser/index.vue b/pages/Setting/typeUser/index.vue
index 1bac61b..cd075b2 100644
--- a/pages/Setting/typeUser/index.vue
+++ b/pages/Setting/typeUser/index.vue
@@ -1,29 +1,19 @@
 <script setup lang="ts">
-// import encounter from "@/data/dummy/encounter.json";
-// 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 { ref } from "vue";
-import {useTypeUser} from "@/stores/api/typeUser"
-import {useRoleMode} from "@/stores/api/roleMenu"
+import {useSettingStore} from "@/stores/api/setting/setting"
 
-const {getTypeUser} = useTypeUser()
-const {getRoleMenuById} = useRoleMode()
+const {getTypeUser,getRoleMenuById} = useSettingStore()
+const {listTypeUser,typeUser} =storeToRefs(useSettingStore())
 
-const {listTypeUser} =storeToRefs(useTypeUser())
-const {typeUser} =storeToRefs(useRoleMode())
 
 const state = ref(false)
 const type = ref('')
 const detailType = async(item:any) => {
-  console.log(item._id); //simpan pinia
+  //simpan pinia
   await getRoleMenuById(item._id)
   type.value='detail'
   state.value= true
-  // navigateTo(`/Setting/typeUser/HakAkses`);
 };
-// const dialog = ref(false);
-// const detail = ref(false);
 onMounted(async() => {
   await getTypeUser()
   // console.log(listTypeUser);
@@ -46,7 +36,7 @@ onMounted(async() => {
           </v-col>
         </template>
         <template v-else>
-          <div class="d-flex justify-content-center align-items-center">
+          <div class="d-flex justify-content-center align-items-center ml-3">
             <p>Tidak ada Pasien</p>
           </div>
         </template>
@@ -58,7 +48,7 @@ onMounted(async() => {
       <!-- <p>coba ini</p> -->
 <!--       {{ type }}-->
        <MasterFormTypeUser v-if="type=='create'"/>
-       <MasterFormDetailgit v-if="type=='detail'"/>
+       <MasterFormDetail1 v-if="type=='detail'"/>
         <!-- <MasterContoh v-if="type=='detail'"/> -->
     </template>
   </MasterDialogModal>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 81feb46..2233da8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,6 +50,9 @@ dependencies:
   sass:
     specifier: 1.70.0
     version: 1.70.0
+  sweetalert2:
+    specifier: ^11.22.0
+    version: 11.22.0
   vue:
     specifier: 3.5.13
     version: 3.5.13(typescript@5.8.3)
@@ -9502,6 +9505,10 @@ packages:
       csso: 5.0.5
       picocolors: 1.1.1
 
+  /sweetalert2@11.22.0:
+    resolution: {integrity: sha512-pSMuRGDULhh+wrFkO22O0YsIXxs8yFE0O+WVYXcqc/sTa1oRnf0JlR+vfQIRY1QM1UeFfnCjyw6DYnG75/oxiQ==}
+    dev: false
+
   /symbol@0.2.3:
     resolution: {integrity: sha512-IUW+ek7apEaW5bFhS6WpYoNtVpNTlNoqB/PH7YiMWQTxSPeXCzG4PILVakwXivJt3ZXWeO1fIJnUd/L9A/VeGA==}
     dev: false
diff --git a/server/api/auth/login.js b/server/api/auth/login.js
index 61aa89a..7c4426c 100644
--- a/server/api/auth/login.js
+++ b/server/api/auth/login.js
@@ -1,5 +1,4 @@
 import client from "~/server/utils/auth";
-import { sendRedirect } from 'h3';
 import cors from 'cors';
 
 export default defineEventHandler(async (event) => {
@@ -66,8 +65,6 @@ export default defineEventHandler(async (event) => {
     //   });
     // }
     // }
-    console.log(authorizationUrl)
 
     return { callbackURL: authorizationUrl }
-    // return { callbackURL: authorizationUrl+`&response_type=${responseType}&scope=${scope}` }
 });
diff --git a/server/api/setting/postRoleMenuUser.ts b/server/api/setting/postRoleMenuUser.ts
new file mode 100644
index 0000000..ec357f7
--- /dev/null
+++ b/server/api/setting/postRoleMenuUser.ts
@@ -0,0 +1,11 @@
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event)
+  console.log(body)
+  const res = await $fetch(`http://10.10.150.131:8080/api/menu/role/insert`, {
+    method: "POST",
+    headers: {"Content-Type": "application/json"},
+    body:body
+  })
+  // console.log(res)
+  return res
+})
diff --git a/server/api/sidebarItem.ts b/server/api/sidebarItem.ts
index 2b6b7f2..1f6be22 100644
--- a/server/api/sidebarItem.ts
+++ b/server/api/sidebarItem.ts
@@ -2,7 +2,7 @@ import axios from "axios";
 
 export default defineEventHandler(async (event) => {
   const read_body = await readBody(event)
-  console.log(`ini ${read_body}`)
+  // console.log(`ini ${read_body}`)
   try {
     const response = await axios.get(`http://10.10.150.131:8080/api/login/${read_body.key}`)
     // console.log(response.data.data)
diff --git a/stores/api/setting/setting.ts b/stores/api/setting/setting.ts
new file mode 100644
index 0000000..6b2d91a
--- /dev/null
+++ b/stores/api/setting/setting.ts
@@ -0,0 +1,87 @@
+import {defineStore} from "pinia";
+import type {RoleMenuUser} from "~/types/setting/RoleMenuUser";
+
+export const useSettingStore = defineStore("SettingStore", () => {
+  const listMenu = ref<any>([]);
+  const getMenu = async () => {
+    await $fetch("/api/menu/listMenu", {
+      // mode: "no-cors",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      method: "GET",
+    })
+      .then((res) => {
+        listMenu.value = res
+        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/roleMenu/roleMenu`, {
+      // mode: "no-cors",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      method: "POST",
+      body: JSON.stringify(body),
+    }).then((res) => {
+      roleMenuById.value = res;
+    });
+  };
+
+  const listTypeUser = ref<any>([]);
+  const getTypeUser = async () => {
+    await $fetch("/api/typeUser/listTypeUser", {
+      //  mode: 'no-cors',
+      //     headers: {
+      //         'Access-Control-Allow-Origin': '*',
+      //         Accept: 'application/json',
+      //         'Content-Type': 'application/json',
+      //     },
+      method: "GET",
+    })
+      .then((res) => {
+        listTypeUser.value = res
+      });
+  };
+
+  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),
+          read: parseInt(item.access[2].value),
+          delete: parseInt(item.access[3].value),
+        }
+      ]
+    }))
+    {
+
+    }
+    console.log('role', roleUserMenu);
+    await $fetch(`/api/setting/postRoleMenuUser`, {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json'},
+      body: JSON.stringify(roleUserMenu)
+    })
+      .then((res) => {
+        console.log('success')
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+
+  return {getMenu, getRoleMenuById, getTypeUser, postRoleUserMenu, listMenu, roleMenuById, typeUser, listTypeUser};
+})
\ No newline at end of file
diff --git a/utils/helper.ts b/utils/helper.ts
new file mode 100644
index 0000000..871f14a
--- /dev/null
+++ b/utils/helper.ts
@@ -0,0 +1,40 @@
+import Swal from 'sweetalert2';
+
+
+export function formatDate(date:string) {
+  const options = { year: 'numeric', month: 'long', day: 'numeric',locale: 'id-ID' };
+  return new Date(date).toLocaleDateString('id-ID', options);
+}
+export function getDateNow(){
+  const now = new Date();
+  const formattedDate = `${now.getFullYear()}-${(now.getMonth()+1).toString().padStart(2, '0')}-${now.getDate().toString().padStart(2, '0')}`;
+  // console.log(formattedDate); // Contoh output: "2025-05-07"
+  return formattedDate;
+}
+export function capitalizeEachWord(text:string) {
+  // const lowercase = text.toLowerCase();
+  // return lowercase.charAt(0).toUpperCase() + lowercase.slice(1);
+  return text
+    .toLowerCase()
+    .split(' ')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+}
+export function confirmAlert(message: string,subtitle:string,type: string) {
+  Swal.fire({
+    title: message,
+    text: subtitle,
+    icon: type,
+    // confirmButtonText: 'Cool'
+  })
+}
+export function sweetalert(message: string,subtitle:string,type: string) {
+  Swal.fire({
+    position: "center",
+    icon: type,
+    title: message,
+    text: subtitle,
+    showConfirmButton: false,
+    timer: 3500
+  });
+}
\ No newline at end of file