From 97ea300776f9083672f53c67099956896840070e Mon Sep 17 00:00:00 2001
From: Hangzhi Yu <hangzhi@protonmail.com>
Date: Tue, 18 Jun 2024 21:57:11 +0200
Subject: [PATCH] Beautify action bar
---
.../components/coursebook/Coursebook.vue | 18 +++++++++++++-----
aleksis/apps/alsijil/frontend/messages/en.json | 5 ++++-
2 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
index 009323592..571a1e21d 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
@@ -15,11 +15,19 @@
>
<template #additionalActions="{ attrs, on }">
<coursebook-filters v-model="filters" />
- <absence-reason-buttons
- v-if="pageType === 'absences' && selectedParticipations.length"
- allow-empty
- empty-value="present"
- />
+ <v-expand-transition>
+ <v-card outlined class="full-width" v-show="pageType === 'absences' && selectedParticipations.length">
+ <v-card-text>
+ {{ $tc('alsijil.coursebook.absences.action_for_selected', selectedParticipations.length) }}
+ </v-card-text>
+ <v-card-actions>
+ <absence-reason-buttons
+ allow-empty
+ empty-value="present"
+ />
+ </v-card-actions>
+ </v-card>
+ </v-expand-transition>
</template>
<template #item="{ item, lastQuery }">
diff --git a/aleksis/apps/alsijil/frontend/messages/en.json b/aleksis/apps/alsijil/frontend/messages/en.json
index ec55ef953..71e5225a6 100644
--- a/aleksis/apps/alsijil/frontend/messages/en.json
+++ b/aleksis/apps/alsijil/frontend/messages/en.json
@@ -80,7 +80,10 @@
},
"present_number": "{present}/{total} present",
"no_data": "No lessons for the selected groups and courses in this period",
- "no_results": "No search results for {search}"
+ "no_results": "No search results for {search}",
+ "absences": {
+ "action_for_selected": "Action for one selected participation | Action for {count} selected participations"
+ }
}
},
"actions": {
--
GitLab