diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue index 219044cef9c54fc77bc150402eb883251e66f906..285625b41202f0cf604a17e38897cb031f3da20e 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue +++ b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue @@ -14,6 +14,16 @@ :enable-edit="false" :elevated="false" > + <template #additionalActions> + <v-btn-toggle v-model="mode" mandatory color="secondary" rounded dense> + <v-btn outlined :value="MODE.PARTICIPATIONS"> + {{ $t("alsijil.coursebook.absences.absences") }} + </v-btn> + <v-btn outlined :value="MODE.PERSONAL_NOTES"> + {{ $t("alsijil.personal_notes.personal_notes") }} + </v-btn> + </v-btn-toggle> + </template> <template #default="{ items }"> <v-list-item v-for="item in items" :key="item.id"> <v-list-item-content> @@ -78,6 +88,11 @@ import { participationsOfPerson, personalNotesForPerson } from "./statistics.gra import { DateTime } from "luxon"; import ExtraMarkChip from "../../extra_marks/ExtraMarkChip.vue"; +const MODE = { + PARTICIPATIONS: "PARTICIPATIONS", + PERSONAL_NOTES: "PERSONAL_NOTES", +}; + export default { name: "StatisticsForPersonPage", components: { @@ -102,7 +117,7 @@ export default { }, data() { return { - gqlQuery: documentationsByPerson, + mode: MODE.PARTICIPATIONS, }; }, computed: { @@ -112,6 +127,9 @@ export default { term: this.schoolTermId, }; }, + MODE() { + return MODE; + }, schoolTerm: { get() { return this.schoolTermId; @@ -121,5 +139,10 @@ export default { } }, }, + methods: { + gqlQuery() { + return this.mode === MODE.PERSONAL_NOTES ? personalNotesForPerson : participationsOfPerson; + }, + }, }; </script>