perubahan edit akses menu fix

components/Master/formDetail1.vue

@@ -16,14 +16,14 @@ const {listTypeUser} = storeToRefs(useTypeUser());
 const data = ref<any>([]);
 const menuItem = ref<any>([]);
 const type_user = ref<any>([]);
-
 const dataDetail = ref(null)
 
 const dataMenu = async () => {
-  await getMenu();
+  await Promise.all([
-  await getTypeUser();
+    getMenu(),
-  // if(){}
+    getTypeUser()
-  console.log('iswufgh',roleMenuById.value.data)
+  ])
+  // 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(
@@ -48,27 +48,30 @@ const dataMenu = async () => {
 };
 
 const checkMenu = () => {
-  // https://stackoverflow.com/questions/33577868/filter-array-not-in-another-array
+  // Filter the listMenu based on roleMenuById
-  var arr = listMenu.value.filter((i: any) => !roleMenuById.value.data.map((r: any) => r.menu_id).includes(i._id))
+  var arr = listMenu.value.filter((i: any) =>
-  if (arr.length != 0) {
+      !roleMenuById.value.data ||
-    data.value.push(...arr.map((i: any, index: bigint) => ({
+      !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
-    })))
+      });
+    });
   }
 }
 
 const onSubmit = async () => {
-  // console.log("ini disimpan:",data.value?.data.typeUser);
   console.log("ini disimpan:", dataDetail.value?.form$.data);
-  // await getTypeUser(data.value?.form$.data)
 };
 onMounted(async () => {
-  //   console.log(roleMenuById.value.data);
   data.value = await dataMenu();
   console.log(checkMenu())
   console.log('aaaaa', data.value);
@@ -76,28 +79,40 @@ onMounted(async () => {
 
 
 // Helper function to create checkbox config
-const createCheckbox = (namePrefix: string, menu: any,index:bigint) => ({
+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: namePrefix=='accessAdd'?menu.accessAdd:0,
+    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
-const createMenuRow = (menu: any, index: bigint) => [
+let count = 0
-  [index + 1, 1, 1],
+const createMenuRow = (menu: any) => {
+  count += 1; // Use the current counter value and then increment it
+  return [
+    [`${count}`, 1, 1],
     [menu.menu, 1, 1],
-  [createCheckbox('accessAdd', menu,index), 1, 1],
+    [createCheckbox('accessAdd', menu), 1, 1],
-  [createCheckbox('accessUpdate', menu,index), 1, 1],
+    [createCheckbox('accessUpdate', menu), 1, 1],
-  [createCheckbox('accessRead', menu,index), 1, 1],
+    [createCheckbox('accessRead', menu), 1, 1],
-  [createCheckbox('accessDelete', menu,index), 1, 1]
+    [createCheckbox('accessDelete', menu), 1, 1]
   ]
+}
 </script>
 
 <template>
@@ -122,11 +137,13 @@ const createMenuRow = (menu: any, index: bigint) => [
       ]"
       />
         <ButtonElement
+            class="mt-6"
             name="primaryButton"
             button-label="Simpan"
             :submits="true"
             align="right"
         />
+
     </Vueform>
   </div>
 </template>

pages/Setting/typeUser/index.vue

@@ -31,7 +31,7 @@ onMounted(async() => {
 </script>
 <!-- ini list -->
 <template>
-  <div class="d-flex pt-6 align-center justify-end">
+  <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>
   <v-row no-gutters>