From e4d5e40a8bae8e384a677e7a38b879e27f2ed87e Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Mon, 31 Jan 2022 18:59:33 +0100
Subject: [PATCH] improve homepage_widget tables with datas

---
 .../HomepageWidget/MyAccompanyingCourses.vue  | 38 +++++++++++++++----
 .../vuejs/HomepageWidget/MyEvaluations.vue    |  6 ++-
 .../public/vuejs/HomepageWidget/MyTasks.vue   | 37 ++++++++++++------
 .../public/vuejs/HomepageWidget/MyWorks.vue   | 21 +++++++++-
 .../public/vuejs/HomepageWidget/js/i18n.js    |  9 ++++-
 .../ChillTaskBundle/Entity/SingleTask.php     |  6 +++
 6 files changed, 95 insertions(+), 22 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyAccompanyingCourses.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyAccompanyingCourses.vue
index 220588914..4292c3af5 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyAccompanyingCourses.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyAccompanyingCourses.vue
@@ -3,16 +3,38 @@
    <span v-if="noResults" class="chill-no-data-statement">{{ $t('no_data') }}</span>
    <tab-table v-else>
       <template v-slot:thead>
-         <th scope="col">id</th>
-         <th scope="col">Ouvert le</th>
-         <th scope="col">Usagers concernés</th>
+         <th scope="col">{{ $t('opening_date') }}</th>
+         <th scope="col">{{ $t('social_issues') }}</th>
+         <th scope="col">{{ $t('concerned_persons') }}</th>
+         <th scope="col"></th>
          <th scope="col"></th>
       </template>
       <template v-slot:tbody>
          <tr v-for="(c, i) in accompanyingCourses.results" :key="`course-${i}`">
-            <td>{{ c.id}}</td>
-            <td>{{ $d(c.openingDate.datetime, 'long') }}</td>
-            <td>{{ c.participations.length }}</td>
+            <td>{{ $d(c.openingDate.datetime, 'short') }}</td>
+            <td>
+               <span v-for="i in c.socialIssues"
+                  class="chill-entity entity-social-issue">
+                  <span class="badge bg-chill-l-gray text-dark">
+                     {{ i.title.fr }}
+                  </span>
+               </span>
+            </td>
+            <td>
+               <span v-for="p in c.participations" class="me-1" :key="p.person.id">
+                  <on-the-fly
+                     :type="p.person.type"
+                     :id="p.person.id"
+                     :buttonText="p.person.textAge"
+                     :displayBadge="'true' === 'true'"
+                     action="show">
+                  </on-the-fly>
+               </span>
+            </td>
+            <td>
+               <span v-if="c.emergency" class="badge rounded-pill bg-danger">{{ $t('emergency') }}</span>
+               <span v-if="c.confidential" class="badge rounded-pill bg-danger">{{ $t('confidential') }}</span>
+            </td>
             <td>
                <a class="btn btn-sm btn-show" :href="getUrl(c)">
                   {{ $t('show_entity', { entity: $t('the_course') }) }}
@@ -26,11 +48,13 @@
 <script>
 import { mapState, mapGetters } from "vuex";
 import TabTable from "./TabTable";
