address: add a new address to a person

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue

@@ -1,18 +1,45 @@
 <template>
 
-   <div v-if="address.address">
-      {{ address.address.street }}, {{ address.address.streetNumber }}
+   <div class='person__address__create'>
+      <div>
+         <add-address
+            @addNewAddress="addNewAddress">
+         </add-address>
+      </div>
+      <div>
+         <div v-if="address.text">
+            {{ address.text }}
+         </div>
+         <div v-if="address.postcode">
+            {{ address.postcode.name }}
+         </div>
+      </div>
    </div>
-   <div v-if="address.city">
-      {{ address.city.code }} {{ address.city.name }}
-   </div>
-   <div v-if="address.country">
-      {{ address.country.name }}
+   <div class='person__address__valid'>
+      <h2>{{ $t('date') }}</h2>
+      <input
+         type="date"
+         name="validFrom"
+         :placeholder="$t('validFrom')"
+         v-model="validFrom"/>
+      <div v-if="errors.length > 0">
+         {{ errors }}
+      </div>
+   </div>
+
+   <div>
+      <ul class="record_actions sticky-form-buttons">
+         <li class="cancel">
+            <a :href=backUrl class="sc-button bt-cancel">{{ $t('back_to_the_list') }}</a>
+         </li>
+         <li>
+            <button type="submit" class="sc-button bt-update centered mt-4" @click="addToPerson">
+               {{ $t('add_an_address_to_person') }}
+            </button>
+         </li>
+      </ul>
    </div>
 
-   <add-address
-      @addNewAddress="addNewAddress">
-   </add-address>
 </template>
 
 <script>
@@ -23,9 +50,19 @@ export default {
    components: {
       AddAddress
    },
+   data() {
+      return {
+         personId: window.personId,
+         backUrl: `/fr/person/${window.personId}/address/list`, //TODO better way to pass this
+         validFrom: new Date().toISOString().split('T')[0]
+      }
+   },
    computed: {
       address() {
          return this.$store.state.address;
+      },
+      errors() {
+         return this.$store.state.errorMsg;
       }
    },
    methods: {
@@ -64,6 +101,13 @@ export default {
 
          this.$store.dispatch('addAddress', newAddress);
          modal.showModal = false;
+      },
+      addToPerson() {
+        this.$store.dispatch('addDateToAddressAndAddressToPerson', {
+           personId: this.personId,
+           addressId: this.$store.state.address.address_id,
+           body: { validFrom: {datetime: `${this.validFrom}T00:00:00+0100`}}
+        })
       }
    }
 };

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/js/i18n.js

@@ -1,6 +1,6 @@
 const addressMessages = {
    fr: {
-      add_an_address_title: 'Ajouter une adresse',
+      add_an_address_title: 'Créer une adresse',
       select_an_address_title: 'Sélectionner une adresse',
       fill_an_address: 'Compléter l\'adresse',
       select_country: 'Choisir le pays',
@@ -19,7 +19,11 @@ const addressMessages = {
       distribution: 'Service particulier de distribution',
       create_postal_code: 'Localité inconnue. Cliquez ici pour créer une nouvelle localité',
       postalCode_name: 'Nom de la localité',
-      postalCode_code: 'Code postal de la localité'
+      postalCode_code: 'Code postal de la localité',
+      date: 'Date de la nouvelle adresse',
+      add_an_address_to_person: 'Ajouter l\'adresse à la personne',
+      validFrom: 'Date de la nouvelle adresse',
+      back_to_the_list: 'Retour à la liste'
    }
 };
 

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/store/index.js

@@ -1,7 +1,7 @@
 import 'es6-promise/auto';
 import { createStore } from 'vuex';
 
-import { postAddress, postPostalCode } from '../../_api/AddAddress'
+import { patchAddress, postAddress, postPostalCode, postAddressToPerson } from '../../_api/AddAddress'
 
 const debug = process.env.NODE_ENV !== 'production';
 
@@ -20,6 +20,14 @@ const store = createStore({
       addAddress(state, address) {
          console.log('@M addAddress address', address);
          state.address = address;
+      },
+      addAddressToPerson(state, person) {
+         console.log('@M addAddressToPerson person', person);
+         state.person = person;
+      },
+      addDateToAddress(state, validFrom) {
+         console.log('@M addDateToAddress address.validFrom', validFrom);
+         state.validFrom = validFrom;
       }
    },
    actions: {
@@ -51,7 +59,28 @@ const store = createStore({
                   commit('catchError', error);
                });
          }
-      }
+      },
+      addDateToAddressAndAddressToPerson({ commit }, payload) {
+         console.log('@A addDateToAddressAndAddressToPerson payload', payload);
+
+         patchAddress(payload.addressId, payload.body)
+            .then(address => new Promise((resolve, reject) => {
+               commit('addDateToAddress', address.validFrom);
+               resolve();
+            }).then(
+               postAddressToPerson(payload.personId, payload.addressId)
+                  .then(person => new Promise((resolve, reject) => {
+                     commit('addAddressToPerson', person);
+                     resolve();
+               }))
+               .catch((error) => {
+                  commit('catchError', error);
+               })
+            ))
+            .catch((error) => {
+               commit('catchError', error);
+            });
+      },
    }
 });