From cd9d8141f5bbed2c41d21e7141745d915856496f Mon Sep 17 00:00:00 2001
From: Vincent Hardouin <vincent.hardouin@pix.fr>
Date: Fri, 13 Dec 2024 16:55:42 +0100
Subject: [PATCH] feat(orga): add extraction date on statistics title

Co-authored-by: Mathieu Gilet <mathieu.gilet@pix.fr>
Co-authored-by: Alexandre Monney <alexandre.monney@pix.fr>
---
 orga/app/components/statistics/index.gjs         |  7 +++++++
 orga/app/styles/components/statistics.scss       |  4 ++++
 .../components/statistics/index-test.gjs         | 16 ++++++++++++++--
 orga/translations/en.json                        |  1 +
 orga/translations/fr.json                        |  1 +
 orga/translations/nl.json                        |  1 +
 6 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/orga/app/components/statistics/index.gjs b/orga/app/components/statistics/index.gjs
index 501ede62c47..037caa49e06 100644
--- a/orga/app/components/statistics/index.gjs
+++ b/orga/app/components/statistics/index.gjs
@@ -1,6 +1,7 @@
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
+import dayjs from 'dayjs';
 import { t } from 'ember-intl';
 
 import Header from '../table/header';
@@ -39,9 +40,15 @@ export default class Statistics extends Component {
     return this.analysisByTubes.slice(start, end);
   }
 
+  get extractedDate() {
+    return dayjs(this.analysisByTubes[0]?.extraction_date).format('D MMM YYYY');
+  }
+
   <template>
     <div class="statistics-page__header">
       <h1 class="page-title">{{t "pages.statistics.title"}}</h1>
+      <span class="statistics-page-header__date">{{t "pages.statistics.before-date"}}
+        {{this.extractedDate}}</span>
     </div>
 
     <section class="statistics-page__section">
diff --git a/orga/app/styles/components/statistics.scss b/orga/app/styles/components/statistics.scss
index 77f0199dab3..998806bea08 100644
--- a/orga/app/styles/components/statistics.scss
+++ b/orga/app/styles/components/statistics.scss
@@ -5,6 +5,10 @@
   margin-bottom: var(--pix-spacing-8x);
 }
 
+.statistics-page-header__date {
+  @extend %pix-body-xs;
+}
+
 .statistics-page__section {
   tbody > tr {
     &:nth-child(odd) {
diff --git a/orga/tests/integration/components/statistics/index-test.gjs b/orga/tests/integration/components/statistics/index-test.gjs
index 5fe7f7343d3..ae09c07810f 100644
--- a/orga/tests/integration/components/statistics/index-test.gjs
+++ b/orga/tests/integration/components/statistics/index-test.gjs
@@ -1,5 +1,6 @@
 import { render } from '@1024pix/ember-testing-library';
 import Service from '@ember/service';
+import dayjs from 'dayjs';
 import { t } from 'ember-intl/test-support';
 import Statistics from 'pix-orga/components/statistics/index';
 import { module, test } from 'qunit';
@@ -9,10 +10,20 @@ import setupIntlRenderingTest from '../../../helpers/setup-intl-rendering';
 module('Integration | Component | Statistics | Index', function (hooks) {
   setupIntlRenderingTest(hooks);
 
-  test('it should display title', async function (assert) {
+  test('it should display title and extracted date', async function (assert) {
     //given
+    const extractionDate = '2024-12-08';
     const model = {
-      data: [],
+      data: [
+        {
+          competence_code: '2.1',
+          competence: 'Interagir',
+          sujet: 'Gérer ses contacts',
+          niveau_par_user: '1.30',
+          niveau_par_sujet: '1.50',
+          extraction_date: extractionDate,
+        },
+      ],
     };
 
     //when
@@ -20,6 +31,7 @@ module('Integration | Component | Statistics | Index', function (hooks) {
 
     //then
     assert.ok(screen.getByRole('heading', { name: t('pages.statistics.title'), level: 1 }));
+    assert.ok(screen.getByText(dayjs(extractionDate).format('D MMM YYYY'), { exact: false }));
   });
 
   test('it should display table headers', async function (assert) {
diff --git a/orga/translations/en.json b/orga/translations/en.json
index 24ba90310ae..dfb70d856c4 100644
--- a/orga/translations/en.json
+++ b/orga/translations/en.json
@@ -1463,6 +1463,7 @@
     },
     "statistics": {
       "title": "Statistics",
+      "before-date": "on",
       "gauge": {
         "label": "On the topic, your participants achieved a level of {userLevel} out of a maximum reachable level of {tubeLevel}."
       },
diff --git a/orga/translations/fr.json b/orga/translations/fr.json
index ff89c0c2a14..d6ea915d606 100644
--- a/orga/translations/fr.json
+++ b/orga/translations/fr.json
@@ -1469,6 +1469,7 @@
     },
     "statistics": {
       "title": "Statistiques",
+      "before-date": "au",
       "gauge": {
         "label": "Sur le sujet vos participants ont obtenu un niveau de {userLevel} sur un niveau maximum atteignable de {tubeLevel}."
       },
diff --git a/orga/translations/nl.json b/orga/translations/nl.json
index c5e853896f8..6f145b8ba72 100644
--- a/orga/translations/nl.json
+++ b/orga/translations/nl.json
@@ -1463,6 +1463,7 @@
     },
     "statistics": {
       "title": "Statistieken",
+      "before-date": "op",
       "gauge": {
         "label": "Je deelnemers behaalden een {userLevel} op een maximaal haalbaar niveau van {tubeLevel}."
       },