diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/coursebook.graphql b/aleksis/apps/alsijil/frontend/components/coursebook/coursebook.graphql index f78545d8db703b193e313cb36f7293d419bbcd92..2ada207e9ef4333191c9df2f46a6d6e6f95083db 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 890e557e162c64868de3a0362b248cea4c2604d8..bbad8dcdd8dee98b4bae619228c33d392ef3e63c 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>