feat(mon-pix): display attestations details

Author: xav-car

mon-pix/app/components/global/app-navigation.gjs

@@ -26,6 +26,10 @@ export default class AppNavigation extends Component {
     return this.currentUser.user.hasRecommendedTrainings;
   }
 
+  get showAttestationNavItem() {
+    return this.currentUser.hasAttestationsDetails;
+  }
+
   <template>
     <PixNavigation class="app-navigation" @navigationAriaLabel="navigation principale">
       <:brand>
@@ -54,6 +58,11 @@ export default class AppNavigation extends Component {
           <PixNavigationButton @route="authenticated.certifications" @icon="newRealease">
             {{t "navigation.main.start-certification"}}
           </PixNavigationButton>
+          {{#if this.showAttestationNavItem}}
+            <PixNavigationButton @route="authenticated.attestations" @icon="awards">
+              {{t "navigation.main.attestations"}}
+            </PixNavigationButton>
+          {{/if}}
           {{#if this.showTrainingsNavItem}}
             <PixNavigationButton @route="authenticated.user-trainings" @icon="book">
               {{t "navigation.main.trainings"}}

mon-pix/app/routes/authenticated.js

@@ -3,6 +3,7 @@ import { service } from '@ember/service';
 
 export default class AuthenticatedRoute extends Route {
   @service session;
+  @service store;
 
   beforeModel(transition) {
     this.session.requireAuthenticationAndApprovedTermsOfService(transition);

mon-pix/app/services/current-user.js

@@ -4,18 +4,28 @@ export default class CurrentUserService extends Service {
   @service session;
   @service store;
 
-  _user = undefined;
+  #user;
+  #attestationsDetails;
 
   get user() {
-    return this._user;
+    return this.#user;
+  }
+
+  get attestationsDetails() {
+    return this.#attestationsDetails;
+  }
+
+  get hasAttestationsDetails() {
+    return this.#attestationsDetails.length > 0;
   }
 
   async load() {
     if (this.session.isAuthenticated) {
       try {
-        this._user = await this.store.queryRecord('user', { me: true });
+        this.#user = await this.store.queryRecord('user', { me: true });
+        this.#attestationsDetails = await this.store.findAll('attestation-detail');
       } catch {
-        this._user = null;
+        this.#user = null;
         return this.session.invalidate();
       }
     }

mon-pix/translations/en.json

@@ -324,6 +324,7 @@
     },
     "homepage": "Pix's Homepage",
     "main": {
+      "attestations": "My certifications",
       "code": "I have a code",
       "dashboard": "Home",
       "help": "Help",

mon-pix/translations/es.json

@@ -324,6 +324,7 @@
     },
     "homepage": "Página de inicio de Pix",
     "main": {
+      "attestations": "Mis títulos",
       "code": "Tengo un código",
       "dashboard": "Inicio",
       "help": "Ayuda",

mon-pix/translations/fr.json

@@ -324,6 +324,7 @@
     },
     "homepage": "Page d'accueil de Pix",
     "main": {
+      "attestations": "Mes attestations",
       "code": "J'ai un code",
       "dashboard": "Accueil",
       "help": "Aide",

mon-pix/translations/nl.json

@@ -324,6 +324,7 @@
     },
     "homepage": "Startpagina Pix",
     "main": {
+      "attestations": "Mijn getuigschriften",
       "code": "Ik heb een code",
       "dashboard": "Home",
       "help": "Help",