From e07a30b2047dbd40f7c690674024e92f65dbc3af Mon Sep 17 00:00:00 2001
From: "davila.erdianita.1005" <davila.erdianita.1005@rssa.id>
Date: Thu, 12 Jun 2025 12:11:09 +0700
Subject: [PATCH] session, perbaikan lain lain

---
 .env.example                                |  3 +-
 components/Master/ListMenu.vue              | 24 ----------
 components/Master/Table.vue                 | 53 ---------------------
 components/Master/formDetail.vue            | 52 --------------------
 components/Master/formTypeUser.vue          | 12 +----
 layouts/default.vue                         | 34 ++++++++-----
 nuxt.config.ts                              |  6 +++
 pages/Sample-Page.vue                       |  5 +-
 pages/Setting/typeUser/HakAkses.vue         | 48 -------------------
 pages/Setting/typeUser/index.vue            |  5 +-
 pages/index.vue                             | 10 ++++
 server/api/auth/getSessionMenu.ts           |  5 ++
 server/api/auth/sidebarItem.ts              | 18 ++++++-
 server/api/setting/deleteRoleMenuUser.ts    |  9 ----
 server/api/setting/getListMenu.get.ts       |  9 ----
 server/api/setting/getRoleMenu.post.ts      | 11 -----
 server/api/setting/getTipeUser.get.ts       |  8 ----
 server/api/setting/postRoleMenuUser.post.ts | 47 ------------------
 stores/api/menu.ts                          | 26 ----------
 stores/api/roleMenu.ts                      | 29 -----------
 stores/api/setting/setting.ts               | 30 +++++++-----
 stores/api/sidebar.ts                       | 30 ------------
 stores/api/typeUser.ts                      | 28 -----------
 theme/LightTheme.ts                         |  2 +-
 24 files changed, 88 insertions(+), 416 deletions(-)
 delete mode 100644 components/Master/ListMenu.vue
 delete mode 100644 components/Master/Table.vue
 delete mode 100644 components/Master/formDetail.vue
 delete mode 100644 pages/Setting/typeUser/HakAkses.vue
 create mode 100644 server/api/auth/getSessionMenu.ts
 delete mode 100644 server/api/setting/deleteRoleMenuUser.ts
 delete mode 100644 server/api/setting/getListMenu.get.ts
 delete mode 100644 server/api/setting/getRoleMenu.post.ts
 delete mode 100644 server/api/setting/getTipeUser.get.ts
 delete mode 100644 server/api/setting/postRoleMenuUser.post.ts
 delete mode 100644 stores/api/menu.ts
 delete mode 100644 stores/api/roleMenu.ts
 delete mode 100644 stores/api/sidebar.ts
 delete mode 100644 stores/api/typeUser.ts

