Merge remote-tracking branch 'origin/_77_address_household' into features/household-edit-members-forms-improve-household

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdAddress/App.vue

@@ -8,12 +8,10 @@
             </add-address>
          </div>
          <div>
-            <div v-if="newAddress.text">
-               {{ newAddress.text }}
-            </div>
-            <div v-if="newAddress.postcode">
-               {{ newAddress.postcode.name }}
-            </div>
+            <show-address
+               v-if="newAddress"
+               v-bind:address="newAddress">
+            </show-address>
          </div>
       </div>
       <div class='household__address-move__valid'>
@@ -45,14 +43,17 @@
 <script>
 
 import AddAddress from 'ChillMainAssets/vuejs/_components/AddAddress.vue';
+import ShowAddress from 'ChillMainAssets/vuejs/_components/ShowAddress.vue';
 
 export default {
    name: 'App',
    components: {
       AddAddress,
+      ShowAddress
    },
    data() {
       return {
+         edit: window.mode === 'edit',
          householdId: window.householdId,
          backUrl: `/fr/person/household/${householdId}/addresses`, //TODO better way to pass this
          validFrom: new Date().toISOString().split('T')[0]

src/Bundle/ChillPersonBundle/Resources/views/Address/edit.html.twig

@@ -18,7 +18,7 @@
 
 {% set activeRouteKey = '' %}
 
-{% block title 'Update address for %name%'|trans({ '%name%': person.firstName ~ ' ' ~ person.lastName } ) %}
+{% block title 'Modify address for %name%'|trans({ '%name%': person.firstName ~ ' ' ~ person.lastName } ) %}
 
 {% block personcontent %}
 

src/Bundle/ChillPersonBundle/Resources/views/Household/address_edit.html.twig

@@ -0,0 +1,26 @@
+{% extends '@ChillPerson/Household/layout.html.twig' %}
+
+{% block title 'Edit household address'|trans %}
+
+{% block content %}
+    <h1>{{ block('title') }}</h1>
+
+    <div>
+        <div id="household-address"></div>
+    </div>
+
+    {% block stylesheets %}
+        <link href="{{ asset('build/address.css') }}" type="text/css" rel="stylesheet" />
+    {% endblock %}
+
+    {% block js %}
+       <script type="text/javascript">
+            window.householdId = {{ household.id|e('js') }};
+            window.addressId = {{ address.id|e('js') }};
+            window.mode = 'edit';
+            window.vueRootComponent = 'app';
+        </script>
+        {{ encore_entry_script_tags('household_address') }}
+    {% endblock %}
+
+{% endblock %}

src/Bundle/ChillPersonBundle/Resources/views/Household/addresses.html.twig

@@ -54,8 +54,10 @@
                                 <span class="country">({{ address.postCode.country.name|localize_translatable_string }})</span>
                             </div>
                             {% endif %}
+
                         </div>
                         {% endif %}
+                        <a href="{{ path('chill_person_household_address_edit', { 'household_id': household.id, 'address_id' : address.id } ) }}" class="sc-button bt-edit"></a>
                     </div>
                 </div>
             </div>