From 9907b59379b3763ce4e980f3c1b0793c9eb104d5 Mon Sep 17 00:00:00 2001
From: nobohan <juminet@gmail.com>
Date: Mon, 16 Aug 2021 12:45:28 +0200
Subject: [PATCH] rdv: renaming of variable + enable to display selected event

---
 .../Resources/public/vuejs/Calendar/App.vue                | 6 +++---
 .../Resources/public/vuejs/Calendar/i18n.js                | 4 ++--
 .../CalendarRange.vue => CalendarEvent/CalendarEvent.vue}  | 7 ++++++-
 .../{CalendarRange => CalendarEvent}/js/i18n.js            | 4 ++--
 4 files changed, 13 insertions(+), 8 deletions(-)
 rename src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/{CalendarRange/CalendarRange.vue => CalendarEvent/CalendarEvent.vue} (83%)
 rename src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/{CalendarRange => CalendarEvent}/js/i18n.js (60%)

diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/App.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/App.vue
index 71b741134..19e81325f 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/App.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/App.vue
@@ -1,17 +1,17 @@
 <template>
    <concerned-groups></concerned-groups>
-   <calendar-range></calendar-range>
+   <calendar-event></calendar-event>
 </template>
 
 <script>
 import ConcernedGroups from 'ChillActivityAssets/vuejs/Activity/components/ConcernedGroups.vue';
-import CalendarRange from '../_components/CalendarRange/CalendarRange.vue';
+import CalendarEvent from '../_components/CalendarEvent/CalendarEvent.vue';
 
 export default {
    name: "App",
    components: {
       ConcernedGroups,
-      CalendarRange
+      CalendarEvent
    }
 }
 </script>
diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/i18n.js b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/i18n.js
index a2d6c62d4..e6c1b120e 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/i18n.js
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/i18n.js
@@ -1,5 +1,5 @@
 import { personMessages } from 'ChillPersonAssets/vuejs/_js/i18n'
-import { calendarRangeMessages } from '../_components/CalendarRange/js/i18n'
+import { calendarEventMessages } from '../_components/CalendarEvent/js/i18n'
 
 const appMessages = {
    fr: {
@@ -15,7 +15,7 @@ const appMessages = {
 }
 
 Object.assign(appMessages.fr, personMessages.fr);
-Object.assign(appMessages.fr, calendarRangeMessages.fr);
+Object.assign(appMessages.fr, calendarEventMessages.fr);
 
 export {
    appMessages
diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/CalendarRange.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/CalendarEvent.vue
similarity index 83%
rename from src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/CalendarRange.vue
rename to src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/CalendarEvent.vue
index 6692ed40e..234996160 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/CalendarRange.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/CalendarEvent.vue
@@ -1,6 +1,10 @@
 <template>
   <h2 class="chill-red">{{ $t('choose_your_date') }}</h2>
-  <FullCalendar :options="calendarOptions" />
+  <FullCalendar :options="calendarOptions">
+      <template v-slot:eventContent='arg'>
+          <b>{{ arg.timeText }}</b>
+      </template>
+  </FullCalendar>
 </template>
 <script>
 import '@fullcalendar/core/vdom' // solves problem with Vite
@@ -20,6 +24,7 @@ export default {
         initialView: 'dayGridMonth',
         selectable: true,
         select: this.onDateSelect,
+        selectMirror: true,
         headerToolbar: {
           left: 'prev,next today',
           center: 'title',
diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/js/i18n.js b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/js/i18n.js
similarity index 60%
rename from src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/js/i18n.js
rename to src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/js/i18n.js
index 10aa1d371..ee95e04b9 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/js/i18n.js
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/js/i18n.js
@@ -1,10 +1,10 @@
-const calendarRangeMessages = {
+const calendarEventMessages = {
     fr: {
         choose_your_date: 'Sélectionnez vos dates',
     }
  };
  
  export {
-    calendarRangeMessages
+    calendarEventMessages
  };
  
\ No newline at end of file