From 8bea51062a5379ca560b8d8bfc4760414e01e99e Mon Sep 17 00:00:00 2001 From: Jonathan Weth <git@jonathanweth.de> Date: Fri, 26 Jul 2024 22:12:36 +0200 Subject: [PATCH] Show slot numbers in couresebook --- .../components/coursebook/coursebook.graphql | 4 +++ .../documentation/LessonInformation.vue | 32 +++++++++++++++++++ 2 files changed, 36 insertions(+) diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/coursebook.graphql b/aleksis/apps/alsijil/frontend/components/coursebook/coursebook.graphql index f78545d8d..2ada207e9 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/coursebook.graphql +++ b/aleksis/apps/alsijil/frontend/components/coursebook/coursebook.graphql @@ -38,9 +38,13 @@ query documentationsForCoursebook( amends { id title + slotNumberStart + slotNumberEnd amends { id title + slotNumberStart + slotNumberEnd teachers { id shortName diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue index 890e557e1..bbad8dcdd 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue +++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue @@ -7,6 +7,27 @@ import PersonChip from "aleksis.core/components/person/PersonChip.vue"; <div :class="{ 'full-width grid': true, 'large-grid': largeGrid }"> <div class="d-flex"> <documentation-status v-if="compact" v-bind="documentationPartProps" /> + <div + v-if="documentation.amends?.slotNumberStart" + :class="{ + 'text-h5 mr-3 d-flex flex-column justify-center slot-number': true, + 'ml-2 slot-number-mobile': !largeGrid, + }" + > + <span + v-if=" + documentation.amends?.slotNumberStart == + documentation.amends?.slotNumberEnd + " + > + {{ documentation.amends?.slotNumberStart }}. + </span> + <span v-else> + {{ documentation.amends?.slotNumberStart }}.–{{ + documentation.amends?.slotNumberEnd + }}. + </span> + </div> <div :class="{ 'text-right d-flex flex-column fit-content': largeGrid }"> <time :datetime="documentation.datetimeStart" class="text-no-wrap"> {{ $d(toDateTime(documentation.datetimeStart), "shortTime") }} @@ -148,4 +169,15 @@ export default { .gap { gap: 0.25em; } + +.slot-number { + font-size: 1.6rem !important; + font-weight: 300; + line-height: 1.6rem; +} + +.slot-number-mobile { + font-size: 1.4rem !important; + line-height: 1.4rem; +} </style> -- GitLab