From 1952e4aa5ad32a9f7743e4859b031e5cb39e18cf Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Tue, 25 Jan 2022 21:39:20 +0100
Subject: [PATCH] render table results for works tab

---
 .../Resources/public/chill/chillactivity.scss |  2 +
 .../public/vuejs/HomepageWidget/MyWorks.vue   | 44 ++++++++++++++++++-
 .../public/vuejs/HomepageWidget/js/i18n.js    |  7 ++-
 .../Resources/public/chill/scss/badge.scss    |  6 +++
 4 files changed, 57 insertions(+), 2 deletions(-)

diff --git a/src/Bundle/ChillActivityBundle/Resources/public/chill/chillactivity.scss b/src/Bundle/ChillActivityBundle/Resources/public/chill/chillactivity.scss
index 8b88f0e78..5c1c83d06 100644
--- a/src/Bundle/ChillActivityBundle/Resources/public/chill/chillactivity.scss
+++ b/src/Bundle/ChillActivityBundle/Resources/public/chill/chillactivity.scss
@@ -34,6 +34,8 @@ p.date-label {
    font-size: 18pt;
 }
 div.dashboard,
+h4.badge-title,
+h3.badge-title,
 h2.badge-title {
    ul.list-content {
       font-size: 70%;
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue
index 0e3d6c4e3..c9c35c518 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue
@@ -1,17 +1,41 @@
 <template>
+<div class="accompanying_course_work">
    <h3>{{ $t('my_works.title') }}</h3>
    <tab-table>
       <template v-slot:thead>
+         <th scope="col">#</th>
+         <th scope="col">{{ $t('StartDate') }}</th>
+         <th scope="col">{{ $t('SocialAction') }}</th>
+         <th scope="col"></th>
       </template>
       <template v-slot:tbody>
-         <tr></tr>
+         <tr v-for="(w, i) in works.results" :key="`works-${i}`">
+            <th scope="row">{{ i+1 }}</th>
+            <td>{{ $d(w.startDate.datetime, 'short') }}</td>
+            <td>
+               <h4 class="badge-title">
+                  <span class="title_label"></span>
+                  <span class="title_action">
+                     {{ w.socialAction.text }}
+                  </span>
+               </h4>
+            </td>
+            <td>
+               <a class="btn btn-sm btn-update"
+                  :href="linkEntity(w)">
+                  {{ $t('show_entity', { entity: getEntityName(w) }) }}
+               </a>
+            </td>
+         </tr>
       </template>
    </tab-table>
+</div>
 </template>
 
 <script>
 import { mapState, mapGetters } from "vuex";
 import TabTable from "./TabTable";
+import { appMessages } from 'ChillMainAssets/vuejs/HomepageWidget/js/i18n';
 
 export default {
    name: "MyWorks",
@@ -26,6 +50,24 @@ export default {
          'isWorksLoaded',
       ])
    },
+   methods: {
+      getEntityName(w) {
+         switch (w.type) {
+            case 'accompanying_period_work':
+               return appMessages.fr.the_action;
+            default:
+               throw 'work type unknown';
+         }
+      },
+      linkEntity(w) {
+         switch (w.type) {
+            case 'accompanying_period_work':
+               return `/fr/person/accompanying-period/work/${w.id}/edit`
+            default:
+               throw 'work type unknown';
+         }
+      }
+   },
 }
 </script>
 
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js
index 603d464da..38ea5487a 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js
@@ -26,7 +26,12 @@ const appMessages = {
         Entity: "Associé à",
         show_entity: "Voir {entity}",
         the_activity: "l'échange",
-        the_course: "le parcours"
+        the_course: "le parcours",
+        the_action: "l'action",
+        StartDate: "Date d'ouverture",
+        SocialAction: "Action d'accompagnement",
+
+
     }
 };
 
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss
index e8a98bc80..365074d05 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss
+++ b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss
@@ -80,6 +80,8 @@ div.dashboard {
     }
 }
 div.dashboard,
+h4.badge-title,
+h3.badge-title,
 h2.badge-title {
     display: flex;
     flex-direction: row;
@@ -128,6 +130,8 @@ ul.columns { // XS:1  SM:2  MD:1  LG:2  XL:2  XXL:2
 /// dashboard_like_badge in AccompanyingCourse Work list Page
 div[class*='accompanying_course_work'] {
     div.dashboard,
+    h4.badge-title,
+    h3.badge-title,
     h2.badge-title {
         span.title_label {
             // Calculate same color then border:groove
@@ -143,6 +147,8 @@ div[class*='accompanying_course_work'] {
 /// dashboard_like_badge in Activities on resume page
 div[class*='activity-'] {
     div.dashboard,
+    h4.badge-title,
+    h3.badge-title,
     h2.badge-title {
         span.title_label {
             // Calculate same color then border:groove