From d9c6b7d371708ef7a7dff921e91ea8e46871655b Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Fri, 22 Nov 2024 17:45:24 +0100
Subject: [PATCH] Display mascot if timetable search yields no results
---
.../chronos/frontend/components/SelectTimetable.vue | 12 ++++++++++++
1 file changed, 12 insertions(+)
diff --git a/aleksis/apps/chronos/frontend/components/SelectTimetable.vue b/aleksis/apps/chronos/frontend/components/SelectTimetable.vue
index 537b6629..d219e695 100644
--- a/aleksis/apps/chronos/frontend/components/SelectTimetable.vue
+++ b/aleksis/apps/chronos/frontend/components/SelectTimetable.vue
@@ -1,8 +1,12 @@
<script>
import timetableTypes from "./timetableTypes";
+import Mascot from "aleksis.core/components/generic/mascot/Mascot.vue";
export default {
name: "SelectTimetable",
+ components: {
+ Mascot,
+ },
props: {
value: {
type: Object,
@@ -126,6 +130,14 @@ export default {
type="list-item-avatar@10"
/>
</template>
+ <template #no-results>
+ <div class="d-flex flex-column align-center justify-center">
+ <mascot type="searching" width="33%" min-width="250px" />
+ <div class="mb-2">
+ {{ $t("$vuetify.dataIterator.noResultsText") }}
+ </div>
+ </div>
+ </template>
</v-data-iterator>
</div>
</template>
--
GitLab