feat(front): display vulnerability score by QuentinMadura · Pull Request #177 · TelesCoop/iarbre

QuentinMadura · 2025-03-31T14:49:31Z

No description provided.

QuentinMadura · 2025-04-01T13:04:49Z

front/src/components/map/popup/VulnerabilityScorePopupContent.vue

ludovicdmt

Lien carto

J'ai pas de retours sur le code (j'ai pas regardé les tests, je laisse ça à MA), ça me semble très bien ce que tu as fait dans les utils pour les futurs évolutions et la nouvelle légende + Popup.

J'ai seulement quelques trucs sur la forme, mais du au ticket qui n'était pas suffisamment détaillé sur ces points

front/src/components/map/legend/VulnerabilityLegend.vue

front/src/utils/enum.ts

ludovicdmt · 2025-04-02T07:55:25Z

front/src/components/map/popup/VulnerabilityScorePopupContent.vue

+          data-cy="switch-vulnerability-mode"
+          @click="switchVulnerabilityType"
+        >
+          Voir pour {{ scoreType === VulnerabilityMode.DAY ? "la nuit" : "le jour" }}


C'est étrange d'avoir le score de la popup qui ne correspond pas au score de la carte.

Dans les tickets, je voulais plutôt dire ne pas s'occuper de jour/nuit pour le moment (ça sera dans #173 ) mais seulement du jour.

Oui je suis d'accord avec toi sur le fait que c'est étrange que le score de la popup ne corresponde pas à celui de la carte :/

front/src/utils/enum.ts

ludovicdmt · 2025-04-02T08:19:47Z

front/src/utils/vulnerability.ts

+export enum VulnerabilityTypeDesc {
+  LOW = "Basse",
+  MEDIUM = "Moyenne",
+  HIGH = "Haute"
+}
+export enum VulnerabilityColor {
+  LOW = "#006837",
+  MEDIUM = "#E0E0E0",
+  HIGH = "red",
+  NONE = "grey"
+}


Et d'un point de vue plus UX, j'ai l'impression que 3 couleurs ce n'est pas suffisant.
Par rapport à la storymap.
Tu en penses quoi @QuentinMadura avec ton oeil plus entraîné que le mien

Ca peut évoluer plus tard et on peut merger en l'état je pense.

Je suis d'accord que les trois couleurs actuelles ne suffisent pas. Un dégradé de couleurs pourrait mieux mettre en valeur les nuances entre les différentes zones. Par ailleurs, je trouve que le rouge et le vert actuels sont assez agressifs et ne valorisent pas la carte

front/src/components/map/popup/VulnerabilityScorePopupContent.vue

front/cypress/components/MapLegend.cy.ts

Marc-AntoineA

J’ai quand même terminé ma review car j’ai quelques questiions sur ton code.

Le point qui me dérange le plus c’est l’utilisation de id dans PopupData.

Pour les tests du coup on ajoute un nouveau ticket ?

Marc-AntoineA · 2025-04-04T08:14:43Z

front/cypress/components/MapLegend.cy.ts

