Make calendar item on 'mes rendez-vous' page clickable, navigate to calendar item edit page

.changes/unreleased/Feature-20251112-103224.yaml

@@ -0,0 +1,6 @@
+kind: Feature
+body: Make a calendar item on the 'mes rendez-vous' page clickable. Clicking will navigate to the edit page of the calendar item.
+time: 2025-11-12T10:32:24.916576945+01:00
+custom:
+    Issue: "461"
+    SchemaChange: No schema change

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue

@@ -99,7 +99,7 @@
     </div>
     <FullCalendar :options="calendarOptions" ref="calendarRef">
         <template v-slot:eventContent="{ event }: { event: EventApi }">
-            <span :class="eventClasses">
+            <span :class="eventClasses" style="cursor: pointer">
                 <b v-if="event.extendedProps.is === 'remote'">{{
                     event.title
                 }}</b>
@@ -108,9 +108,12 @@
                     {{ formatDate(event.endStr, "time") }}:
                     {{ event.extendedProps.locationName }}</b
                 >
-                <b v-else-if="event.extendedProps.is === 'local'">{{
+                <a
-                    event.title
+                    :href="calendarLink(event.id)"
-                }}</b>
+                    v-else-if="event.extendedProps.is === 'local'"
+                >
+                    <b>{{ event.title }}</b>
+                </a>
                 <b v-else>no 'is'</b>
                 <a
                     v-if="event.extendedProps.is === 'range'"
@@ -486,6 +489,12 @@ function copyWeek() {
     });
 }
 
+const calendarLink = (calendarId: string) => {
+    const idStr = calendarId.match(/_(\d+)$/)?.[1];
+
+    return `/fr/calendar/calendar/${idStr}/edit`;
+};
+
 onMounted(() => {
     copyFromWeek.value = dateToISO(getMonday(0));
     copyToWeek.value = dateToISO(getMonday(1));