Change behavior of AccompanyingPeriodWorkSelectorModal.vue: open modal directly

This commit is contained in:
Julie Lenaerts 2025-04-02 11:53:21 +02:00
parent f430d97152
commit 204fb20475

View File

@ -12,14 +12,6 @@
</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">
<modal
v-if="showModal"
@ -66,12 +58,16 @@ const props = defineProps({
accompanyingPeriodId: String,
});
const emit = defineEmits(['closeModal', 'update:selectedAcpw'])
onMounted(() => {
if (props.accompanyingPeriodId) {
getAccompanyingPeriodWorks(parseInt(props.accompanyingPeriodId));
} else {
console.error("No accompanyingperiod id was given");
}
showModal.value = true;
});
const getAccompanyingPeriodWorks = (periodId: number) => {
const url = `/api/1.0/person/accompanying-course/${periodId}/works.json`;
@ -93,11 +89,17 @@ watch(selectedAcpw, (newValue) => {
inputField.value = String(newValue?.id);
}
});
const openModal = () => (showModal.value = true);
const closeModal = () => (showModal.value = false);
const closeModal = () => {
showModal.value = false
emit('closeModal')
}
const confirmSelection = () => {
selectedAcpw.value = selectedAcpw.value;
if(selectedAcpw.value) {
emit("update:selectedAcpw", selectedAcpw.value);
}
closeModal();
};
</script>