From 6d5d0258d0f849d12446568f063791f85e40e449 Mon Sep 17 00:00:00 2001
From: Louis-Marie Michelin <lmichelin@outlook.fr>
Date: Thu, 3 Sep 2020 21:38:33 +0200
Subject: [PATCH] =?UTF-8?q?ajout=20des=20prix=20au=20m2=20pour=20les=20mut?=
 =?UTF-8?q?ations=20concernant=20un=20seul=20b=C3=A2timent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/js/component.boite-accordeon.js | 9 +++++++++
 static/js/component.boite.js           | 3 ++-
 2 files changed, 11 insertions(+), 1 deletion(-)

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', {
 						<boite
 							v-for="batiment in mutation.batiments"
 							:valeur="(batiment['code_type_local'] != 3) ? (formatterNombre(batiment['surface_reelle_bati']) + ' m²') : ''"
+							:prix_m2="prixMetreCarre"
 							:icone="['', 'fa fa-home', 'fas fa-building', 'fas fa-warehouse', 'fas fa-store'][batiment['code_type_local']]"
 							:texte="batiment['type_local'] + ((batiment['code_type_local'] < 3) ? (' / ' + formatterNombre(batiment['nombre_pieces_principales']) + ' p') : '')">
 						</boite>
@@ -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:
 		`<div class="media d-flex">
@@ -9,6 +9,7 @@ Vue.component('boite', {
 			</div>
 			<div class="media-body text-left ml-1">
 				<b>{{valeur}}</b><br>
+				<span v-if="prix_m2">{{prix_m2}} € / m²<br></span>
 				<span>{{texte}}</span>
 			</div>
 		</div>`