From 1499b48ced35bf9175967e5910cedf5d5315a25e Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Fri, 18 Oct 2024 18:49:02 +0200
Subject: [PATCH] Reimplement compact mode of statistics card
---
.../statistics/StatisticsForPersonCard.vue | 16 +++++++++++++---
1 file changed, 13 insertions(+), 3 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
index c081a4b1d..751e6b90d 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
@@ -109,6 +109,17 @@ export default {
});
},
},
+ computed: {
+ gridTemplateAreas() {
+ return this.compact
+ ? `"absences tardinesses extra_marks"
+ "personal_notes personal_notes personal_notes"`
+ : `"absences" "tardinesses" "extra_marks"`;
+ },
+ gridTemplateColumnsNum() {
+ return this.compact ? 3 : 1;
+ },
+ },
};
</script>
@@ -116,9 +127,8 @@ export default {
.grid {
display: grid;
max-width: 100%;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- grid-template-areas: "absences tardinesses extra_marks"
- "personal_notes personal_notes personal_notes";
+ grid-template-columns: repeat(v-bind(gridTemplateColumnsNum), minmax(0, 1fr));
+ grid-template-areas: v-bind(gridTemplateAreas);
gap: 0.5em;
}
</style>
--
GitLab