person: add address when creating a person

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/OnTheFly.vue

@@ -240,6 +240,13 @@ export default {
                      if (typeof data.profession !== 'undefined' && null !== data.profession) {
                         data.profession = data.profession !== null ? {type: 'third_party_profession', id: data.profession.id} : null;
                      }
+                     if (null !== data.addressId) {
+                        console.log(data)
+                        //TODO make a good address object
+                        // attach the addressId
+                        // test if this condition is safe
+
+                     }
                      // console.log('onthefly data', data);
                   }
                } else {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue

@@ -278,6 +278,7 @@ export default {
       },
       saveFormOnTheFly({ type, data }) {
          console.log('saveFormOnTheFly from addPersons, type', type, ', data', data);
+         //TODO: create a household if address in data.
          if (type === 'person') {
             makeFetch('POST', '/api/1.0/person/person.json', data)
                .then(response => {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue

@@ -138,6 +138,16 @@
          aria-describedby="email" />
    </div>
 
+   <div v-if="action === 'create'" class="form-floating mb-3">
+      <add-address
+         :context="addAddress.context"
+         :options="addAddress.options"
+         :addressChangedCallback="submitNewAddress"
+         ref="addAddress">
+      </add-address>
+   </div>
+
+
    <div class="alert alert-warning" v-if="errors.length">
       <ul>
          <li v-for="(e, i) in errors" :key="i">{{ e }}</li>
@@ -150,24 +160,41 @@
 <script>
 import { getCivilities, getPerson, getPersonAltNames } from '../../_api/OnTheFly';
 import PersonRenderBox from '../Entity/PersonRenderBox.vue';
+import AddAddress from "ChillMainAssets/vuejs/Address/components/AddAddress.vue";
 
 export default {
    name: "OnTheFlyPerson",
    props: ['id', 'type', 'action', 'query'],
    //emits: ['createAction'],
    components: {
-      PersonRenderBox
+      PersonRenderBox,
+      AddAddress
    },
    data() {
       return {
          person: {
             type: 'person',
-            altNames: []
+            altNames: [],
+            addressId: null
          },
          config: {
             altNames: [],
             civilities: []
          },
+         addAddress: {
+            options: {
+               button: {
+                  text:  { create: 'person.address.create_address' },
+                  size: 'btn-sm'
+               },
+               title: { create: 'person.address.create_address' },
+            },
+            context: {
+               target: {}, // boilerplate for getting the address id
+               edit: false,
+               addressId: null
+            }
+         },
          errors: []
       }
    },
@@ -299,6 +326,9 @@ export default {
                this.person.firstName = queryItem;
                break;
          }
+      },
+      submitNewAddress(payload) {
+         this.person.addressId = payload.addressId;
       }
    }
 }

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_js/i18n.js

@@ -42,6 +42,9 @@ const personMessages = {
          civility: {
             title: "Civilité",
             placeholder: "Choisissez la civilité",
+         },
+         address: {
+            create_address: "Ajouter une adresse"
          }
       },
       error_only_one_person: "Une seule personne peut être sélectionnée !"