diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue index 09e5355d3ff910940a4fbfe39f10d08214501f58..7df07c24db4ea90f66268135272a5fe8e634b9e4 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue +++ b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue @@ -44,81 +44,87 @@ </v-btn> </template> <template #default="{ items }"> - <v-list-item v-for="item in items" :key="item.id" ripple> - <v-list-item-content> - <v-list-item-title> - <!-- date & timeslot --> - <time - :datetime="item.relatedDocumentation.datetimeStart" - class="text-no-wrap" - > - {{ - $d( - $parseISODate(item.relatedDocumentation.datetimeStart), - "short", - ) - }} - </time> + <v-list> + <v-list-item v-for="item in items" :key="item.id" ripple> + <v-list-item-content> + <v-list-item-title> + <!-- date & timeslot --> + <time + :datetime="item.relatedDocumentation.datetimeStart" + class="text-no-wrap" + > + {{ + $d( + $parseISODate( + item.relatedDocumentation.datetimeStart, + ), + "short", + ) + }} + </time> - <time - :datetime="item.relatedDocumentation.datetimeStart" - class="text-no-wrap" - > - {{ - $d( - $parseISODate(item.relatedDocumentation.datetimeStart), - "shortTime", - ) - }} - </time> - <span>-</span> - <time - :datetime="item.relatedDocumentation.datetimeEnd" - class="text-no-wrap" - > - {{ - $d( - $parseISODate(item.relatedDocumentation.datetimeEnd), - "shortTime", - ) - }} - </time> - </v-list-item-title> - <v-list-item-subtitle class="overflow-scroll"> - <!-- teacher --> - <person-chip - v-for="teacher in item.relatedDocumentation.teachers" - :key="teacher.id" - :person="teacher" - no-link - small + <time + :datetime="item.relatedDocumentation.datetimeStart" + class="text-no-wrap" + > + {{ + $d( + $parseISODate( + item.relatedDocumentation.datetimeStart, + ), + "shortTime", + ) + }} + </time> + <span>-</span> + <time + :datetime="item.relatedDocumentation.datetimeEnd" + class="text-no-wrap" + > + {{ + $d( + $parseISODate(item.relatedDocumentation.datetimeEnd), + "shortTime", + ) + }} + </time> + </v-list-item-title> + <v-list-item-subtitle class="overflow-scroll"> + <!-- teacher --> + <person-chip + v-for="teacher in item.relatedDocumentation.teachers" + :key="teacher.id" + :person="teacher" + no-link + small + /> + <!-- group --> + <span> + {{ item.groupShortName }} + </span> + <!-- subject --> + <subject-chip + :subject="item.relatedDocumentation.subject" + small + /> + </v-list-item-subtitle> + </v-list-item-content> + <v-list-item-action> + <!-- chips: absences & extraMarks --> + <absence-reason-chip + v-if="item.absenceReason" + :absence-reason="item.absenceReason" /> - <!-- group --> - <span> - {{ item.groupShortName }} - </span> - <!-- subject --> - <subject-chip - :subject="item.relatedDocumentation.subject" - small + <extra-mark-chip + v-if="item.extraMark" + :extra-mark="item.extraMark" /> - </v-list-item-subtitle> - </v-list-item-content> - <v-list-item-action> - <!-- chips: absences & extraMarks --> - <absence-reason-chip - v-if="item.absenceReason" - :absenceReason="item.absenceReason" - /> - <extra-mark-chip - v-if="item.extraMark" - :extra-mark="item.extraMark" - /> - <div v-if="item.note"> - {{ item.note }} - </div> - </v-list-item-action> - </v-list-item> + <div v-if="item.note"> + {{ item.note }} + </div> + </v-list-item-action> + </v-list-item> + </v-list> <v-divider></v-divider> </template> </c-r-u-d-iterator> @@ -163,7 +169,6 @@ import { personalNotesForPerson, personName, } from "./statistics.graphql"; -import { DateTime } from "luxon"; import ExtraMarkChip from "../../extra_marks/ExtraMarkChip.vue"; const MODE = {