diff --git a/static/js/component.boite-accordeon.js b/static/js/component.boite-accordeon.js index 93c1e79..cf864de 100644 --- a/static/js/component.boite-accordeon.js +++ b/static/js/component.boite-accordeon.js @@ -22,6 +22,7 @@ Vue.component('boite-accordeon', { @@ -41,6 +42,14 @@ Vue.component('boite-accordeon', { selectionnerMutation() { entrerDansMutation(this.index); } + }, + computed: { + prixMetreCarre() { + if (this.mutation.batiments.length !== 1) return ''; + var prixM2 = this.mutation.batiments[0]['valeur_fonciere'] / this.mutation.batiments[0]['surface_reelle_bati']; + if (isNaN(prixM2)) return ''; + return formatterNombre(prixM2.toString()); + } } }); diff --git a/static/js/component.boite.js b/static/js/component.boite.js index 0e04310..5221774 100644 --- a/static/js/component.boite.js +++ b/static/js/component.boite.js @@ -1,6 +1,6 @@ Vue.component('boite', { // Les paramètres sont là - props: ['couleur', 'valeur', 'icone', 'texte'], + props: ['prix_m2', 'valeur', 'icone', 'texte'], // La on donne le code source HTML du composant qui peut utiliser des données template: `
@@ -9,6 +9,7 @@ Vue.component('boite', {
{{valeur}}
+ {{prix_m2}} € / m²
{{texte}}
`