From 9f32e64ed65616084faa3e3a9405401d87a60ad0 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Wed, 14 Aug 2024 20:04:41 +0200
Subject: [PATCH] Only show filled fields in compact documentation details
---
.../DocumentationCompactDetails.vue | 30 +++++++++++--------
1 file changed, 18 insertions(+), 12 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue
index 09ae0e5d0..e1e5b92dc 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue
@@ -1,19 +1,25 @@
<template>
<v-card outlined dense rounded="lg" v-bind="$attrs" v-on="$listeners">
- <div class="font-weight-medium mr-2">
- {{ $t("alsijil.coursebook.summary.topic.label") }}:
- </div>
- <div class="text-truncate">{{ documentation.topic || "–" }}</div>
+ <template v-if="documentation.topic">
+ <div class="font-weight-medium mr-2">
+ {{ $t("alsijil.coursebook.summary.topic.label") }}:
+ </div>
+ <div class="text-truncate">{{ documentation.topic || "–" }}</div>
+ </template>
- <div class="font-weight-medium mr-2">
- {{ $t("alsijil.coursebook.summary.homework.label") }}:
- </div>
- <div class="text-truncate">{{ documentation.homework || "–" }}</div>
+ <template v-if="documentation.homework">
+ <div class="font-weight-medium mr-2">
+ {{ $t("alsijil.coursebook.summary.homework.label") }}:
+ </div>
+ <div class="text-truncate">{{ documentation.homework || "–" }}</div>
+ </template>
- <div class="font-weight-medium mr-2">
- {{ $t("alsijil.coursebook.summary.group_note.label") }}:
- </div>
- <div class="text-truncate">{{ documentation.groupNote || "–" }}</div>
+ <template v-if="documentation.groupNote">
+ <div class="font-weight-medium mr-2">
+ {{ $t("alsijil.coursebook.summary.group_note.label") }}:
+ </div>
+ <div class="text-truncate">{{ documentation.groupNote || "–" }}</div>
+ </template>
</v-card>
</template>
--
GitLab