add activity title to moodle calender entries, render activity title as html, set overscroll behavior for all day event area

This commit is contained in:
Harald Bamberger
2025-05-05 16:55:06 +02:00
parent 0930866beb
commit 6ab50654ba
5 changed files with 10 additions and 9 deletions
+3 -2
View File
@@ -73,9 +73,10 @@
box-shadow: 1px 1px 0 #dee2e6;
}
.fhc-calendar-week-page .all-day-event{
.fhc-calendar-week-page .all-day-event {
max-height: 75px;
overflow:auto;
overflow: auto;
overscroll-behavior: none;
}
.fhc-calendar-week-page .all-day-event-container{
+1 -1
View File
@@ -68,7 +68,7 @@ export default {
</tr>
<tr>
<th>{{$p.t('global','aktivitaet')}}:</th>
<td>{{event?.assignment}}</td>
<td v-html="event?.assignment"></td>
</tr>
<tr>
<th>{{$p.t('global','typ')}}:</th>
+1 -1
View File
@@ -76,7 +76,7 @@ export default {
template: /*html*/ `
<bs-modal ref="modalContainer" @showBsModal="onModalShow" v-bind="$props" :bodyClass="''" dialogClass='modal-lg' class="bootstrap-alert" :backdrop="false" >
<template v-slot:title>
<template v-if="event?.type=='moodle'">{{event.titel}}</template>
<template v-if="event?.type=='moodle'"><strong v-html="event.titel"></strong></template>
<template v-else-if="event.titel">{{ event.titel + ' - ' + event.lehrfach_bez + ' [' + event.ort_kurzbz+']'}}</template>
<template v-else>{{ event.lehrfach_bez + ' [' + event.ort_kurzbz+']'}}</template>
</template>
@@ -288,7 +288,7 @@ const Stundenplan = {
<div class="p-1" v-if="event.type=='moodle'" @click="showModal(event)">
<div class="d-flex small w-100" >
<moodle-svg></moodle-svg>
<span class="flex-grow-1 text-center ">{{event.topic}}</span>
<span class="flex-grow-1 text-center "><strong v-html="event.titel"></strong> - {{event.topic}}</span>
</div>
</div>
<div v-else @click="showModal(event)" class="p-1">
@@ -308,7 +308,7 @@ const Stundenplan = {
</div>
<div v-if="event.type=='moodle'" class="d-flex small w-100" >
<moodle-svg></moodle-svg>
<span class="flex-grow-1 text-center">{{event.topic}}</span>
<span class="flex-grow-1 text-center"><strong v-html="event.titel"></strong> - {{event.topic}}</span>
</div>
<div v-else class="d-flex flex-column flex-grow-1 align-items-center small">
<span>{{event.topic}}</span>
@@ -322,7 +322,7 @@ const Stundenplan = {
<template v-if="event.type=='moodle'">
<div class="d-flex small align-items-center w-100 p-1" >
<moodle-svg></moodle-svg>
<span class="flex-grow-1 text-center">{{event.topic}}</span>
<span class="flex-grow-1 text-center"><strong v-html="event.titel"></strong> - {{event.topic}}</span>
</div>
</template>
<template v-else>
@@ -178,7 +178,7 @@ export default {
<div v-if="event.type=='moodle'">
<div class="d-flex small w-100" >
<moodle-svg></moodle-svg>
<span v-contrast class="flex-grow-1 text-center ">{{event.topic}}</span>
<span v-contrast class="flex-grow-1 text-center "><strong v-html="event.titel"></strong> - {{event.topic}}</span>
</div>
</div>
<span v-else class="small" >
@@ -198,7 +198,7 @@ export default {
<template v-if="evt.type=='moodle'">
<div class="d-flex align-items-center ">
<moodle-svg></moodle-svg>
<b v-contrast class="flex-grow-1 text-center">{{evt.topic}}</b>
<b v-contrast class="flex-grow-1 text-center"><strong v-html="evt.titel"></strong> - {{evt.topic}}</b>
</div>
</template>
<template v-else>