ajout des prix au m2 pour les mutations concernant un seul bâtiment

etalab · Sep 3, 2020 · 6d5d025 · 6d5d025
1 parent d903940
commit 6d5d025
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git 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
@@ -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>`