diff --git a/public/js/components/Calendar/LvPlan.js b/public/js/components/Calendar/LvPlan.js
index 99c7ba8ef..97246a5d4 100644
--- a/public/js/components/Calendar/LvPlan.js
+++ b/public/js/components/Calendar/LvPlan.js
@@ -194,6 +194,9 @@ export default {
v-else
:is="renderers[event.type]?.calendarEvent"
:event="event"
+ :timeSlotDisplayBehavior="
+ $props.mode.toLowerCase() === 'list' ? 'always' : 'default'
+ "
>
diff --git a/public/js/components/Calendar/Widget.js b/public/js/components/Calendar/Widget.js
index 54109268e..2266ce422 100644
--- a/public/js/components/Calendar/Widget.js
+++ b/public/js/components/Calendar/Widget.js
@@ -97,6 +97,7 @@ export default {
diff --git a/public/js/components/Cis/Renderer/Lehreinheit/calendarEvent.js b/public/js/components/Cis/Renderer/Lehreinheit/calendarEvent.js
index fa3ea6618..652b29645 100644
--- a/public/js/components/Cis/Renderer/Lehreinheit/calendarEvent.js
+++ b/public/js/components/Cis/Renderer/Lehreinheit/calendarEvent.js
@@ -3,6 +3,11 @@ export default {
event: {
type: Object,
required: true
+ },
+ timeSlotDisplayBehavior: {
+ type: String,
+ default: "default",
+ // options: default, always, never
}
},
computed:{
@@ -50,7 +55,17 @@ export default {
return luxon.Duration
.fromISOTime(this.event.ende)
.toISOTime({ suppressSeconds: true });
- }
+ },
+ timeSlotDisplayClasses() {
+ switch (this.$props.timeSlotDisplayBehavior) {
+ case "always":
+ return "d-grid";
+ case "never":
+ return "d-none";
+ default:
+ return "d-none d-xl-grid";
+ }
+ },
},
template: /*html*/`
{{ start }}
{{ end }}
diff --git a/public/js/components/Cis/Renderer/Reservierungen/calendarEvent.js b/public/js/components/Cis/Renderer/Reservierungen/calendarEvent.js
index 2447c4f61..181ef29bd 100644
--- a/public/js/components/Cis/Renderer/Reservierungen/calendarEvent.js
+++ b/public/js/components/Cis/Renderer/Reservierungen/calendarEvent.js
@@ -3,6 +3,11 @@ export default {
event: {
type: Object,
required: true
+ },
+ timeSlotDisplayBehavior: {
+ type: String,
+ default: "default",
+ // options: default, always, never
}
},
computed: {
@@ -50,21 +55,33 @@ export default {
return luxon.Duration
.fromISOTime(this.event.ende)
.toISOTime({ suppressSeconds: true });
- }
+ },
+ timeSlotDisplayClasses() {
+ switch (this.$props.timeSlotDisplayBehavior) {
+ case "always":
+ return "d-grid";
+ case "never":
+ return "d-none";
+ default:
+ return "d-none d-xl-grid";
+ }
+ },
},
template: /* html */`
{{ start }}
{{ end }}
{{ event.topic }}
+ {{ event.ort_kurzbz }}
... +{{ event.lektor.length - 3 }}
- {{ event.ort_kurzbz }}
`,