From 9d5bf806df665aa4b3cad43c007e8ca07480852c Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Tue, 5 Oct 2021 10:52:30 +0200
Subject: [PATCH] Adding icons to exports
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
js/src/views/Event/Participants.vue | 19 +++++++++++++++++--
1 file changed, 17 insertions(+), 2 deletions(-)
diff --git a/js/src/views/Event/Participants.vue b/js/src/views/Event/Participants.vue
index 906113098..2e8e247a9 100644
--- a/js/src/views/Event/Participants.vue
+++ b/js/src/views/Event/Participants.vue
@@ -66,8 +66,10 @@
:key="format"
@click="exportParticipants(format)"
aria-role="listitem"
- >{{ format }}</b-dropdown-item
>
+ <b-icon :icon="formatToIcon(format)"></b-icon>
+ {{ format }}
+ </b-dropdown-item>
</b-dropdown>
</div>
</div>
@@ -275,6 +277,8 @@ const { isNavigationFailure, NavigationFailureType } = VueRouter;
const PARTICIPANTS_PER_PAGE = 10;
const MESSAGE_ELLIPSIS_LENGTH = 130;
+type exportFormat = "CSV" | "PDF" | "ODS";
+
@Component({
apollo: {
currentActor: {
@@ -414,7 +418,7 @@ export default class Participants extends Vue {
this.checkedRows = [];
}
- async exportParticipants(type: "CSV" | "PDF" | "ODS"): Promise<void> {
+ async exportParticipants(type: exportFormat): Promise<void> {
try {
const {
data: { exportEventParticipants },
@@ -454,6 +458,17 @@ export default class Participants extends Vue {
);
}
+ formatToIcon(format: exportFormat): string {
+ switch (format) {
+ case "CSV":
+ return "file-delimited";
+ case "PDF":
+ return "file-pdf-box";
+ case "ODS":
+ return "google-spreadsheet";
+ }
+ }
+
/**
* We can accept participants if at least one of them is not approved
*/