Skip to content
Snippets Groups Projects
Commit 2e511a6c authored by Julian's avatar Julian
Browse files

Reformat

parent d4ea461e
No related branches found
No related tags found
1 merge request!361Resolve "Add statistics page for absences"
Pipeline #193747 failed
Stage: prepare
Stage: test
Stage: build
Stage: publish
Stage: docker
Hide whitespace changes
Inline Side-by-side
aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue
+ 78
− 73
View file @ 2e511a6c
...@@ -44,81 +44,87 @@ ...@@ -44,81 +44,87 @@
</v-btn> </v-btn>
</template> </template>
<template #default="{ items }"> <template #default="{ items }">
<v-list-item v-for="item in items" :key="item.id" ripple> <v-list>
<v-list-item-content> <v-list-item v-for="item in items" :key="item.id" ripple>
<v-list-item-title> <v-list-item-content>
<!-- date & timeslot --> <v-list-item-title>
<time <!-- date & timeslot -->
:datetime="item.relatedDocumentation.datetimeStart" <time
class="text-no-wrap" :datetime="item.relatedDocumentation.datetimeStart"
> class="text-no-wrap"
{{ >
$d( {{
$parseISODate(item.relatedDocumentation.datetimeStart), $d(
"short", $parseISODate(
) item.relatedDocumentation.datetimeStart,
}} ),
</time> "short",
)
}}
</time>
<time <time
:datetime="item.relatedDocumentation.datetimeStart" :datetime="item.relatedDocumentation.datetimeStart"
class="text-no-wrap" class="text-no-wrap"
> >
{{ {{
$d( $d(
$parseISODate(item.relatedDocumentation.datetimeStart), $parseISODate(
"shortTime", item.relatedDocumentation.datetimeStart,
) ),
}} "shortTime",
</time> )
<span>-</span> }}
<time </time>
:datetime="item.relatedDocumentation.datetimeEnd" <span>-</span>
class="text-no-wrap" <time
> :datetime="item.relatedDocumentation.datetimeEnd"
{{ class="text-no-wrap"
$d( >
$parseISODate(item.relatedDocumentation.datetimeEnd), {{
"shortTime", $d(
) $parseISODate(item.relatedDocumentation.datetimeEnd),
}} "shortTime",
</time> )
</v-list-item-title> }}
<v-list-item-subtitle class="overflow-scroll"> </time>
<!-- teacher --> </v-list-item-title>
<person-chip <v-list-item-subtitle class="overflow-scroll">
v-for="teacher in item.relatedDocumentation.teachers" <!-- teacher -->
:key="teacher.id" <person-chip
:person="teacher" v-for="teacher in item.relatedDocumentation.teachers"
no-link :key="teacher.id"
small :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 --> <extra-mark-chip
<span> v-if="item.extraMark"
{{ item.groupShortName }} :extra-mark="item.extraMark"
</span>
<!-- subject -->
<subject-chip
:subject="item.relatedDocumentation.subject"
small
/> />
</v-list-item-subtitle> <div v-if="item.note">
</v-list-item-content> {{ item.note }}
<v-list-item-action> </div>
<!-- chips: absences & extraMarks --> </v-list-item-action>
<absence-reason-chip </v-list-item>
v-if="item.absenceReason" </v-list>
: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>
<v-divider></v-divider> <v-divider></v-divider>
</template> </template>
</c-r-u-d-iterator> </c-r-u-d-iterator>
...@@ -163,7 +169,6 @@ import { ...@@ -163,7 +169,6 @@ import {
personalNotesForPerson, personalNotesForPerson,
personName, personName,
} from "./statistics.graphql"; } from "./statistics.graphql";
import { DateTime } from "luxon";
import ExtraMarkChip from "../../extra_marks/ExtraMarkChip.vue"; import ExtraMarkChip from "../../extra_marks/ExtraMarkChip.vue";
const MODE = { const MODE = {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment