🎨 add detail link to go to mission detail

1024pix · Oct 29, 2024 · 289c6f2 · 289c6f2
1 parent 1e55b2e
commit 289c6f2
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 2 deletions.
diff --git a/orga/app/styles/app.scss b/orga/app/styles/app.scss
@@ -75,6 +75,7 @@
 @import 'pages/authenticated/campaigns/participant-profile';
 @import 'pages/authenticated/certifications';
 @import 'pages/authenticated/mission';
+@import 'pages/authenticated/mission/list';
 @import 'pages/authenticated/organization-participants/list';
 @import 'pages/authenticated/organization-participants/deletion-modal';
 @import 'pages/authenticated/sup-organization-participants/list';

diff --git a/orga/app/styles/pages/authenticated/mission/list.scss b/orga/app/styles/pages/authenticated/mission/list.scss
@@ -0,0 +1,16 @@
+.mission-list {
+  &__table {
+    th {
+      color: var(--pix-neutral-900);
+      font-weight: 700;
+    }
+
+    td {
+      color: var(--pix-neutral-900);
+    }
+
+    a {
+      text-decoration: underline;
+    }
+  }
+}
diff --git a/orga/app/templates/authenticated/missions/list.hbs b/orga/app/templates/authenticated/missions/list.hbs
@@ -64,13 +64,14 @@
 {{#if @model.missions}}
   <div class="panel">
 
-    <table class="table content-text content-text--small participation-list__table">
+    <table class="table content-text content-text--small mission-list__table">
       <caption class="screen-reader-only">{{t "pages.missions.list.caption"}}</caption>
       <thead>
         <tr>
           <Table::Header scope="col">{{t "pages.missions.list.headers.name"}}</Table::Header>
           <Table::Header scope="col">{{t "pages.missions.list.headers.competences"}}</Table::Header>
           <Table::Header scope="col">{{t "pages.missions.list.headers.started-by"}}</Table::Header>
+          <Table::Header scope="col">{{t "pages.missions.list.headers.actions"}}</Table::Header>
         </tr>
       </thead>
       <tbody>
@@ -93,6 +94,11 @@
                 {{mission.startedBy}}
               {{/if}}
             </td>
+            <td>
+              <a href="#" {{on "click" (fn this.goToMissionDetails mission.id)}}>{{t
+                  "pages.missions.list.actions.see-mission-details"
+                }}</a>
+            </td>
           </tr>
         {{/each}}
       </tbody>

diff --git a/orga/translations/en.json b/orga/translations/en.json
@@ -877,6 +877,9 @@
     "missions": {
       "title": "Missions",
       "list": {
+        "actions": {
+          "see-mission-details": "See details"
+        },
         "aria-label": "Mission",
         "banner": {
           "copypaste-container": {
@@ -910,6 +913,7 @@
         "caption": "List of missions",
         "empty-state": "There is not any mission",
         "headers": {
+          "actions": "Actions",
           "competences": "Targeted DigComp competence",
           "name": "Mission",
           "started-by": "Started by"

diff --git a/orga/translations/fr.json b/orga/translations/fr.json
@@ -883,6 +883,9 @@
     "missions": {
       "title": "Missions",
       "list": {
+        "actions": {
+          "see-mission-details": "Voir le détail"
+        },
         "aria-label": "Mission",
         "banner": {
           "copypaste-container": {
@@ -916,6 +919,7 @@
         "caption": "Liste des missions",
         "empty-state": "Il n'y a pas de missions",
         "headers": {
+          "actions": "Actions",
           "competences": "Compétences du CRCN travaillées",
           "name": "Mission",
           "started-by": "Commencé par"

diff --git a/orga/translations/nl.json b/orga/translations/nl.json
@@ -911,7 +911,11 @@
         "headers": {
           "competences": "Vaardigheden waaraan is gewerkt",
           "name": "Opdracht",
-          "started-by": "Gestart door"
+          "started-by": "Gestart door",
+          "actions": "Acties"
+        },
+        "actions": {
+          "see-mission-details": "Zie details"
         },
         "no-division": "Geen klas",
         "non-admin": {