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

Fix typing errors

Browse Source
This commit is contained in:
Julie Lenaerts 2025-03-26 20:25:39 +01:00
parent a211549432
commit f523b9adb3
2 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkItem.vue
View File

@ -34,17 +34,20 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { defineProps } from "vue";
import { AccompanyingPeriodWork } from "../../../types";
import {ACCOMPANYING_COURSE_WORK_END_DATE, ACCOMPANYING_COURSE_WORK_START_DATE, trans} from "translator"; import {ACCOMPANYING_COURSE_WORK_END_DATE, ACCOMPANYING_COURSE_WORK_START_DATE, trans} from "translator";
import {ISOToDate} from "ChillMainAssets/chill/js/date"; import {ISOToDate} from "ChillMainAssets/chill/js/date";
import {DateTime} from "ChillMainAssets/types";
import {AccompanyingPeriodWork} from "../../../types";
const props = defineProps<{ acpw: AccompanyingPeriodWork }>(); const props = defineProps<{ acpw: AccompanyingPeriodWork }>();
const formatDate = (dateObject: DateTime) => {
const formatDate = (dateObject) => {
if(dateObject) { if(dateObject) {
const parsedDate = ISOToDate(dateObject.datetime); const parsedDate = ISOToDate(dateObject.datetime);
if (parsedDate) {
return new Intl.DateTimeFormat('default', { dateStyle: 'short' }).format(parsedDate); return new Intl.DateTimeFormat('default', { dateStyle: 'short' }).format(parsedDate);
} else {
return '';
}
} }
}; };
</script> </script>

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

@ -1,10 +1,10 @@
<template> <template>
<div> <div>
<div class="row justify-content-end"> <div class="row justify-content-end">
<div class="col-md-9 col-sm-12" v-if="selectedAcpw"> <div class="col-md-6 col-sm-10" v-if="selectedAcpw">
<ul class="list-suggest remove-items"> <ul class="list-suggest remove-items">
<li> <li>
<span @click="selectedAcpw = null" class="chill-denomination">{{ trans(SOCIAL_ACTION) }}: {{ selectedAcpw?.socialAction?.title.fr }}</span> <span @click="selectedAcpw = null" class="chill-denomination">{{ selectedAcpw?.socialAction?.title.fr }}</span>
</li> </li>
</ul> </ul>
</div> </div>
@ -47,10 +47,12 @@ import AccompanyingPeriodWorkList from "./AccompanyingPeriodWorkList.vue";
import { AccompanyingPeriodWork} from "../../../types"; import { AccompanyingPeriodWork} from "../../../types";
import { trans, ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK, SOCIAL_ACTION, CONFIRM } from "translator"; import { trans, ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK, SOCIAL_ACTION, CONFIRM } from "translator";
import {makeFetch} from "ChillMainAssets/lib/api/apiMethods"; import {makeFetch} from "ChillMainAssets/lib/api/apiMethods";
import {DateTime} from "ChillMainAssets/types";
import {ISOToDate} from "ChillMainAssets/chill/js/date";
const selectedAcpw = ref<AccompanyingPeriodWork | null>(null); const selectedAcpw = ref<AccompanyingPeriodWork | null>(null);
const showModal = ref(false); const showModal = ref(false);
const accompanyingPeriodWorks = ref([]); const accompanyingPeriodWorks = ref<AccompanyingPeriodWork[]>([]);
const props = defineProps({ const props = defineProps({
accompanyingPeriodId: String, accompanyingPeriodId: String,
}); });
@ -65,7 +67,7 @@ onMounted(() => {
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`;
makeFetch("GET", url) makeFetch<number, AccompanyingPeriodWork[]>("GET", url)
.then((response) => { .then((response) => {
accompanyingPeriodWorks.value = response; accompanyingPeriodWorks.value = response;
}) })
@ -77,10 +79,21 @@ const getAccompanyingPeriodWorks = (periodId: number) => {
watch(selectedAcpw, (newValue) => { watch(selectedAcpw, (newValue) => {
const inputField = document.getElementById('find_accompanying_period_work_acpw') as HTMLInputElement; const inputField = document.getElementById('find_accompanying_period_work_acpw') as HTMLInputElement;
if (inputField) { if (inputField) {
inputField.value = String(newValue.id); inputField.value = String(newValue?.id);
} }
}); });
const formatDate = (dateObject: DateTime) => {
if(dateObject) {
const parsedDate = ISOToDate(dateObject.datetime);
if (parsedDate) {
return new Intl.DateTimeFormat('default', { dateStyle: 'short' }).format(parsedDate);
} else {
return '';
}
}
};
const openModal = () => (showModal.value = true); const openModal = () => (showModal.value = true);
const closeModal = () => (showModal.value = false); const closeModal = () => (showModal.value = false);
const confirmSelection = () => { const confirmSelection = () => {