Add a tool tip for icon to zoom on geo map (#5488)

Signed-off-by: vlo-rte <valerie.longa@rte-france.com>
opfab · Jan 8, 2024 · 190f262 · 190f262
1 parent 5bf6d1f
commit 190f262
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/ui/main/src/app/modules/share/light-card/light-card.component.html b/ui/main/src/app/modules/share/light-card/light-card.component.html
@@ -1,4 +1,4 @@
-<!-- Copyright (c) 2018-2023, RTE (http://www.rte-france.com)              -->
+<!-- Copyright (c) 2018-2024, RTE (http://www.rte-france.com)              -->
 <!-- See AUTHORS.txt                                                       -->
 <!-- This Source Code Form is subject to the terms of the Mozilla Public   -->
 <!-- License, v. 2.0. If a copy of the MPL was not distributed with this   -->
@@ -51,8 +51,10 @@
                               triggers="mouseenter:mouseleave">
                             <em id="opfab-feed-light-card-group-icon" style="color: #0082FF;" class="fa " [class.fa-angle-down]="open" [class.fa-angle-left]="!open || !groupedCardsVisible"></em>
                         </span>
-                        <span *ngIf="isGeoMapEnabled && hasGeoLocation" (click)='zoomToLocation($event)' class="p-1">
-                               <em style="color: #0082FF;" class="fa fa-location-crosshairs"></em>
+                        <span *ngIf="isGeoMapEnabled && hasGeoLocation" (click)='zoomToLocation($event)' class="p-1"
+                              placement="right" [ngbPopover]="tipSeeGeolocation" popoverClass="opfab-popover-unclickable" container="body"
+                              triggers="mouseenter:mouseleave">
+                            <em style="color: #0082FF;" class="fa fa-location-crosshairs"></em>
                         </span>
                     </div>
                 </div>
@@ -97,3 +99,7 @@
 <div *ngIf="open && groupedCardsVisible">
     <of-grouped-card-list [lightCards]="getGroupedChildCards()" [selection]="selection"> </of-grouped-card-list>
 </div>
+
+<ng-template #tipSeeGeolocation>
+    <span translate>feed.tips.seeGeolocation</span>
+</ng-template>
diff --git a/ui/main/src/assets/i18n/en.json b/ui/main/src/assets/i18n/en.json
@@ -246,7 +246,8 @@
       "hasAResponseFromYourEntity" : "Your entity has already responded.",
       "loadingInProgress": "Card loading in progress",
       "seeGroupedCards": "Open this card to see grouped cards",
-      "expirationDate": "Expiration date"
+      "expirationDate": "Expiration date",
+      "seeGeolocation": "See geolocation"
     },
     "acknowledgeAllCards": {
       "label": "Acknowledge all cards",

diff --git a/ui/main/src/assets/i18n/fr.json b/ui/main/src/assets/i18n/fr.json
@@ -246,7 +246,8 @@
       "hasAResponseFromYourEntity" : "Votre entité a déjà répondu.",
       "loadingInProgress": "Chargement de cartes en cours",
       "seeGroupedCards": "Ouvrez cette carte pour voir les cartes groupées",
-      "expirationDate": "Date d'expiration"
+      "expirationDate": "Date d'expiration",
+      "seeGeolocation": "Voir la géolocalisation"
     },
     "acknowledgeAllCards": {
       "label": "Acquitter toutes les cartes",

diff --git a/ui/main/src/assets/i18n/nl.json b/ui/main/src/assets/i18n/nl.json
@@ -246,7 +246,8 @@
       "hasAResponseFromYourEntity" : "Uw entiteit heeft al gereageerd.",
       "loadingInProgress": "Kaart wordt geladen",
       "seeGroupedCards": "Open deze kaart om gegroepeerde kaarten te zien",
-      "expirationDate": "Vervaldatum"
+      "expirationDate": "Vervaldatum",
+      "seeGeolocation": "Zie geolocatie"
     },
     "acknowledgeAllCards": {
       "label": "Bevestig alle kaarten",