From 714d8b841cfe6bde5e81897bdd2e26334cd7b723 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Mon, 2 Aug 2021 13:43:28 +0200
Subject: [PATCH] vue_accourse: initialize new submodule courseLocation

---
 .../public/vuejs/AccompanyingCourse/App.vue   |  3 ++
 .../components/ButtonLocation.vue             | 17 ++++++
 .../components/CourseLocation.vue             | 52 +++++++++++++++++++
 .../PersonsAssociated/PersonItem.vue          |  7 ++-
 .../components/Resources/ResourceItem.vue     |  7 ++-
 .../vuejs/AccompanyingCourse/js/i18n.js       |  6 +++
 6 files changed, 90 insertions(+), 2 deletions(-)
 create mode 100644 src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue
 create mode 100644 src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
index b0e72b0b5..e3eaf85e1 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
@@ -12,6 +12,7 @@
          <origin-demand></origin-demand>
          <requestor></requestor>
          <social-issue></social-issue>
+         <course-location></course-location>
          <referrer></referrer>
          <resources></resources>
          <comment v-if="accompanyingCourse.step === 'DRAFT'"></comment>
@@ -29,6 +30,7 @@ import OriginDemand from './components/OriginDemand.vue';
 import PersonsAssociated from './components/PersonsAssociated.vue';
 import Requestor from './components/Requestor.vue';
 import SocialIssue from './components/SocialIssue.vue';
+import CourseLocation from './components/CourseLocation.vue';
 import Referrer from './components/Referrer.vue';
 import Resources from './components/Resources.vue';
 import Comment from './components/Comment.vue';
@@ -43,6 +45,7 @@ export default {
       PersonsAssociated, 
       Requestor,
       SocialIssue,
+      CourseLocation,
       Referrer,
       Resources,
       Comment,
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue
new file mode 100644
index 000000000..8de2b67d3
--- /dev/null
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue
@@ -0,0 +1,17 @@
+<template>
+   <li>
+      <button class="btn btn-sm btn-secondary" :title="$t('courselocation.assign_course_address')">
+         <i class="fa fa-map-marker"></i>
+      </button>
+   </li>
+</template>
+
+<script>
+export default {
+   name: "ButtonLocation"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue
new file mode 100644
index 000000000..cea8343b0
--- /dev/null
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue
@@ -0,0 +1,52 @@
+<template>
+   <div class="vue-component">
+      <h2><a name="section-35"></a>
+         {{ $t('courselocation.title') }}
+      </h2>
+      <div class="my-4">
+
+         <div>
+            <show-address
+               v-if="address"
+               v-bind:address="address">
+            </show-address>
+         </div>
+
+         <!--ul class="record_actions">
+            <li>
+               <button class="btn btn-create" type="button" name="button">
+                  {{ $t('courselocation.add_temp_address') }}
+               </button>
+            </li>
+         </ul-->
+         <add-address
+            modalAddTitle="courselocation.add_temp_address"
+            modalEditTitle="courselocation.edit_temp_address"
+            @addNewAddress="addTemporaryAddress">
+         </add-address>
+
+      </div>
+   </div>
+</template>
+
+<script>
+import AddAddress from 'ChillMainAssets/vuejs/Address/components/AddAddress.vue';
+import ShowAddress from 'ChillMainAssets/vuejs/Address/components/ShowAddress.vue';
+
+export default {
+   name: "CourseLocation",
+   components: {
+      AddAddress,
+      ShowAddress
+   },
+   methods: {
+      addTemporaryAddress({ address, modal }) {
+         console.log('@@@ CLICK button addTemporaryAdress', address);
+
+      }
+   }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/PersonItem.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/PersonItem.vue
index 7287e0ef8..3e4aa5c3f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/PersonItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/PersonItem.vue
@@ -12,6 +12,9 @@
    </td>
    <td>
       <ul class="record_actions">
+         <button-location
+            v-if="!participation.endDate">
+         </button-location>
          <li>
             <on-the-fly
                v-bind:type="participation.person.type"
@@ -47,11 +50,13 @@
 
 <script>
 import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
+import ButtonLocation from '../ButtonLocation.vue';
 
 export default {
    name: 'PersonItem',
    components: {
-      OnTheFly
+      OnTheFly,
+      ButtonLocation
    },
    props: ['participation'],
    emits: ['remove', 'close'],
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
index b21593b4d..0446cec65 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
@@ -20,6 +20,9 @@
    
    <td>
       <ul class="record_actions">
+         <button-location
+            v-if="resource.resource.type === 'person'">
+         </button-location>
          <li>
             <on-the-fly
                v-bind:type="resource.resource.type"
@@ -48,11 +51,13 @@
 
 <script>
 import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
+import ButtonLocation from '../ButtonLocation.vue';
 
 export default {
    name: 'ResourceItem',
    components: {
-      OnTheFly
+      OnTheFly,
+      ButtonLocation
    },
    props: ['resource'],
    emits: ['remove']
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 6e212eb15..0efc6f5aa 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
@@ -63,6 +63,12 @@ const appMessages = {
          title: "Problématiques sociales",
          label: "Choisir les problématiques sociales",
       },
+      courselocation: {
+         title: "Localisation du parcours",
+         add_temp_address: "Ajouter une adresse temporaire",
+         edit_temp_address: "Modifier l'adresse temporaire",
+         assign_course_address: "Désigner comme l'adresse du parcours",
+      },
       referrer: {
          title: "Référent du parcours",
          label: "Vous pouvez choisir un TMS ou vous assigner directement comme référent",