mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-12 13:24:25 +00:00
rdv: renaming of variable + enable to display selected event
This commit is contained in:
parent
dc3c8a4032
commit
9907b59379
@ -1,17 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<concerned-groups></concerned-groups>
|
<concerned-groups></concerned-groups>
|
||||||
<calendar-range></calendar-range>
|
<calendar-event></calendar-event>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ConcernedGroups from 'ChillActivityAssets/vuejs/Activity/components/ConcernedGroups.vue';
|
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 {
|
export default {
|
||||||
name: "App",
|
name: "App",
|
||||||
components: {
|
components: {
|
||||||
ConcernedGroups,
|
ConcernedGroups,
|
||||||
CalendarRange
|
CalendarEvent
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import { personMessages } from 'ChillPersonAssets/vuejs/_js/i18n'
|
import { personMessages } from 'ChillPersonAssets/vuejs/_js/i18n'
|
||||||
import { calendarRangeMessages } from '../_components/CalendarRange/js/i18n'
|
import { calendarEventMessages } from '../_components/CalendarEvent/js/i18n'
|
||||||
|
|
||||||
const appMessages = {
|
const appMessages = {
|
||||||
fr: {
|
fr: {
|
||||||
@ -15,7 +15,7 @@ const appMessages = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Object.assign(appMessages.fr, personMessages.fr);
|
Object.assign(appMessages.fr, personMessages.fr);
|
||||||
Object.assign(appMessages.fr, calendarRangeMessages.fr);
|
Object.assign(appMessages.fr, calendarEventMessages.fr);
|
||||||
|
|
||||||
export {
|
export {
|
||||||
appMessages
|
appMessages
|
||||||
|
@ -1,6 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<h2 class="chill-red">{{ $t('choose_your_date') }}</h2>
|
<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>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import '@fullcalendar/core/vdom' // solves problem with Vite
|
import '@fullcalendar/core/vdom' // solves problem with Vite
|
||||||
@ -20,6 +24,7 @@ export default {
|
|||||||
initialView: 'dayGridMonth',
|
initialView: 'dayGridMonth',
|
||||||
selectable: true,
|
selectable: true,
|
||||||
select: this.onDateSelect,
|
select: this.onDateSelect,
|
||||||
|
selectMirror: true,
|
||||||
headerToolbar: {
|
headerToolbar: {
|
||||||
left: 'prev,next today',
|
left: 'prev,next today',
|
||||||
center: 'title',
|
center: 'title',
|
@ -1,10 +1,10 @@
|
|||||||
const calendarRangeMessages = {
|
const calendarEventMessages = {
|
||||||
fr: {
|
fr: {
|
||||||
choose_your_date: 'Sélectionnez vos dates',
|
choose_your_date: 'Sélectionnez vos dates',
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
export {
|
export {
|
||||||
calendarRangeMessages
|
calendarEventMessages
|
||||||
};
|
};
|
||||||
|
|
Loading…
x
Reference in New Issue
Block a user