From e4d2a9313246c404e8adf80cc2a9c7c4c4906f54 Mon Sep 17 00:00:00 2001
From: magicfelix <felix@felix-zauberer.de>
Date: Mon, 8 Aug 2022 15:43:24 +0200
Subject: [PATCH] Show personal notes in expandable row
---
.../coursebook/LessonDocumentations.vue | 19 ++++++++++++-------
1 file changed, 12 insertions(+), 7 deletions(-)
diff --git a/aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentations.vue b/aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentations.vue
index 4524f020d..abca65452 100644
--- a/aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentations.vue
+++ b/aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentations.vue
@@ -39,16 +39,20 @@
:items="computedLessonDocumentations"
@click:row="editLessonDocumentation"
class="elevation-1"
+ :expanded.sync="expanded"
+ show-expand
>
<template v-slot:item.period="{ item }">
<span class="text-no-wrap">{{ item.date }} Period {{ item.period }}</span>
</template>
- <template v-slot:item.personalNotes="{ item }">
- <template v-for="personalNote in item.personalNotes">
- <v-chip class="ma-1" close v-if="personalNoteString(personalNote)">
- {{ personalNote.person.fullName }}: {{ personalNoteString(personalNote) }}
- </v-chip>
- </template>
+ <template v-slot:expanded-item="{ headers, item }">
+ <td :colspan="headers.length">
+ <template v-for="personalNote in item.personalNotes">
+ <v-chip class="ma-1" close v-if="personalNoteString(personalNote)">
+ {{ personalNote.person.fullName }}: {{ personalNoteString(personalNote) }}
+ </v-chip>
+ </template>
+ </td>
</template>
</v-data-table>
</div></template>
@@ -62,12 +66,13 @@
data () {
return {
dialog: false,
+ expanded: [],
headers: [
{ text: "Period", value: "period" },
{ text: "Topic", value: "topic" },
{ text: "Homework", value: "homework" },
{ text: "Group note", value: "groupNote" },
- { text: "Personal notes", value: "personalNotes" }
+ { text: "Personal notes", value: "data-table-expand" }
],
lessonDocumentationEdit: {},
selectedLessonperiodDatetime: {},
--
GitLab