From 8d0ec93b62570f515247dfaa3f89eece10df3fb6 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Fri, 16 Feb 2024 20:25:58 +0100
Subject: [PATCH] Create dummy chips in lesson notes component
---
.../components/documentation/LessonNotes.vue | 25 ++++++++++++++++++-
1 file changed, 24 insertions(+), 1 deletion(-)
diff --git a/aleksis/apps/alsijil/frontend/components/documentation/LessonNotes.vue b/aleksis/apps/alsijil/frontend/components/documentation/LessonNotes.vue
index c6defd7ec..a9bada950 100644
--- a/aleksis/apps/alsijil/frontend/components/documentation/LessonNotes.vue
+++ b/aleksis/apps/alsijil/frontend/components/documentation/LessonNotes.vue
@@ -1,5 +1,22 @@
<template>
- <v-card-text>{{ documentation.id }}</v-card-text>
+ <v-card-text class="d-flex align-center justify-space-between justify-md-end flex-wrap gap">
+ <v-chip dense color="success">
+ <v-chip small dense class="mr-2" color="green darken-3 white--text">26</v-chip>
+ von 30 anwesend
+ </v-chip>
+ <v-chip dense color="warning">
+ <v-chip small dense class="mr-2" color="orange darken-3 white--text">3</v-chip>
+ entschuldigt
+ </v-chip>
+ <v-chip dense color="error">
+ <v-chip small dense class="mr-2" color="red darken-3 white--text">1</v-chip>
+ unentschuldigt
+ </v-chip>
+ <v-chip dense color="grey lighten-1">
+ <v-chip small dense class="mr-2" color="grey darken-1 white--text">4</v-chip>
+ Hausaufgaben vergessen
+ </v-chip>
+ </v-card-text>
</template>
<script>
@@ -13,3 +30,9 @@ export default {
},
};
</script>
+
+<style scoped>
+.gap {
+ gap: 0.25em
+}
+</style>
--
GitLab