factorisation des label de qualityNames

benoitdemaegdt · Nov 10, 2024 · d0a9ae2 · d0a9ae2
1 parent 0fe122c
commit d0a9ae2
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 17 deletions.
diff --git a/components/content/QualityText.vue b/components/content/QualityText.vue
@@ -7,6 +7,7 @@
 import type { LaneQuality } from '~/types';
 
 const { displayQuality } = useConfig();
+const { qualityNames } = useStats();
 
 const { type } = defineProps<{
   type: LaneQuality
@@ -22,37 +23,37 @@ type QualityText = {
 }
 const qualities: QualityText = {
   dangerous: {
-    title: 'Dangereux',
+    title: qualityNames.dangerous,
     color: {
       text: 'text-[#FF0000]'
     }
   },
   bad: {
-    title: 'Non satisfaisant',
+    title: qualityNames.bad,
     color: {
       text: 'text-[#770000]'
     }
   },
   fair: {
-    title: 'À améliorer',
+    title: qualityNames.fair,
     color: {
       text: 'text-[#ff9c9c]'
     }
   },
   good: {
-    title: 'Satisfaisant',
+    title: qualityNames.good,
     color: {
       text: 'text-[#007700]'
     }
   },
   perfect: {
-    title: 'Parfait',
+    title: qualityNames.perfect,
     color: {
       text: 'text-[#00FF00]'
     }
   },
   unknown: {
-    title: 'Inconnue',
+    title: qualityNames.unknown,
     color: {
       text: 'text-[#000000]'
     }

diff --git a/components/tooltips/LineTooltip.vue b/components/tooltips/LineTooltip.vue
@@ -75,7 +75,7 @@ import type { LaneQuality, LineStringFeature } from '~/types';
 
 const { getLineColor } = useColors();
 const { getRevName, displayQuality } = useConfig();
-const { getDistance, typologyNames } = useStats();
+const { getDistance, typologyNames, qualityNames } = useStats();
 const { getVoieCyclablePath } = useUrl();
 
 const { feature, lines } = defineProps<{
@@ -145,12 +145,4 @@ function getStatus(properties: LineStringFeature['properties']): { label: string
   return statusMapping[properties.status];
 }
 
-const qualityNames: Record<LaneQuality, string> = {
-  dangerous: 'Dangereuse',
-  bad: 'Non satisfaisante',
-  fair: 'Globalement ',
-  good: 'Satisfaisante',
-  perfect: 'Parfaite',
-  unknown: 'Inconnue'
-};
 </script>
diff --git a/composables/useStats.ts b/composables/useStats.ts
@@ -1,5 +1,5 @@
 import { groupBy } from '../helpers/helpers';
-import { isLineStringFeature, type Feature, type Geojson, type LaneType, type LineStringFeature } from '../types';
+import { isLineStringFeature, type Feature, type Geojson, type LaneType, type LineStringFeature, type LaneQuality } from '../types';
 
 export const useStats = () => {
   function getAllUniqLineStrings(voies: Geojson[]) {
@@ -150,6 +150,15 @@ export const useStats = () => {
     inconnu: 'Inconnu'
   };
 
+  const qualityNames: Record<LaneQuality, string> = {
+    dangerous: 'Dangereuse',
+    bad: 'Non satisfaisante',
+    fair: 'Globalement ',
+    good: 'Satisfaisante',
+    perfect: 'Parfaite',
+    unknown: 'Inconnue'
+  };
+
   function getStatsByTypology(voies: Geojson[]) {
     const lineStringFeatures = getAllUniqLineStrings(voies);
     const totalDistance = getDistance({ features: lineStringFeatures });
@@ -180,6 +189,7 @@ export const useStats = () => {
     getStatsByTypology,
     displayDistanceInKm,
     displayPercent,
-    typologyNames
+    typologyNames,
+    qualityNames
   };
 };