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}}
`