From bc45c29ffea426bbc7b1ef81aac36c0c546e96fc Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Tue, 25 Jun 2024 12:42:56 +0200
Subject: [PATCH] Create generic tardiness chip
---
.../personal_notes/TardinessChip.vue | 40 +++++++++++++++++++
1 file changed, 40 insertions(+)
create mode 100644 aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/TardinessChip.vue
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/TardinessChip.vue b/aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/TardinessChip.vue
new file mode 100644
index 000000000..b78825aa0
--- /dev/null
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/TardinessChip.vue
@@ -0,0 +1,40 @@
+<script>
+
+export default {
+ name: "TardinessChip",
+ props: {
+ tardiness: {
+ type: Number,
+ required: false,
+ default: 0,
+ },
+ loading: {
+ type: Boolean,
+ required: false,
+ default: false,
+ },
+ },
+ extends: "v-chip",
+};
+</script>
+
+<template>
+ <v-chip
+ dense
+ outlined
+ v-bind="$attrs"
+ v-on="$listeners"
+ >
+ <v-avatar left>
+ <v-icon small>mdi-clock-alert-outline</v-icon>
+ </v-avatar>
+ <slot name="prepend" />
+ <slot>
+ {{ $tc("alsijil.personal_notes.minutes_late", tardiness) }}
+ </slot>
+ <slot name="append" />
+ <v-avatar right v-if="loading">
+ <v-progress-circular indeterminate :size="16" :width="2" />
+ </v-avatar>
+ </v-chip>
+</template>
--
GitLab