feat(icherche): add icons to search results

infra-geo-ouverte · Sep 26, 2019 · 04c50f5 · 04c50f5
1 parent 166618d
commit 04c50f5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/packages/geo/src/lib/search/shared/sources/icherche.interfaces.ts b/packages/geo/src/lib/search/shared/sources/icherche.interfaces.ts
@@ -5,12 +5,11 @@ export interface IChercheData {
   geometry: FeatureGeometry;
   bbox: [number, number, number, number];
   properties: { [key: string]: any };
+  icon?: string
   highlight: {
     title: string;
     title2?: string;
     title3?: string;
-    title4?: string;
-    title5?: string;
   };
 }
 

diff --git a/packages/geo/src/lib/search/shared/sources/icherche.ts b/packages/geo/src/lib/search/shared/sources/icherche.ts
@@ -262,6 +262,7 @@ export class IChercheSearchSource extends SearchSource implements TextSearch {
           q: this.computeTerm(term),
           geometry: true,
           bbox: true,
+          icon: true,
           type:
             'adresses,codes-postaux,municipalites,mrc,regadmin,lieux,entreprises,bornes'
         },
@@ -283,7 +284,10 @@ export class IChercheSearchSource extends SearchSource implements TextSearch {
 
     const titleHtml = data.highlight.title || data.properties.nom;
     const subtitleHtml = data.highlight.title2
-      ? ' <small> ' + data.highlight.title2 + '</small>'
+      ? ' <small style="color: #6f6969"> ' + data.highlight.title2 + '</small>'
+      : '';
+    const subtitleHtml2 = data.highlight.title3
+      ? '<br><small style="color: #6f6969"> ' + data.highlight.title3 + '</small>'
       : '';
 
     return {
@@ -303,8 +307,8 @@ export class IChercheSearchSource extends SearchSource implements TextSearch {
         dataType: FEATURE,
         id,
         title: data.properties.nom,
-        titleHtml: titleHtml + subtitleHtml,
-        icon: 'map-marker'
+        titleHtml: titleHtml + subtitleHtml + subtitleHtml2,
+        icon: data.icon || 'map-marker'
       }
     };
   }