Address: pass useDatePane option in showPane addressRenderBox, display dates in showPane

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress.vue

@@ -7,6 +7,7 @@
       v-bind:defaultz="this.defaultz"
       v-bind:entity="this.entity"
       v-bind:flag="this.flag"
+      v-bind:useDatePane="this.useDatePane"
       @openEditPane="openEditPane"
       ref="showAddress">
    </show-pane>
@@ -334,11 +335,6 @@ export default {
    },
    mounted() {
 
-      //console.log('options displayText', this.options.button.displayText);
-      //console.log('options bindModal.step1', this.options.bindModal.step1);
-      //console.log('options bindModal.step2', this.options.bindModal.step2);
-      //console.log('options useDate.validFrom', this.options.useDate.validFrom);
-      //console.log('options useDate.validTo', this.options.useDate.validTo);
       console.log('useDatePane', this.useDatePane);
 
       console.log('Mounted now !');

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowPane.vue

@@ -21,7 +21,7 @@
          </p>
       </div>
 
-      <address-render-box :address="address"></address-render-box>
+      <address-render-box :address="address" :useDatePane="useDatePane"></address-render-box>
    </div>
 
    <action-buttons
@@ -56,7 +56,8 @@ export default {
       'defaultz',
       'flag',
       'entity',
-      'errorMsg'
+      'errorMsg',
+      'useDatePane'
    ],
    emits: ['openEditPane'],
    computed: {

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue

@@ -54,6 +54,19 @@
          </div>
       </div>
 
+      <div v-if="useDatePane === true" class="address-more">
+         <div v-if="address.validFrom">
+            <span class="validFrom">
+               <b>{{ $t('validFrom') }}</b>: {{ $d(address.validFrom.date) }}
+            </span>
+         </div>
+         <div v-if="address.validTo">
+            <span class="validTo">
+               <b>{{ $t('validTo') }}</b>: {{ $d(address.validTo.date) }}
+            </span>
+         </div>
+      </div>
+
    </component>
 </template>
 
@@ -67,6 +80,10 @@ export default {
       isMultiline: {
          default: true,
          type: Boolean
+      },
+      useDatePane: {
+         default: false,
+         type: Boolean
       }
    },
    computed: {