fix(RequeteComponent): filter map features on tab update

IGNF · Dec 18, 2024 · c9f5a46 · c9f5a46
1 parent eb55bf0
commit c9f5a46
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/app/requete/pages/requete-new/requete-new.component.html b/src/app/requete/pages/requete-new/requete-new.component.html
@@ -24,7 +24,7 @@ <h1>
 
   <div class="fr-grid-row fr-grid-row--gutters">
 
-    <div class="fr-col-12 fr-col-lg-6" [class.fr-col-lg-12]="step === 0">
+    <div class="fr-col-12" [class.fr-col-lg-12]="step === 0" [class.fr-col-lg-6]="step !== 0">
       @if (step === 0) {
         <p class="fr-label">Dessiner, sur la carte ci-dessous, le périmètre de la forêt ou des parcelles à l'aide de l'outil de dessin (polygon)</p>
         <p class="fr-hint-text">Changer de fond de carte (PLAN IGN / ORTHOPHOTOS) avec l'outil de sélection de couche</p>

diff --git a/src/app/shared-map/services/map-context.service.ts b/src/app/shared-map/services/map-context.service.ts
@@ -337,7 +337,7 @@ export class MapContextService {
     // Centrer la carte et ajuster le zoom pour voir toutes les entités
     map?.getView().fit(globalExtent, {
       size: this.map?.getSize(), // Taille de la carte
-      padding: [50, 50, 50, 50], // Espacement autour des entités (en pixels)
+      padding: [200, 200, 200, 200], // Espacement autour des entités (en pixels)
       duration: 500, // Durée de l'animation (en ms)
       maxZoom: 20, // Facultatif : limite maximale du zoom
     });

diff --git a/src/app/shared-thematic/components/thematic-tabs/thematic-tabs.component.html b/src/app/shared-thematic/components/thematic-tabs/thematic-tabs.component.html
@@ -1,5 +1,5 @@
 @if (thematics && thematics.length > 0) {
-  <dsfr-tabs [selectedTabIndex]="selectedTabIndex">
+  <dsfr-tabs [selectedTabIndex]="selectedTabIndex" (tabSelect)="updateMap($event)">
 
     @for (thematic of thematics; track $index; let first = $first) {
       @if (thematic.active) {

diff --git a/src/app/shared-thematic/components/thematic-tabs/thematic-tabs.component.ts b/src/app/shared-thematic/components/thematic-tabs/thematic-tabs.component.ts
@@ -35,8 +35,8 @@ export class ThematicTabsComponent implements OnInit {
   }
 
 
-  selectTab(event: any) {
-    this.selectedTabIndex = event;
+  updateMap(event: any) {
+    console.log('selectTab', event);
     this.mapContextService.updateLayersVisibility(event);
   }