+import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly';
 
 export default {
    name: "MyAccompanyingCourses",
    components: {
-      TabTable
+      TabTable,
+      OnTheFly,
    },
    computed: {
       ...mapState([
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyEvaluations.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyEvaluations.vue
index baaf926f9..ef90e5241 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyEvaluations.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyEvaluations.vue
@@ -3,12 +3,14 @@
    <span v-if="noResults" class="chill-no-data-statement">{{ $t('no_data') }}</span>
    <tab-table v-else>
       <template v-slot:thead>
-         <th scope="col">id</th>
+         <th scope="col">{{ $t('max_date') }}</th>
+         <th scope="col">{{ $t('evaluation') }}</th>
          <th scope="col"></th>
       </template>
       <template v-slot:tbody>
          <tr v-for="(e, i) in evaluations.results" :key="`evaluation-${i}`">
-            <td>{{ e.id}}</td>
+            <td>{{ $d(e.maxDate.datetime, 'short') }}</td>
+            <td>{{ e.evaluation.title.fr }}</td>
             <td>
                <a class="btn btn-sm btn-show" :href="getUrl(e)">
                   {{ $t('show_entity', { entity: $t('the_evaluation') }) }}
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyTasks.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyTasks.vue
index c8bdcb256..572b8f83a 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyTasks.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyTasks.vue
@@ -1,15 +1,21 @@
 <template>
    
-   <div class="alert alert-light">{{ $t('my_tasks.description_alert') }}</div>
-   <span v-if="noResultsWarning" class="chill-no-data-statement">{{ $t('no_data') }}</span>
+   <div class="alert alert-light">{{ $t('my_tasks.description_warning') }}</div>
+   <span v-if="noResultsAlert" class="chill-no-data-statement">{{ $t('no_data') }}</span>
    <tab-table v-else>
       <template v-slot:thead>
-         <th scope="col">id</th>
+         <th scope="col">{{ $t('warning_date') }}</th>
+         <th scope="col">{{ $t('max_date') }}</th>
+         <th scope="col">{{ $t('task') }}</th>
          <th scope="col"></th>
       </template>
       <template v-slot:tbody>
-         <tr v-for="(t, i) in tasks.warning" :key="`task-warning-${i}`">
-            <td>{{ t.id}}</td>
+         <tr v-for="(t, i) in tasks.alert.results" :key="`task-alert-${i}`">
+            <td>{{ $d(t.warningDate.datetime, 'short') }}</td>
+            <td>
+               <span class="outdated">{{ $d(t.endDate.datetime, 'short') }}</span>
+            </td>
+            <td>{{ t.title }}</td>
             <td>
                <a class="btn btn-sm btn-show" :href="getUrl(t)">
                   {{ $t('show_entity', { entity: $t('the_task') }) }}
@@ -19,16 +25,22 @@
       </template>
    </tab-table>
    
-   <div class="alert alert-light">{{ $t('my_tasks.description_warning') }}</div>
-   <span v-if="noResultsAlert" class="chill-no-data-statement">{{ $t('no_data') }}</span>
+   <div class="alert alert-light">{{ $t('my_tasks.description_alert') }}</div>
+   <span v-if="noResultsWarning" class="chill-no-data-statement">{{ $t('no_data') }}</span>
    <tab-table v-else>
       <template v-slot:thead>
-         <th scope="col">id</th>
+         <th scope="col">{{ $t('warning_date') }}</th>
+         <th scope="col">{{ $t('max_date') }}</th>
+         <th scope="col">{{ $t('task') }}</th>
          <th scope="col"></th>
       </template>
       <template v-slot:tbody>
-         <tr v-for="(t, i) in tasks.alert" :key="`task-alert-${i}`">
-            <td>{{ t.id}}</td>
+         <tr v-for="(t, i) in tasks.warning.results" :key="`task-warning-${i}`">
+            <td>
+               <span class="outdated">{{ $d(t.warningDate.datetime, 'short') }}</span>
+            </td>
+            <td>{{ $d(t.endDate.datetime, 'short') }}</td>
+            <td>{{ t.title }}</td>
             <td>
                <a class="btn btn-sm btn-show" :href="getUrl(t)">
                   {{ $t('show_entity', { entity: $t('the_task') }) }}
@@ -81,5 +93,8 @@ export default {
 </script>
 
 <style scoped>
-
+span.outdated {
+   font-weight: bold;
+   color: var(--bs-warning);
+}
 </style>
\ No newline at end of file
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue
index 19e3a92be..00280c52b 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorks.vue
@@ -6,12 +6,18 @@
       <template v-slot:thead>
          <th scope="col">{{ $t('StartDate') }}</th>
          <th scope="col">{{ $t('SocialAction') }}</th>
+         <th scope="col">{{ $t('concerned_persons') }}</th>
          <th scope="col"></th>
       </template>
       <template v-slot:tbody>
          <tr v-for="(w, i) in works.results" :key="`works-${i}`">
             <td>{{ $d(w.startDate.datetime, 'short') }}</td>
             <td>
+               <span class="chill-entity entity-social-issue">
+                  <span class="badge bg-chill-l-gray text-dark">
+                     {{ w.socialAction.issue.text }}
+                  </span>
+               </span>
                <h4 class="badge-title">
                   <span class="title_label"></span>
                   <span class="title_action">
@@ -19,6 +25,17 @@
                   </span>
                </h4>
             </td>
+            <td>
+               <span v-for="person in w.persons" class="me-1" :key="person.id">
+                  <on-the-fly
+                     :type="person.type"
+                     :id="person.id"
+                     :buttonText="person.textAge"
+                     :displayBadge="'true' === 'true'"
+                     action="show">
+                  </on-the-fly>
+               </span>
+            </td>
             <td>
                <div class="btn-group" role="group" aria-label="Actions">
                   <a class="btn btn-sm btn-update" :href="getUrl(w)">
@@ -38,11 +55,13 @@
 <script>
 import { mapState, mapGetters } from "vuex";
 import TabTable from "./TabTable";
+import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly';
 
 export default {
    name: "MyWorks",
    components: {
-      TabTable
+      TabTable,
+      OnTheFly,
    },
    computed: {
       ...mapState([
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 724ca3d34..5e3e5fcb0 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/js/i18n.js
@@ -22,8 +22,15 @@ const appMessages = {
             tab: "Mes notifications",
             description: "Liste des notifications reçues et non lues.",
         },
+        opening_date: "Date d'ouverture",
+        social_issues: "Problématiques sociales",
+        concerned_persons: "Usagers concernés",
+        max_date: "Date d'échéance",
+        warning_date: "Date de rappel",
+        evaluation: "Évaluation",
+        task: "Tâche",
         Date: "Date",
-        From: "De",
+        From: "Expéditeur",
         Subject: "Objet",
         Entity: "Associé à",
         show_entity: "Voir {entity}",
diff --git a/src/Bundle/ChillTaskBundle/Entity/SingleTask.php b/src/Bundle/ChillTaskBundle/Entity/SingleTask.php
index 1702d4f88..67be85edc 100644
--- a/src/Bundle/ChillTaskBundle/Entity/SingleTask.php
+++ b/src/Bundle/ChillTaskBundle/Entity/SingleTask.php
@@ -18,6 +18,7 @@ use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\Common\Collections\Collection;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Validator\Constraints as Assert;
+use Symfony\Component\Serializer\Annotation as Serializer;
 
 /**
  * SingleTask.
@@ -48,6 +49,7 @@ class SingleTask extends AbstractTask
      *
      * @ORM\Column(name="end_date", type="date", nullable=true)
      * @Assert\Date
+     * @Serializer\Groups({"read"})
      */
     private $endDate;
 
@@ -57,6 +59,7 @@ class SingleTask extends AbstractTask
      * @ORM\Column(name="id", type="integer")
      * @ORM\Id
      * @ORM\GeneratedValue(strategy="AUTO")
+     * @Serializer\Groups({"read"})
      */
     private $id;
 
@@ -73,6 +76,7 @@ class SingleTask extends AbstractTask
      * @var DateTime
      *
      * @ORM\Column(name="start_date", type="date", nullable=true)
+     * @Serializer\Groups({"read"})
      * @Assert\Date
      *
      * @Assert\Expression(
@@ -102,6 +106,7 @@ class SingleTask extends AbstractTask
      *  and this.getEndDate() === null
      *
      * @ORM\Column(name="warning_interval", type="dateinterval", nullable=true)
+     * @Serializer\Groups({"read"})
      *
      * @Assert\Expression(
      *     "!(value != null and this.getEndDate() == null)",
@@ -162,6 +167,7 @@ class SingleTask extends AbstractTask
      * Return null if warningDate or endDate is null
      *
      * @return DateTimeImmutable
+     * @Serializer\Groups({"read"})
      */
     public function getWarningDate()
     {