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 }}
`,