Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

Change behavior of AccompanyingPeriodWorkSelectorModal.vue: open modal directly

Browse Source
This commit is contained in:
Julie Lenaerts 2025-04-02 11:53:21 +02:00
parent f430d97152
commit 204fb20475
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
View File

@ -12,14 +12,6 @@
</div> </div>
</div> </div>
<ul class="record_actions">
<li>
<a class="btn btn-sm btn-create mt-3" @click="openModal">
{{ trans(ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK) }}
</a>
</li>
</ul>
<teleport to="body"> <teleport to="body">
<modal <modal
v-if="showModal" v-if="showModal"
@ -66,12 +58,16 @@ const props = defineProps({
accompanyingPeriodId: String, accompanyingPeriodId: String,
}); });
const emit = defineEmits(['closeModal', 'update:selectedAcpw'])
onMounted(() => { onMounted(() => {
if (props.accompanyingPeriodId) { if (props.accompanyingPeriodId) {
getAccompanyingPeriodWorks(parseInt(props.accompanyingPeriodId)); getAccompanyingPeriodWorks(parseInt(props.accompanyingPeriodId));
} else { } else {
console.error("No accompanyingperiod id was given"); console.error("No accompanyingperiod id was given");
} }
showModal.value = true;
}); });
const getAccompanyingPeriodWorks = (periodId: number) => { const getAccompanyingPeriodWorks = (periodId: number) => {
const url = `/api/1.0/person/accompanying-course/${periodId}/works.json`; const url = `/api/1.0/person/accompanying-course/${periodId}/works.json`;
@ -93,11 +89,17 @@ watch(selectedAcpw, (newValue) => {
inputField.value = String(newValue?.id); inputField.value = String(newValue?.id);
} }
}); });
const closeModal = () => {
const openModal = () => (showModal.value = true); showModal.value = false
const closeModal = () => (showModal.value = false); emit('closeModal')
}
const confirmSelection = () => { const confirmSelection = () => {
selectedAcpw.value = selectedAcpw.value; selectedAcpw.value = selectedAcpw.value;
if(selectedAcpw.value) {
emit("update:selectedAcpw", selectedAcpw.value);
}
closeModal(); closeModal();
}; };
</script> </script>