handle trek rating scale

GeotrekCE · Jan 9, 2024 · 3962c05 · 3962c05
1 parent c05be3a
commit 3962c05
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 2 deletions.
diff --git a/src/components/grw-trek-detail/grw-trek-detail.tsx b/src/components/grw-trek-detail/grw-trek-detail.tsx
@@ -557,7 +557,11 @@ export class GrwTrekDetail {
                   </div>
                 </div>
                 {this.currentTrek.ratings.map(trekRating => (
-                  <div class="row">{state.ratings.find(rating => rating.id === trekRating).name}</div>
+                  <div class="row">
+                    {`${state.ratingsScale.find(ratingScale => ratingScale.id === state.ratings.find(rating => rating.id === trekRating).scale).name} : ${
+                      state.ratings.find(rating => rating.id === trekRating).name
+                    }`}
+                  </div>
                 ))}
                 {this.currentTrek.ratings_description && this.currentTrek.ratings_description !== '' && <div class="row">{this.currentTrek.ratings_description}</div>}
               </div>

diff --git a/src/store/grw-trek-provider.tsx b/src/store/grw-trek-provider.tsx
@@ -54,9 +54,11 @@ export class GrwTrekProvider {
     );
     requests.push(
       !state.ratings
-        ? fetch(`${state.api}trek_rating/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name`, this.init)
+        ? fetch(`${state.api}trek_rating/?language=${state.language}${this.portals ? '&portals='.concat(this.portals) : ''}&fields=id,name,scale`, this.init)
         : new Response('null'),
     );
+    requests.push(!state.ratings ? fetch(`${state.api}trek_ratingscale/?language=${state.language}&fields=id,name`, this.init) : new Response('null'));
+
     Promise.all([
       ...requests,
       fetch(
@@ -104,6 +106,7 @@ export class GrwTrekProvider {
           cities,
           accessibilities,
           ratings,
+          ratingsScale,
           sensitiveAreas,
           labels,
           sources,
@@ -167,6 +170,10 @@ export class GrwTrekProvider {
             state.ratings = ratings.results;
           }
 
+          if (ratingsScale) {
+            state.ratingsScale = ratingsScale.results;
+          }
+
           if (sensitiveAreas) {
             state.currentSensitiveAreas = sensitiveAreas.results;
           }

diff --git a/src/store/store.ts b/src/store/store.ts
@@ -27,6 +27,7 @@ import {
   TouristicEventTypes,
   TouristicEvent,
   Ratings,
+  RatingsScale,
 } from 'types/types';
 
 const { state, onChange, reset } = createStore<{
@@ -50,6 +51,7 @@ const { state, onChange, reset } = createStore<{
   districts: Districts;
   sources: Sources;
   ratings: Ratings;
+  ratingsScale: RatingsScale;
   accessibilities: Accessibilities;
   accessibilitiesLevel: accessibilitiesLevel;
   poiTypes: PoiTypes;
@@ -103,6 +105,7 @@ const { state, onChange, reset } = createStore<{
   districts: null,
   sources: null,
   ratings: null,
+  ratingsScale: null,
   accessibilities: null,
   accessibilitiesLevel: null,
   poiTypes: null,

diff --git a/src/types/types.ts b/src/types/types.ts
@@ -323,4 +323,12 @@ export type Ratings = Rating[];
 export type Rating = {
   id: number;
   name: string;
+  scale: number;
+};
+
+export type RatingsScale = RatingScale[];
+
+export type RatingScale = {
+  id: number;
+  name: string;
 };