dwi.firman/cobaKeuangan
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perubahan API update role User Tipe

Browse Source
This commit is contained in:
dwi.firman
2025-06-10 08:25:55 +07:00
parent 714eba34b7
commit 09630f25a5
8 changed files with 73 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Master/DialogModal.vue
-6
View File
@@ -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>
components/Master/Table.vue
+8 -1
View File
@@ -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>
components/Master/formDetail1.vue
+10 -18
View File
@@ -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>
components/Master/formDetail1_copy.vue
-213
View File
@@ -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>