diff --git a/orga/app/components/organization-participant/table-headers.gjs b/orga/app/components/organization-participant/table-headers.gjs index 24c112552ed..6ce34f10ec5 100644 --- a/orga/app/components/organization-participant/table-headers.gjs +++ b/orga/app/components/organization-participant/table-headers.gjs @@ -1,9 +1,11 @@ import PixCheckbox from '@1024pix/pix-ui/components/pix-checkbox'; +import PixTooltip from '@1024pix/pix-ui/components/pix-tooltip'; import { on } from '@ember/modifier'; import { service } from '@ember/service'; +import FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon'; import Component from '@glimmer/component'; import { t } from 'ember-intl'; -import { not } from 'ember-truth-helpers'; +import { eq, not } from 'ember-truth-helpers'; import { getColumnName } from '../../helpers/import-format.js'; import Tooltip from '../certificability/tooltip'; @@ -38,7 +40,28 @@ export default class TableHeaders extends Component {
{{t "pages.organization-participants.table.column.first-name"}}
{{#each @customHeadings as |heading|}} -
{{t (getColumnName heading)}}
+
+
+ {{t (getColumnName heading)}} + {{#if (eq heading "ORALIZATION")}} + + <:triggerElement> + + + + <:tooltip> + {{t "pages.organization-participants.table.oralization-header-tooltip"}} + + + {{/if}} + +
+
{{/each}} {{#unless this.currentUser.canAccessMissionsPage}} diff --git a/orga/app/styles/pages/authenticated/organization-participants/list.scss b/orga/app/styles/pages/authenticated/organization-participants/list.scss index dd2b675cae6..0f34057747a 100644 --- a/orga/app/styles/pages/authenticated/organization-participants/list.scss +++ b/orga/app/styles/pages/authenticated/organization-participants/list.scss @@ -17,6 +17,14 @@ $margin-right: 32px; justify-content: center; } + &__header-with-tooltip { + display: flex; + + .pix-tooltip { + margin-left: 5px; + } + } + &__actions-header { width: 10%; diff --git a/orga/translations/en.json b/orga/translations/en.json index 9085819be40..b85483ba62c 100644 --- a/orga/translations/en.json +++ b/orga/translations/en.json @@ -1109,6 +1109,7 @@ }, "description": "Table of participants, sorted by name.", "empty": "No participants", + "oralization-header-tooltip": "Activate “read the instruction” to have the student's oral transcription.", "row-title": "Participant", "row-value": { "oralization": { diff --git a/orga/translations/fr.json b/orga/translations/fr.json index 050eca014d2..15d0570638c 100644 --- a/orga/translations/fr.json +++ b/orga/translations/fr.json @@ -1115,6 +1115,7 @@ }, "description": "Tableau des participants trié par nom.", "empty": "Aucun participant", + "oralization-header-tooltip": "Activer “lecture de la consigne” permettra à l'élève d’avoir sa transcription orale.", "row-title": "Participant", "row-value": { "oralization": { diff --git a/orga/translations/nl.json b/orga/translations/nl.json index e567b288137..da761b4f58a 100644 --- a/orga/translations/nl.json +++ b/orga/translations/nl.json @@ -1169,7 +1169,8 @@ }, "description": "Tabel met deelnemers gesorteerd op naam.", "empty": "Geen deelnemers", - "row-title": "Deelnemer" + "row-title": "Deelnemer", + "oralization-header-tooltip": "Door ‘leesinstructies’ te activeren, kan de student zijn mondelinge transcriptie krijgen." } }, "participants-list": {