From 9710f8be63ec4b471a415ed6b47bbaac95ef3c89 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Fri, 14 May 2021 21:25:30 +0200
Subject: [PATCH] display resources table row

---
 .../components/ResourceItem.vue               | 40 ++++++++++++++-----
 .../components/Resources.vue                  |  6 +--
 .../vuejs/AccompanyingCourse/js/i18n.js       |  4 +-
 .../Resources/public/vuejs/_js/i18n.js        |  5 +++
 4 files changed, 38 insertions(+), 17 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ResourceItem.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ResourceItem.vue
index eeaabdd2d..ffec23ddf 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ResourceItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ResourceItem.vue
@@ -1,10 +1,22 @@
 <template>
 <tr>
    
-   <td>{{ resource.resource.text }}</td>
-   <td>{{ resource.resource.type }} {{ resource.resource.id }}</td>
-   <td></td>
-   <td></td>
+   <td>
+      <span class="badge badge-pill badge-secondary" 
+         v-bind:title="resource.resource.id">
+         <span v-if="resource.resource.type === 'person'" >{{ $t('item.type_person') }}</span>
+         <span v-if="resource.resource.type === 'thirdparty'" >{{ $t('item.type_thirdparty') }}</span>
+      </span>
+      {{ resource.resource.text }}
+   </td>
+      
+   <td v-if="resource.resource.type === 'person'">
+      {{ $tc('person.born') }}{{ $d(resource.resource.birthdate.datetime, 'short') }}
+   </td>
+   <td v-else-if="resource.resource.type === 'thirdparty'">
+      {{ resource.resource.address.text }}<br>
+      {{ resource.resource.address.postcode.name }}
+   </td>
    
    <td>
       <ul class="record_actions">
@@ -37,14 +49,20 @@
 export default {
    name: 'ResourceItem',
    props: ['resource'],
-   data() {
-      return {
-         url: {
-            show: 'show', //'/fr/person/' + this.resource.person.id + '/general',
-            edit: 'edit' //'/fr/person/' + this.resource.person.id + '/general/edit'
+   emits: ['remove'],
+   computed: {
+      type() {
+         return this.resource.resource.type;
+      },
+      url() {
+         return (this.type === 'person') ? {
+            show: `/fr/person/${this.resource.resource.id}/general`,
+            edit: `/fr/person/${this.resource.resource.id}/general/edit`
+         } : {
+            show: `/fr/thirdparty/thirdparty/${this.resource.resource.id}/show`,
+            edit: `/fr/thirdparty/thirdparty/${this.resource.resource.id}/update`
          }
       }
-   },
-   emits: ['remove']
+   }
 }
 </script>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
index 38a6a7588..07e808691 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
@@ -7,10 +7,8 @@
    <table class="rounded">
       <thead>
          <tr>
-            <th class="chill-orange">{{ $t('resources.firstname') }}</th>
-            <th class="chill-orange">{{ $t('resources.lastname') }}</th>
-            <th>3</th>
-            <th>4</th>
+            <th class="chill-orange">{{ $t('resources.text') }}</th>
+            <th class="chill-orange">{{ $t('resources.description') }}</th>
             <th class="chill-orange">{{ $t('action.actions') }}</th>
          </tr>
       </thead>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
index d25fda0ce..1be75e6a0 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
@@ -49,8 +49,8 @@ const appMessages = {
       resources: {
          title: "Interlocuteurs privilégiés",
          counter: "Pas d'interlocuteur | 1 interlocuteur | {count} interlocuteurs",
-         firstname: "Prénom",
-         lastname: "Nom",
+         text: "Dénomination",
+         description: "Description",
          add_resources: "Ajouter des interlocuteurs",
       }
    }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_js/i18n.js b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_js/i18n.js
index 9fe284915..e92a81e62 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_js/i18n.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_js/i18n.js
@@ -12,6 +12,11 @@ const personMessages = {
          type_thirdparty: "Tiers",
          type_household: "Ménage"
       },
+      person: {
+         firstname: "Prénom",
+         lastname: "Nom",
+         born: "né le ",
+      },
       error_only_one_person: "Une seule personne peut être sélectionnée !"
    }
 };