diff --git a/.env.example b/.env.example
index 9a219ce..ea6386a 100644
--- a/.env.example
+++ b/.env.example
@@ -8,4 +8,5 @@ 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
+MONGODB_URI='mongodb://10.10.123.206:27017/keuangan'
+BASEAPIURL='http://10.10.150.131:8080/api'
\ No newline at end of file
diff --git a/components/Master/ListMenu.vue b/components/Master/ListMenu.vue
deleted file mode 100644
index d831ff0..0000000
--- a/components/Master/ListMenu.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup lang="ts">
-const props = withDefaults(defineProps<{
-  itemMenu: Record<string, any>;
-}>(), {
-  itemMenu: () => ({}),
-});
-</script>
-
-<template>
-  <div v-for="item in itemMenu" :key="item.id" class="d-flex">
-    <v-row>
-      <v-col col="12" md="3">
-        <p>{{ item.display }}</p>
-      </v-col>
-      <v-col>
-        dasd
-      </v-col>
-    </v-row>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/components/Master/Table.vue b/components/Master/Table.vue
deleted file mode 100644
index 6699c9b..0000000
--- a/components/Master/Table.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<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 axios from "axios";
-//misal id = 683d57b2bccc67d467a9e10f
-// const id=ref('683d57b2bccc67d467a9e10f')
-// const { data:role_menu } = await useFetch(`/api/role_menu/${id.value}`)
-
-const props = defineProps({
-    data: {
-        type: Array,
-    },
-    columns: {
-        type: Array,
-    }
-})
-const updateData = (id) => {
-  console.log("update data:", id);
-};
-
-const deleteData = (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>
-<template>
-  <!-- {{ data() }} -->
-    <!-- {{props.columns}} -->
-  <v-table density="compact">
-    <thead>
-      <tr>
-        <th class="text-left" v-for="(col,index) in columns" :key="index">{{col.label}}</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr v-for="(item,index) in data" :key="index">
-        <td v-for="(col,colIndex) in columns" :key="colIndex">{{item[col.key]}}
-            <template v-if="col.key == 'actions'">
-            <v-btn class="mx-2" @click="updateData(item)">ubah</v-btn>
-            <v-btn @click="deleteData(item)">hapus</v-btn>
-            </template>
-        </td>
-      </tr>
-    </tbody>
-  </v-table>
-</template>
diff --git a/components/Master/formDetail.vue b/components/Master/formDetail.vue
deleted file mode 100644
index 48f146d..0000000
--- a/components/Master/formDetail.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import {useSettingStore} from "@/stores/api/setting/setting"
-
-const {getMenu,getRoleMenuById,getTypeUser} = useSettingStore()
-const {roleMenuById,listMenu,listTypeUser} = storeToRefs(useSettingStore())
-
-const data = ref<any>([])
-
-const dataMenu = async() => {
-    await getMenu()
-    await getTypeUser()
-    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)
-    return {
-      _id: role_menu._id,
-      menu: menuItem?.display || '-',
-      type_user: type_user?.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
-    }
-  });
-};
-
-const onSubmit = async() => {
-    // console.log("ini disimpan:",data.value?.data.typeUser);
-    // console.log("ini disimpan:",data.value?.form$.data);
-    // await getTypeUser(data.value?.form$.data)
-}
-onMounted(async () => {
-//   console.log(roleMenuById.value.data);
-  data.value = await dataMenu()
-  // console.log(data.value);
-})
-
-const columns=ref([
-    {label:'Nama Menu',key:'menu'},
-    {label:'Tambah',key:'accessAdd'},
-    {label:'Ubah',key:'accessUpdate'},
-    {label:'Baca',key:'accessRead'},
-    {label:'Hapus',key:'accessDelete'},
-    {label:'Aksi',key:'actions'},
-])
-</script>
-
-<template>
-  <div class="d-flex flex-column gap-1 mx-1 pa-7 pt-0 pb-0">
-    <MasterTable :columns="columns" :data="data"/>
-  </div>
-</template>
diff --git a/components/Master/formTypeUser.vue b/components/Master/formTypeUser.vue
index 95a2797..76d67dd 100644
--- a/components/Master/formTypeUser.vue
+++ b/components/Master/formTypeUser.vue
@@ -4,8 +4,6 @@ import {useSettingStore} from "@/stores/api/setting/setting"
 const {getTypeUser} = useSettingStore()
 
 const onSubmit = async() => {
-    // console.log("ini disimpan:",data.value?.data.typeUser);
-    // console.log("ini disimpan:",data.value?.form$.data);
     // await getTypeUser(data.value?.form$.data)
 }
 </script>
