household address: fix conflict on branch merge

src/Bundle/ChillMainBundle/Resources/public/modules/scratch/custom/config/_variables.scss

@@ -35,6 +35,7 @@ $table-body-td-text-align: left;
 // Tabs
 $tabs-nav-margin-bottom: 0.2em;
 $tabs-nav-bg-color: $yellow;
+$tabs-nav-bg-color-light: lighten($yellow, 10%);
 $tabs-nav-text-color: $blue;
 $tabs-new-border: none;
 $tabs-nav-hover-border: none;

src/Bundle/ChillMainBundle/Resources/public/modules/scratch/modules/_tabs.scss

@@ -26,7 +26,13 @@ $global-bg-color: $yellow;
          color: $tabs-nav-title-text-color;
       }
 
-      > a  {
+      &.sub-menu {
+         padding-left: 20px;
+         > a {
+            background-color: $tabs-nav-bg-color-light;
+         }
+      }
+      > a {
          display: block;
          width: auto;
          padding: $tabs-nav-padding;
@@ -38,11 +44,11 @@ $global-bg-color: $yellow;
          @include border-top-radius($base-border-radius);
          @include border-bottom-radius($base-border-radius);
 
-         &:hover, &:active {  
+         &:hover, &:active {
             border: $tabs-nav-hover-border;
             color: $tabs-nav-hover-text-color;
             text-decoration: none;
          }
       }
    }
-}
+}

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress.vue

@@ -46,6 +46,7 @@
 
                      <city-selection
                         v-bind:address="address"
+                        v-bind:focusOnAddress="focusOnAddress"
                         v-bind:getReferenceAddresses="getReferenceAddresses">
                      </city-selection>
 
@@ -173,6 +174,14 @@ export default {
          //   this.$refs.search.focus(); // positionner le curseur à l'ouverture de la modale
          //})
       },
+      focusOnCity() {
+          const citySelector = document.getElementById('citySelector');
+          citySelector.focus();
+      },
+      focusOnAddress() {
+          const addressSelector = document.getElementById('addressSelector');
+          addressSelector.focus();
+      },
       getCountries() {
          console.log('getCountries');
          this.loading = true;

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/AddressSelection.vue

@@ -1,6 +1,7 @@
 <template>
    <div class="container">
       <VueMultiselect
+         id="addressSelector"
          v-model="value"
          @select="selectAddress"
          name="field"
@@ -70,7 +71,7 @@ export default {
    },
    methods: {
       transName(value) {
-         return value.streetNumber === undefined ? value.street : `${value.street}, ${value.streetNumber}`
+         return value.streetNumber === undefined ? value.street : `${value.streetNumber}, ${value.street}`
       },
       selectAddress(value) {
          this.address.selected.address = value;

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CitySelection.vue

@@ -1,6 +1,7 @@
 <template>
    <div class="container">
       <VueMultiselect
+         id="citySelector"
          v-model="value"
          @select="selectCity"
          name="field"
@@ -35,7 +36,7 @@ import VueMultiselect from 'vue-multiselect';
 export default {
    name: 'CitySelection',
    components: { VueMultiselect },
-   props: ['address', 'getReferenceAddresses'],
+   props: ['address', 'getReferenceAddresses', 'focusOnAddress'],
    data() {
       return {
          value: null
@@ -74,6 +75,7 @@ export default {
          this.address.newPostalCode.name = value.name;
          this.address.newPostalCode.code = value.code;
          this.getReferenceAddresses(value);
+         this.focusOnAddress();
       },
       addPostalCode() {
          this.address.writeNewPostalCode = true;

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CountrySelection.vue

@@ -40,7 +40,6 @@ export default {
          return name.fr //TODO multilang
       },
       selectCountry(value) {
-         console.log(value);
          this.address.selected.country = value;
          this.getCities(value);
       },