+import PlantabilityLegend from "@/components/map/legend/PlantabilityLegend.vue"
+import VulnerabilityLegend from "@/components/map/legend/VulnerabilityLegend.vue"
+
+describe("Map legends", () => {


Normalement hors scope de la MR mais il manquerait le test de la légende LCZ.

Marc-AntoineA · 2025-04-04T08:15:49Z

front/cypress/components/MapScorePopup.cy.ts

-        lat: 45.76,
-        lng: 4.85
+        popupData: {
+          id: "0.81",


J’aime pas id, pour moi c’est un identifiant donc ce doit être unique.

Je regarde la suite du code encore.
Alternative : label

Marc-AntoineA · 2025-04-04T08:19:17Z

front/src/components/map/popup/ClimateZoneScorePopupContent.vue

    <div class="flex items-center gap-2 w-full">
-      <div class="w-4 h-4 rounded" :style="{ backgroundColor: getZoneColor(index) }"></div>
-      <span class="text-[0.9rem]" data-cy="lcz-score-popup-title">LCZ {{ index }}</span>
+      <div class="w-4 h-4 rounded" :style="{ backgroundColor: getZoneColor(popupData.id) }"></div>


Je maintiens, j’aime pas du tout id à la place de index.

Marc-AntoineA · 2025-04-04T08:22:31Z

front/src/components/map/popup/VulnerabilityScorePopupContent.vue

+  () => props.popupData.properties[`sensibilty_index_${vulnerabilityMode.value}`]
+)
+
+/*const switchVulnerabilityMode = () => {


À suppr du coup ?

Marc-AntoineA · 2025-04-04T08:23:34Z

front/src/stores/map.ts

      compact: true,
-      customAttribution:
-        '<a href="https://datagora.erasme.org/projets/calque-de-plantabilite/" target="_blank">ERASME</a>'
+      customAttribution: getAttributionSource()


si getAttributionSource() == "", est-ce qu’on veut quand même faire un new AttributionControl ?

Marc-AntoineA · 2025-04-04T08:25:22Z

front/src/utils/climateZones.ts

-  "7": "Ensemble dense de constructions légères",
-  "8": "Bâtiments bas de grande emprise",
-  "9": "Implantation diffuse de maisons",
+const zoneDescriptions: Record<string | number, string> = {


Pourquoi avoir fait ça ?  Ici les nombres dn’ont pas de valeurs de nombres mais simplement de label. Ça n’a par ex. pas de sens de dire "Ensemble compact de maisons = ensemble commpacts d’immeubles + ensemble compact de tours"

Quitte à vraiment faire ça, je préfèrerais que ce soit caché derrière un ZoneIndex = string |number.

QuentinMadura added 3 commits March 31, 2025 16:48

adds vulnerability score

df0bbe5

update score color

1d2df78

text

d99a9f6

QuentinMadura changed the title ~~adds vulnerability score~~ Draft : Adds vulnerability score Mar 31, 2025

This was linked to issues Apr 1, 2025

ETQ user je veux voir l'atlas des vulnérabilités #131

Closed

ETQ utilisateur.ice je veux une MapPopUp pour la vulnérabilité chaleur #175

Closed

ETQ utilisateur.ice je veux une légende pour l'atlas vulnérabilitié chaleur #174

Closed

QuentinMadura added 2 commits April 1, 2025 14:42

e2e

d3080dc

e2e

b36885b

QuentinMadura changed the title ~~Draft : Adds vulnerability score~~ Adds vulnerability score Apr 1, 2025

QuentinMadura commented Apr 1, 2025

View reviewed changes

front/src/components/map/popup/VulnerabilityScorePopupContent.vue Outdated Show resolved Hide resolved

ludovicdmt reviewed Apr 2, 2025

View reviewed changes

QuentinMadura added 2 commits April 2, 2025 10:49

up

1956780

path

ce423e8

ludovicdmt reviewed Apr 2, 2025

View reviewed changes

front/src/components/map/popup/VulnerabilityScorePopupContent.vue Outdated Show resolved Hide resolved

ludovicdmt reviewed Apr 2, 2025

View reviewed changes

front/cypress/components/MapLegend.cy.ts Show resolved Hide resolved

review

cf134e4

Marc-AntoineA changed the title ~~Adds vulnerability score~~ feat(front): display Vulnerability score Apr 4, 2025

QuentinMadura changed the title ~~feat(front): display Vulnerability score~~ feat(front): display vulnerability score Apr 4, 2025

QuentinMadura merged commit 6c24673 into dev Apr 4, 2025
9 checks passed

Marc-AntoineA reviewed Apr 4, 2025

View reviewed changes

Conversation

QuentinMadura commented Mar 31, 2025

Uh oh!

QuentinMadura commented Apr 1, 2025

Uh oh!

Uh oh!

ludovicdmt left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Marc-AntoineA left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants