From f6d11b91ad46a21fd4c1df2f0e3eb8cd08583f06 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Wed, 12 Nov 2025 10:34:19 +0100
Subject: [PATCH] Make calendar item on 'mes rendez-vous' page clickable,
 navigate to calendar item edit page

---
 .../unreleased/Feature-20251112-103224.yaml     |  6 ++++++
 .../public/vuejs/MyCalendarRange/App2.vue       | 17 +++++++++++++----
 2 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 .changes/unreleased/Feature-20251112-103224.yaml

diff --git a/.changes/unreleased/Feature-20251112-103224.yaml b/.changes/unreleased/Feature-20251112-103224.yaml
new file mode 100644
index 000000000..44a7d4c60
--- /dev/null
+++ b/.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
diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
index 6e3d5b61c..0feb8c8f6 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
+++ b/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'">{{
-                    event.title
-                }}</b>
+                <a
+                    :href="calendarLink(event.id)"
+                    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));