Use renderers in roominformation component

public/css/Cis4/CoreCalendarEvents.css

@@ -92,3 +92,8 @@
 	flex: 0 0 100%;
 	text-align: center;
 }
+
+.fhc-roominformation .lehreinheitEventContent #lehreinheitOrt {
+	display: none;
+}
+

public/js/components/Cis/Mylv/RoomInformation.js

@@ -131,60 +131,26 @@ export default {
 			:backgrounds="backgrounds"
 		>
 			<template v-slot="{ event, mode }">
-				<component
-					v-if="mode == 'event'"
-					:is="renderers[event.type]?.modalContent"
-					:event="event"
-				></component>
-				<component
-					v-else-if="mode == 'eventheader'"
-					:is="renderers[event.type]?.modalTitle"
-					:event="event"
-				></component>
 				<div
-					v-else-if="mode == 'month'"
-					:class="'event-type-' + event.type"
+					:class="'event-type-' + event.type + ' ' + mode + 'PageContainer'"
+					:type="mode == 'day' ? 'button' : undefined"
 	 				:style="eventStyle(event)"
-					class="d-flex flex-column align-items-center justify-content-evenly h-100"
 				>
-					<span>{{ event?.topic }}</span>
-				</div>
-				<div
-					v-else-if="mode == 'week'"
-					:class="'event-type-' + event.type"
-	 				:style="eventStyle(event)"
-					class="border border-secondary d-flex flex-column align-items-center justify-content-evenly h-100"
-					type="button"
-				>
-					<span>{{ event?.topic }}</span>
-					<span v-for="lektor in event?.lektor">{{ lektor.kurzbz }}</span>
-					<span>{{ event?.ort_kurzbz }}</span>
-				</div>
-				<div
-					v-else-if="mode == 'day'"
-					:class="'event-type-' + event.type"
-	 				:style="eventStyle(event)"
-					type="button"
-					class="border border-secondary d-flex align-items-center justify-content-center text-center h-100"
-				>
-					<div class="col ">
-						<p>{{ $p.t('lehre/lehrveranstaltung') }}:</p>
-						<p class="m-0">
-							{{ event?.topic }}
-						</p>
-					</div>
-					<div class="col ">
-						<p>{{ $p.t('lehre/lektor') }}:</p>
-						<p class="m-0" v-for="lektor in event?.lektor">
-							{{ lektor.kurzbz }}
-						</p>
-					</div>
-					<div class="col ">
-						<p>{{ $p.t('profil/Ort') }}: </p>
-						<p class="m-0">
-							{{ event?.ort_kurzbz }}
-						</p>
-					</div>
+					<component
+						v-if="mode == 'event'"
+						:is="renderers[event.type]?.modalContent"
+						:event="event"
+					></component>
+					<component
+						v-else-if="mode == 'eventheader'"
+						:is="renderers[event.type]?.modalTitle"
+						:event="event"
+					></component>
+					<component
+						v-else
+						:is="renderers[event.type]?.calendarEvent"
+						:event="event"
+					></component>
 				</div>
 			</template>
 		</fhc-calendar>