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 compilation errors in production

Browse Source
This commit is contained in:
Julien Fastré 2022-07-01 13:19:02 +02:00
parent 2a6974610f
commit 0276ec1bc7
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
View File

@ -70,7 +70,7 @@
</div> </div>
</div> </div>
<FullCalendar :options="calendarOptions" ref="calendarRef"> <FullCalendar :options="calendarOptions" ref="calendarRef">
<template v-slot:eventContent='arg'> <template v-slot:eventContent="arg: EventApi">
<span :class="eventClasses(arg.event)"> <span :class="eventClasses(arg.event)">
<b v-if="arg.event.extendedProps.is === 'remote'">{{ arg.event.title}}</b> <b v-if="arg.event.extendedProps.is === 'remote'">{{ arg.event.title}}</b>
<b v-else-if="arg.event.extendedProps.is === 'range'">{{ arg.timeText }} - {{ arg.event.extendedProps.locationName }}</b> <b v-else-if="arg.event.extendedProps.is === 'range'">{{ arg.timeText }} - {{ arg.event.extendedProps.locationName }}</b>
@ -192,7 +192,7 @@ const pickedLocation = computed<Location | null>({
* return the show classes for the event * return the show classes for the event
* @param arg * @param arg
*/ */
const eventClasses = function(arg: EventInstance): object { const eventClasses = function(arg: EventApi): object {
return {'calendarRangeItems': true}; return {'calendarRangeItems': true};
} }

20
src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/Components/EditLocation.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<Teleport to="body"> <component :is="Teleport" to="body">
<modal v-if="showModal" <modal v-if="showModal"
@close="closeModal"> @close="closeModal">
@ -20,7 +20,7 @@
</template> </template>
</modal> </modal>
</Teleport> </component>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -31,12 +31,28 @@ import {useStore} from "vuex";
import {key} from "../store"; import {key} from "../store";
import {Location} from "../../../../../../ChillMainBundle/Resources/public/types"; import {Location} from "../../../../../../ChillMainBundle/Resources/public/types";
import VueMultiselect from "vue-multiselect"; import VueMultiselect from "vue-multiselect";
//import type {Teleport} from "vue";
// see https://github.com/vuejs/core/issues/2855
import {
Teleport as teleport_,
TeleportProps,
VNodeProps
} from 'vue'
const Teleport = teleport_ as {
new (): {
$props: VNodeProps & TeleportProps
}
}
const store = useStore(key); const store = useStore(key);
const calendarRangeId = ref<number | null>(null); const calendarRangeId = ref<number | null>(null);
const location = ref<Location | null>(null); const location = ref<Location | null>(null);
const showModal = ref(false); const showModal = ref(false);
//const tele = ref<InstanceType<typeof Teleport> | null>(null);
const locations = computed<Location[]>(() => { const locations = computed<Location[]>(() => {
return store.state.locations.locations; return store.state.locations.locations;