pass props to ButtonLocation

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue

@@ -1,6 +1,8 @@
 <template>
    <li>
-      <button class="btn btn-sm btn-secondary" :title="$t('courselocation.assign_course_address')">
+      <button class="btn btn-sm btn-secondary"
+         @click="assignAddress"
+         :title="$t('courselocation.assign_course_address')">
          <i class="fa fa-map-marker"></i>
       </button>
    </li>
@@ -8,10 +10,12 @@
 
 <script>
 export default {
-   name: "ButtonLocation"
+   name: "ButtonLocation",
+   props: ['person'],
+   methods: {
+      assignAddress() {
+         console.log('assignAddress id', this.person.current_household_address.address_id);
+      }
+   }
 }
 </script>
-
-<style scoped>
-
-</style>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue

@@ -128,7 +128,6 @@ export default {
          console.log('payload from parent', payload);
 
          this.$store.dispatch('updateLocation', payload);
-
       }
    },
    mounted() {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/PersonItem.vue

@@ -13,7 +13,8 @@
    <td>
       <ul class="record_actions">
          <button-location
-            v-if="hasCurrentHouseholdAddress">
+            v-if="hasCurrentHouseholdAddress"
+            v-bind:person="participation.person">
          </button-location>
          <li>
             <on-the-fly

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue

@@ -21,7 +21,8 @@
    <td>
       <ul class="record_actions">
          <button-location
-            v-if="hasCurrentHouseholdAddress">
+            v-if="hasCurrentHouseholdAddress"
+            v-bind:person="resource.resource">
          </button-location>
          <li>
             <on-the-fly

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/index.js

@@ -12,11 +12,10 @@ const root = window.vueRootComponent;
 *  Load all App component, for AccompanyingCourse edition page
 */
 if (root === 'app') {
-   
    initPromise.then(store => {
-      
+
       const i18n = _createI18n(appMessages);
-      
+
       const app = createApp({
          template: `<app></app>`,
       })
@@ -31,11 +30,10 @@ if (root === 'app') {
 *  Load only Banner sub-component, for all others AccompanyingCourse page
 */
 if (root === 'banner') {
-
    initPromise.then(store => {
-      
+
       const i18n = _createI18n(appMessages);
-      
+
       const app = createApp({
          template: `<banner></banner>`,
       })
@@ -44,5 +42,5 @@ if (root === 'banner') {
       .component('banner', Banner)
       .mount('#banner-accompanying-course');
    });
-   
+
 }