@@ -20,15 +18,7 @@ const onSubmit = async() => {
       size="md"
       :display-errors="false"
     >
-      <!-- <StaticElement
-      name="register_title"
-      content="Create account"
-      tag="h1"
-    />
-    <StaticElement
-      name="divider"
-      tag="hr"
-    /> -->
+    
       <GroupElement
         name="container"
         description="Pastikan Tipe Pengguna Belum ada"
diff --git a/layouts/default.vue b/layouts/default.vue
index 60a6bae..4f26448 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('');
@@ -52,11 +52,14 @@ const response = $fetch(`${issuer.value}/protocol/openid-connect/token`, {
         method: 'POST',
         body: { key: idMongose }
       })
-        .then((response) => {
-          localStorage.setItem('sidebarItems', $encodeBase64(JSON.stringify(response)))
+        .then(async(response) => {
+          // localStorage.setItem('sidebarItems', $encodeBase64(JSON.stringify(response)))
           // update({ 'user_login': response })
-          // overwrite({ 'sidebarItems': response })
-          sidebarMenu.value = response.items
+          // await overwrite({ 'sidebarItems': response })
+          const sessionMenu = await $fetch(`/api/auth/getSessionMenu`)
+          console.log("session menu dari get",sessionMenu)
+          sidebarMenu.value = sessionMenu.items
+          // sidebarMenu.value = response.items
         }).catch((err) => {
           loadSidebarItemLocalStorage()
         })
@@ -74,12 +77,21 @@ const response = $fetch(`${issuer.value}/protocol/openid-connect/token`, {
   loadSidebarItemLocalStorage()
 })
 
-function loadSidebarItemLocalStorage() {
-  const as = JSON.parse($decodeBase64(localStorage.getItem('sidebarItems')))
-  // console.log(session.value)
-  console.log('sdadsd')
-  sidebarMenu.value = as.items
-  // sidebarMenu.value = session.value.user_login.items
+// function loadSidebarItemLocalStorage() {
+//   const sessionMenu = $fetch(`/api/auth/getSessionMenu`)
+//           console.log("session menu dari get",sessionMenu)
+//   // const as = JSON.parse($decodeBase64(localStorage.getItem('sidebarItems')))
+//   const as = session.value?.sidebarItems
+//   console.log(session.value)
+//   console.log("menu default",as)
+//   console.log('sdadsd')
+//   sidebarMenu.value = as.items
+//   // sidebarMenu.value = session.value.user_login.items
+// }
+const loadSidebarItemLocalStorage = async() => {
+  const sessionMenu = await $fetch(`/api/auth/getSessionMenu`)
+          console.log("session menu dari get",sessionMenu)
+  sidebarMenu.value = sessionMenu.items
 }
 </script>
 
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 37481c8..5f538f7 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -31,6 +31,11 @@ export default defineNuxtConfig({
     'nuxt-mongoose',
     '@sidebase/nuxt-session',
   ],
+  session:{
+    session:{
+      expiryInSeconds: 60 * 60 * 24,
+    }
+  },
   // auth: {
   //   isEnabled: true,
   //   originEnvKey: 'AUTH_ORIGIN',
@@ -65,6 +70,7 @@ export default defineNuxtConfig({
       SIMRS_API: 'http://10.10.150.131:8084/api', // local Ahdan
       // SIMRS_API: 'http://10.10.123.140:8084/api'
       MONGODB_URI: 'mongodb://admin:*****@10.10.123.206:27017/?retryWrites=true&loadBalanced=false&serverSelectionTimeoutMS=5000&connectTimeoutMS=10000&authSource=admin&authMechanism=SCRAM-SHA-1',
+      APIBASE:process.env.BASEAPIURL
     },
   },
 
diff --git a/pages/Sample-Page.vue b/pages/Sample-Page.vue
index 1b60c6f..74998b5 100644
--- a/pages/Sample-Page.vue
+++ b/pages/Sample-Page.vue
@@ -9,7 +9,7 @@ const { session, refresh, update, reset, overwrite } = await useSession()
 
 const sidebar = async () => {
   console.log('erwer')
-  // await overwrite({ "test": "This replaces all current data of the session without overwriting the current session itself" })
+  await update({ "test": "This replaces all current data of the session without overwriting the current session itself" })
 
   console.log(session.value)
   // const a = await getSidebar()
@@ -28,7 +28,8 @@ const sidebar = async () => {
 }
 
 const resett = async () => {
-  await reset()
+  console.log("ini session",session.value)
+  // await reset()
 }
 </script>
 <template>
diff --git a/pages/Setting/typeUser/HakAkses.vue b/pages/Setting/typeUser/HakAkses.vue
deleted file mode 100644
index 94e057d..0000000
--- a/pages/Setting/typeUser/HakAkses.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<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";
-//misal id = 683d57b2bccc67d467a9e10f
-// const id=ref('683d57b2bccc67d467a9e10f')
-// const { data:role_menu } = await useFetch(`/api/role_menu/${id.value}`)
-// const data = ref([]);
-
-const dataMenu = computed(() => {
-  return role_menu.map((role_menu) => {
-    const menuItem = menu.find((menu) => menu._id.$oid == role_menu.menu_id)
-    const type_user= typeUser.find((type_user) => type_user._id.$oid == role_menu.type_user_id)
-
-    return {
-      _id: role_menu._id,
-      menu: menuItem?.display || '-',
-      type_user: type_user?.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
-    }
-  });
-  // console.log(data)
-});
-
-const updateData = (id) => {
-  console.log("update data:", id);
-};
-
-const deleteData = (id) => {
-  console.log("delete data:", id);
-};
-
-const columns=ref([
-    {label:'Nama Menu',key:'menu'},
-    {label:'Tambah',key:'accessAdd'},
-    {label:'Ubah',key:'accessUpdate'},
-    {label:'Baca',key:'accessRead'},
-    {label:'Hapus',key:'accessDelete'},
-    {label:'Aksi',key:'actions'},
-])
-
-</script>
-<template>
-  <MasterTable :columns="columns" :data="dataMenu"/>
-</template>
diff --git a/pages/Setting/typeUser/index.vue b/pages/Setting/typeUser/index.vue
index 6ca9cb9..780d3ae 100644
--- a/pages/Setting/typeUser/index.vue
+++ b/pages/Setting/typeUser/index.vue
@@ -21,7 +21,7 @@ onMounted(async() => {
 <!-- ini list -->
 <template>
   <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>
+        <!-- <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>
   <v-row no-gutters>
     <v-col cols="12" md="4">
@@ -43,8 +43,7 @@ onMounted(async() => {
   </v-row>
   <MasterDialogModal v-if="state" :stateValue="state" @stateValue="val => state = val" >
     <template v-slot:text>
-      <!-- <p>coba ini</p> -->
-<!--       {{ type }}-->
+
        <MasterFormTypeUser v-if="type=='create'"/>
        <MasterFormDetail1 v-if="type=='detail'" @stateValue="val => state = val"/>
         <!-- <MasterContoh v-if="type=='detail'"/> -->
diff --git a/pages/index.vue b/pages/index.vue
index 340eaa3..870697b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -6,6 +6,16 @@ import Totalincome from '@/components/dashboard/TotalIncome.vue';
 import RevenueProduct from '@/components/dashboard/RevenueProducts.vue';
 import DailyActivities from '@/components/dashboard/DailyActivities.vue';
 import BlogCards from '@/components/dashboard/BlogCards.vue';
+const { session, refresh, update, reset, overwrite, status } = await useSession()
+
+watchEffect(() => {
+    if(session.value){
+        console.log("ini session",session.value)
+    }else{
+        console.log("tidak ada")
+    }
+})
+// console.log("ini session",session.value)
 </script>
 
 <template>
diff --git a/server/api/auth/getSessionMenu.ts b/server/api/auth/getSessionMenu.ts
new file mode 100644
index 0000000..ee6bfe6
--- /dev/null
+++ b/server/api/auth/getSessionMenu.ts
@@ -0,0 +1,5 @@
+import { defineEventHandler } from "h3";
+
+export default defineEventHandler(async(event)=>{
+    return event.context.session.sidebarItems
+})
\ No newline at end of file
diff --git a/server/api/auth/sidebarItem.ts b/server/api/auth/sidebarItem.ts
index 2b6b7f2..0021db7 100644
--- a/server/api/auth/sidebarItem.ts
+++ b/server/api/auth/sidebarItem.ts
@@ -1,12 +1,26 @@
 import axios from "axios";
-
+import { defineEventHandler } from "h3";
 export default defineEventHandler(async (event) => {
+  // console.log("event",event.context.session)
   const read_body = await readBody(event)
   console.log(`ini ${read_body}`)
+  const session = event.context.session.sidebarItems
+  if(session){
+    console.log("ini session:",session)
+    return session
+  }
+  // const Event = useRequestEvent()
+  // const session = await useSession(event)
   try {
     const response = await axios.get(`http://10.10.150.131:8080/api/login/${read_body.key}`)
-    // console.log(response.data.data)
+    console.log(response.data.data)
+    event.context.session.sidebarItems = response.data.data
+    // await session.update({
+    //   sidebarItems: response.data.data
+    // })
 
+    console.log("ini session baru2:",event.context.session.sidebarItems)
+    // console.log("ini session baru:",response.data.data)
     return response.data.data
   } catch (error) {
     console.log(`Messages Err: ${error.response.data.message}  ||  nullable`)
diff --git a/server/api/setting/deleteRoleMenuUser.ts b/server/api/setting/deleteRoleMenuUser.ts
deleted file mode 100644
index 4ffb1cf..0000000
--- a/server/api/setting/deleteRoleMenuUser.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export default defineEventHandler(async (event) => {
-  const body = await readBody(event)
-  const res = await $fetch(`http://10.10.150.131:8080/api/menu/delete/${body.key}`, {
-    method: "DELETE",
-    headers: {"Content-Type": "application/json"},
-  })
-  console.log(res)
-  return res
-})
diff --git a/server/api/setting/getListMenu.get.ts b/server/api/setting/getListMenu.get.ts
deleted file mode 100644
index e4f7b96..0000000
--- a/server/api/setting/getListMenu.get.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-
-  export default defineEventHandler(async (event) => {
-    const res = await $fetch(`http://10.10.150.131:8080/api/menu/getlist`, {
-      method: "GET",
-      headers: {"Content-Type": "application/json"}
-    })
-    // console.log(res)
-    return res
-  })
diff --git a/server/api/setting/getRoleMenu.post.ts b/server/api/setting/getRoleMenu.post.ts
deleted file mode 100644
index 273f4a0..0000000
--- a/server/api/setting/getRoleMenu.post.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export default defineEventHandler(async(event)=> {
-  const body = await readBody(event)
-  // console.log(body)
-  const a = await $fetch(`http://10.10.150.131:8080/api/menu/role/type/${body}`,{
-    headers: {
-      "Content-Type": "application/json",
-    },
-    method: "GET",
-  })
-  return a
-})
\ No newline at end of file
diff --git a/server/api/setting/getTipeUser.get.ts b/server/api/setting/getTipeUser.get.ts
deleted file mode 100644
index d2d8aa0..0000000
--- a/server/api/setting/getTipeUser.get.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export default defineEventHandler(async (event) => {
-  const res = await $fetch(`http://10.10.150.131:8080/api/menu/type`, {
-    method: "GET",
-    headers: {"Content-Type": "application/json"}
-  })
-  // console.log(res)
-  return res
-})
diff --git a/server/api/setting/postRoleMenuUser.post.ts b/server/api/setting/postRoleMenuUser.post.ts
deleted file mode 100644
index 592ff4f..0000000
--- a/server/api/setting/postRoleMenuUser.post.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-export default defineEventHandler(async (event) => {
-  const body = await readBody(event)
-  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/menu.ts b/stores/api/menu.ts
deleted file mode 100644
index ef470af..0000000
--- a/stores/api/menu.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { defineStore } from "pinia";
-import axios from "axios";
-export const useMenu = defineStore("menu", () => {
-  const listMenu = ref<any>([]);
-  const messages = ref<any>({});
-  const getMenu = async () => {
-    // await $fetch("http://10.10.150.131:8080/api/menu/getlist", {
-    await $fetch("/api/menu/listMenu", {
-        // mode: "no-cors",
-        headers: {
-            "Content-Type": "application/json",
-        },
-        method:"GET",
-    })
-    .then((res) => {
-        listMenu.value = res
-        console.log(listMenu.value);
-    }).catch((error) => {
-        console.log(`Info Error :   ${error}`)
-        messages.value.title = 'Sambungan Sever Terputus!!!';
-        messages.value.type = 'error';
-      })
-    // return listMenu;
-};
-  return { getMenu,listMenu };
-});
diff --git a/stores/api/roleMenu.ts b/stores/api/roleMenu.ts
deleted file mode 100644
index e8bd124..0000000
--- a/stores/api/roleMenu.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { defineStore } from "pinia";
-import axios from "axios";
-export const useRoleMode = defineStore("roleMode", () => {
-  const typeUser = ref<any>([]);
-  const roleMenuById = ref<any>([]);
-  const messages = ref<any>({});
-  const getRoleMenuById = async (body: Record<string, any>) => {
-    typeUser.value = body;  
-    // console.log(typeUser.value);
-    // await $fetch("http://10.10.150.131:8080/api/menu/getlist", {
-    await $fetch(`/api/roleMenu/roleMenu`, {
-      // mode: "no-cors",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      method: "POST",
-      body: JSON.stringify(body),
-    }).then((res) => {
-      roleMenuById.value = res;
-    //   console.log(roleMenuById.value);
-    }).catch((error) => {
-        console.log(`Info Error :   ${error}`)
-        messages.value.title = 'Sambungan Sever Terputus!!!';
-        messages.value.type = 'error';
-      });
-    // return roleMenuById;
-  };
-  return { getRoleMenuById, roleMenuById, typeUser };
-});
diff --git a/stores/api/setting/setting.ts b/stores/api/setting/setting.ts
index 4b6f02a..dd22aa0 100644
--- a/stores/api/setting/setting.ts
+++ b/stores/api/setting/setting.ts
@@ -1,22 +1,21 @@
 import {defineStore} from "pinia";
 import type {MessagesHandler} from "~/types/messagesHandler";
-
+const runtime = useRuntimeConfig().public;
 const messages = ref<MessagesHandler>({});
 
 export const useSettingStore = defineStore("SettingStore", () => {
   messages.value = {}
   const listMenu = ref<any>([]);
   const getMenu = async () => {
-    await $fetch("/api/setting/getListMenu", {
+    await $fetch(`${runtime.APIBASE}/menu/getlist`, {
+    // await $fetch("/api/setting/getListMenu", {
       method: "GET",
       // mode: "no-cors",
-      headers: {
-        "Content-Type": "application/json",
-      },
+      headers: {"Content-Type": "application/json"}
     })
       .then((res) => {
         listMenu.value = res
-        // console.log(listMenu.value);
+        // console.log("menu pinia :",listMenu.value);
       });
   };
 
@@ -24,13 +23,15 @@ export const useSettingStore = defineStore("SettingStore", () => {
   const roleMenuById = ref<any>([]);
   const getRoleMenuById = async (body: Record<string, any>) => {
     typeUser.value = body;
-    await $fetch(`/api/setting/getRoleMenu`, {
+    console.log("rolemenu byid",body)
+    // await $fetch(`/api/setting/getRoleMenu`, {
+    await $fetch(`${runtime.APIBASE}/menu/role/type/${body}`, {
       // mode: "no-cors",
       headers: {
         "Content-Type": "application/json",
       },
-      method: "POST",
-      body: JSON.stringify(body),
+      method: "GET",
+      // body: JSON.stringify(body),
     }).then((res) => {
       roleMenuById.value = res;
     });
@@ -38,8 +39,12 @@ export const useSettingStore = defineStore("SettingStore", () => {
 
   const listTypeUser = ref<any>([]);
   const getTypeUser = async () => {
-    await $fetch("/api/setting/getTipeUser", {
+    // await $fetch("/api/setting/getTipeUser", {
+    await $fetch(`${runtime.APIBASE}/menu/type`, {
       method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
       //  mode: 'no-cors',
       //     headers: {
       //         'Access-Control-Allow-Origin': '*',
@@ -65,12 +70,15 @@ export const useSettingStore = defineStore("SettingStore", () => {
         }
       ]
     }))
+
+    console.log("body post:",body.menus)
     // 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`, {
+      // await $fetch(`/api/setting/postRoleMenuUser`, {
+      await $fetch(`${runtime.APIBASE}/menu/update/rolemenu?id=${body.menus[0].type_user_id}`, {
         method: 'POST',
         headers: {'Content-Type': 'application/json'},
         body: JSON.stringify(roleUserMenu)
diff --git a/stores/api/sidebar.ts b/stores/api/sidebar.ts
deleted file mode 100644
index 822ca2e..0000000
--- a/stores/api/sidebar.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import axios from "axios";
-import { defineStore } from "pinia";
-
-// export const useMySidebarStore = defineStore({
-//   id: 'mySidebarStore',
-//   state: () => ({ }),
-//   actions: {}
-// })
-
-export const useSidebarStore = defineStore("SidebarStore", () => {
-  const getSidebar = async () => {
-    console.log("aaaaa");
-    const res = await $fetch(
-      `http://10.10.150.131:8080/api/login/6835632801e46cf9c5551876`,
-      {
-        mode: "no-cors",
-        headers: {
-          "Access-Control-Allow-Origin": "*",
-          Accept: "application/json",
-          "Content-Type": "application/json",
-        },
-      }
-    ).then((response) => {
-      console.log(response);
-    });
-  };
-  return {
-    getSidebar,
-  };
-});
diff --git a/stores/api/typeUser.ts b/stores/api/typeUser.ts
deleted file mode 100644
index a41aa5b..0000000
--- a/stores/api/typeUser.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { defineStore } from "pinia";
-import axios from "axios";
-export const useTypeUser = defineStore("typeUser", () => {
-  const listTypeUser = ref<any>([]);
-  const messages = ref<any>({});
-  const getTypeUser = async () => {
-    // await $fetch("http://10.10.150.131:8080/api/menu/type", {
-    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
-        // console.log(listTypeUser.value);
-    }).catch((error) => {
-        console.log(`Info Error :   ${error}`)
-        messages.value.title = 'Sambungan Sever Terputus!!!';
-        messages.value.type = 'error';
-      });
-    // return listTypeUser;
-};
-  return { getTypeUser,listTypeUser };
-});
diff --git a/theme/LightTheme.ts b/theme/LightTheme.ts
index 15c71b9..a33c9ff 100644
--- a/theme/LightTheme.ts
+++ b/theme/LightTheme.ts
@@ -8,7 +8,7 @@ const BLUE_THEME: ThemeTypes = {
         'border-opacity': 1
     },
     colors: {
-        primary: '#635BFF',
+        primary: '#06ac8b',
         secondary: '#14E9E2',
         info: '#46caeb',
         success: '#36c76c',