fix(front): add missing title to Participants View page

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2023-06-20 12:09:47 +02:00
parent d63999c081
commit a5a86a5e1b
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
3 changed files with 15 additions and 2 deletions

View file

@ -1564,5 +1564,8 @@
"No apps authorized yet": "No apps authorized yet", "No apps authorized yet": "No apps authorized yet",
"You have been logged-out": "You have been logged-out", "You have been logged-out": "You have been logged-out",
"An “application programming interface” or “API” is a communication protocol that allows software components to communicate with each other. The Mobilizon API, for example, can allow third-party software tools to communicate with Mobilizon instances to carry out certain actions, such as posting events on your behalf, automatically and remotely.": "An “application programming interface” or “API” is a communication protocol that allows software components to communicate with each other. The Mobilizon API, for example, can allow third-party software tools to communicate with Mobilizon instances to carry out certain actions, such as posting events on your behalf, automatically and remotely.", "An “application programming interface” or “API” is a communication protocol that allows software components to communicate with each other. The Mobilizon API, for example, can allow third-party software tools to communicate with Mobilizon instances to carry out certain actions, such as posting events on your behalf, automatically and remotely.": "An “application programming interface” or “API” is a communication protocol that allows software components to communicate with each other. The Mobilizon API, for example, can allow third-party software tools to communicate with Mobilizon instances to carry out certain actions, such as posting events on your behalf, automatically and remotely.",
"Announcements": "Announcements" "Announcements": "Announcements",
"Application authorized": "Application authorized",
"Check your device to continue. You may now close this window.": "Check your device to continue. You may now close this window.",
"Participants to {eventTitle}": "Participants to {eventTitle}"
} }

View file

@ -1560,5 +1560,8 @@
"{username} was invited to {group}": "{username} a été invité à {group}", "{username} was invited to {group}": "{username} a été invité à {group}",
"{user}'s follow request was accepted": "La demande de suivi de {user} a été acceptée", "{user}'s follow request was accepted": "La demande de suivi de {user} a été acceptée",
"{user}'s follow request was rejected": "La demande de suivi de {user} a été rejetée", "{user}'s follow request was rejected": "La demande de suivi de {user} a été rejetée",
"© The OpenStreetMap Contributors": "© Les Contributeur⋅ices OpenStreetMap" "© The OpenStreetMap Contributors": "© Les Contributeur⋅ices OpenStreetMap",
"Application authorized": "Application autorisée",
"Check your device to continue. You may now close this window.": "Vérifiez votre appareil pour continuer. Vous pouvez maintenant fermer cette fenêtre.",
"Participants to {eventTitle}": "Participant·es à {eventTitle}"
} }

View file

@ -284,6 +284,7 @@ import Incognito from "vue-material-design-icons/Incognito.vue";
import EmptyContent from "@/components/Utils/EmptyContent.vue"; import EmptyContent from "@/components/Utils/EmptyContent.vue";
import { Notifier } from "@/plugins/notifier"; import { Notifier } from "@/plugins/notifier";
import Tag from "@/components/TagElement.vue"; import Tag from "@/components/TagElement.vue";
import { useHead } from "@vueuse/head";
const PARTICIPANTS_PER_PAGE = 10; const PARTICIPANTS_PER_PAGE = 10;
const MESSAGE_ELLIPSIS_LENGTH = 130; const MESSAGE_ELLIPSIS_LENGTH = 130;
@ -458,6 +459,12 @@ const toggleQueueDetails = (row: IParticipant): void => {
}; };
const openDetailedRows = ref<Record<string, boolean>>({}); const openDetailedRows = ref<Record<string, boolean>>({});
useHead({
title: computed(() =>
t("Participants to {eventTitle}", { eventTitle: event.value?.title })
),
});
</script> </script>
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->