[Couches Reg & AMP] Zoom sur les groupes de couche #1168

thoomasbro · 2024-02-01T15:55:10Z

resolve #426

claire2212 · 2024-02-23T14:52:04Z

...r/gouv/cacem/monitorenv/infrastructure/api/adapters/bff/outputs/RegulatoryAreasDataOutput.kt

+import fr.gouv.cacem.monitorenv.domain.entities.regulatoryArea.RegulatoryAreaEntity
+import org.locationtech.jts.geom.MultiPolygon
+
+data class RegulatoryAreasDataOutput(


on était pas parti sur du singulier pour les entities/output/input ?

Oui tu as raison c'est pas top ce pluriel. J'avais fait au début un RegulatoryAreasDataOutputet un RegulatoryAreaDataOutputpour différencier quand on renvoie plusieurs regulatoryArea (avec moins de données) ou un seul avec toutes les données mais ce n'est pas clair (On a par exemple dans le même style pas très explicite ReportingDataOutput et ReportingsDataOuput). Là j'ai fait un RegulatoryAreaWithMetadataDataOutput que je trouve plus clair quand je renvoie toutes les données. Pas évident ce nommage de sorties différentes pour un même objet. Je ne suis pas fan des compact full complete.

claire2212 · 2024-02-23T14:56:01Z

...rc/main/kotlin/fr/gouv/cacem/monitorenv/infrastructure/database/model/RegulatoryAreaModel.kt

@@ -51,8 +51,12 @@ data class RegulatoryAreaModel(
    val date_fin: String?,
    @Column(name = "temporalite")
    val temporalite: String?,
+    @Column(name = "action")
+    val action: String?,


il me semble qu'on avait dit qu'on les triais par ordre alphabétique

claire2212 · 2024-02-23T15:05:27Z

frontend/src/api/regulatoryLayersAPI.ts

+// TODO Migrate this middleware.
+export const regulatoryLayersErrorLoggerMiddleware: Middleware = store => next => action => {
+  if (regulatoryLayersAPI.endpoints.getRegulatoryLayers.matchRejected(action)) {
+    store.dispatch(setToast({ message: "Nous n'avons pas pu récupérer les Zones Réglementaires" }))


A rediscuter en point dev je pense, parce que ca fait une deuxième façon de gérer les erreurs. Ivan avait commencer une proposition ici (https://github.com/MTES-MCT/monitorfish/wiki/Gestion-des-erreurs-%5BProposition%5D). Et avait commencer à gérer les erreurs comme ici : https://github.com/MTES-MCT/monitorenv/blob/main/frontend/src/api/stationsAPI.ts#L20

Ce sera dommage qu'on ai plusieurs façon de faire

ah cool j'avais pas vu.

claire2212 · 2024-02-23T15:08:21Z

frontend/src/api/ampsAPI.ts

+    }
+
+    return acc
+  }, {})


claire2212 · 2024-02-23T15:17:00Z

frontend/src/features/layersSelector/myAmps/MyAMPLayerGroup.tsx

-            color={ampZonesAreShowed ? THEME.color.blueGray : THEME.color.slateGray}
-            data-cy={ampZonesAreShowed ? 'amp-my-zones-zone-hide' : 'amp-my-zones-zone-show'}
+            color={ampZonesAreShowed ? THEME.color.charcoal : THEME.color.lightGray}
+            data-cy={ampZonesAreShowed ? 'my-amp-zones-zone-hide' : 'my-amp-zones-zone-show'}


doublon du mot zone

claire2212 · 2024-02-23T15:17:13Z

frontend/src/features/layersSelector/myAmps/MyAMPLayerGroup.tsx

            title={ampZonesAreShowed ? 'Cacher la/les zone(s)' : 'Afficher la/les zone(s)'}
          />

          <IconButton
            accent={Accent.TERTIARY}
-            data-cy="amp-layers-my-zones-zone-delete"
+            color={THEME.color.lightGray}
+            data-cy="my-amp-layers-zones-zone-delete"


doublon du mot zone

claire2212

en testant je vois bien que ca zoome correctement quand on clique sur un groupe de zones dans Mes Amps ou Mes zones réglementaires. Par contre je trouve bizarre la double utilisation de l'oeil une fois pour afficher ou non et une autre fois pour zoomer (ça oblige, pour zoomer, à cliquer deux fois sur l'oeil). C'est plus une remarque générale qui n'a pas forcément de lien avec cette pr, peut-être en parler avec Adeline

Dans le ticket Adeline demande à faire la même chose pour les résultats de recherche, j'ai pas l'impression que ça ai été fait (#426 (comment))

claire2212 · 2024-02-23T15:19:37Z

frontend/src/features/layersSelector/myAmps/MyAMPLayersList.tsx

 export function AMPLayersList() {
  const selectedAmpLayerIds = useAppSelector(state => state.selectedAmp.selectedAmpLayerIds)
  const showedAmpLayerIds = useAppSelector(state => state.selectedAmp.showedAmpLayerIds)

  const { currentData: amps, isLoading } = useGetAMPsQuery()
  const selectedAmps = useMemo(
-    () => selectedAmpLayerIds.map(id => amps?.entities?.[id]).filter(l => l),
+    () => selectedAmpLayerIds.map(id => amps?.entities?.[id]).filter((l): l is AMP => !!l),


layer à la place de l qui n'est pas très compréhensible fonctionnellement

claire2212 · 2024-02-23T15:22:03Z

frontend/src/features/layersSelector/myRegulatoryLayers/MyRegulatoryLayerGroup.tsx


  const toggleLayerDisplay = e => {
    e.stopPropagation()
    if (regulatoryZonesAreShowed) {
      dispatch(hideRegulatoryLayers(groupLayerIds))
    } else {
+      const extentOfGroupLayers = layers.reduce((accumulatedExtent, currentLayer) => {


j'ai l'impression que c'est la même fonction que pour les amp, on peut peut-être la sortir dans un fichier?

claire2212 · 2024-02-23T15:33:15Z

frontend/src/features/layersSelector/search/ResultsList/ResultListLayerGroup.tsx

+
+  const clickOnGroupZones = () => {
+    setZonesAreOpen(!zonesAreOpen)
+    if (typeof clearSelectedLayer === 'function') {


ca ne suffit pas if (clearSelectedLayer) {} ?

claire2212 · 2024-02-23T15:34:09Z

frontend/src/features/layersSelector/search/index.tsx

@@ -34,7 +35,7 @@ export function LayerSearch({ isVisible }) {

  const [filterSearchOnMapExtent, setFilterSearchOnMapExtent] = useState<boolean>(false)

-  const isSearchThrottled = useRef(false)
+  // const isSearchThrottled = useRef(false)


a supprimer ?

claire2212 · 2024-02-23T15:35:14Z

frontend/src/features/layersSelector/search/index.tsx

@@ -66,7 +61,7 @@ export function LayerSearch({ isVisible }) {
      threshold: 0.2
    })

-    return async ({
+    const searchFunction = async ({


il n'y aurait pas moyen de découper cette fonction, qu'elle soit un peu plus lisible ?

claire2212 · 2024-02-23T15:35:32Z

frontend/src/features/layersSelector/search/index.tsx

  }, [dispatch, regulatoryLayers, amps])

+  // const debouncedSearchLayers = useCallback(_.debounce(memoizedSearchFunction, 1300, { trailing: true }), [])


a supprimer ?

.../main/kotlin/fr/gouv/cacem/monitorenv/domain/entities/regulatoryArea/RegulatoryAreaEntity.kt

enforce debouncedSearch on trailing event add more typing rename dataoutput for regulatoryAreas

add typing refacto getExtentOfLayersGroup

fix L'œil pour visualiser un groupe de zones épinglées ne centre pas les zones sur la carte #426

thoomasbro force-pushed the thomas/fix-zoom-layergroup branch 3 times, most recently from 89a12f4 to 855e138 Compare February 16, 2024 10:02

thoomasbro requested a review from claire2212 February 16, 2024 10:03

claire2212 reviewed Feb 23, 2024

View reviewed changes

frontend/src/api/ampsAPI.ts Outdated

}

return acc

}, {})

Copy link

Collaborator

claire2212 Feb 23, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

a typer ?

claire2212 reviewed Feb 23, 2024

View reviewed changes

thoomasbro force-pushed the thomas/fix-zoom-layergroup branch 3 times, most recently from 4e090c9 to 543046f Compare March 5, 2024 08:38

claire2212 approved these changes Mar 8, 2024

View reviewed changes

thoomasbro force-pushed the thomas/fix-zoom-layergroup branch from 543046f to 6a02045 Compare March 8, 2024 13:37

thoomasbro added 9 commits March 12, 2024 10:11

add zoom to layer group + typing

ae01ca3

update regulatory model + data outputs

1ef45f6

refacto get regulatoryLayers from bff (like amps)

62e9ad6

add test for regulatory layer

c3cb78e

enforce debouncedSearch on trailing event add more typing rename dataoutput for regulatoryAreas

review back

72b93a3

use error pattern for api

f7f980c

add typing refacto getExtentOfLayersGroup

add re-reselect

5e9e220

refacto search extent

0e0df71

fix L'œil pour visualiser un groupe de zones épinglées ne centre pas les zones sur la carte #426

zoom to extent when layers are shown and mylayergroup is collapsed

97c945c

thoomasbro force-pushed the thomas/fix-zoom-layergroup branch from 6a02045 to 97c945c Compare March 12, 2024 09:11

update package json

a90f1bf

thoomasbro added the feat. enhancement Amélioration/évolution d'une fonctionnalité label Mar 12, 2024

thoomasbro merged commit 1cce627 into main Mar 12, 2024
18 checks passed

thoomasbro deleted the thomas/fix-zoom-layergroup branch March 12, 2024 10:12

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Couches Reg & AMP] Zoom sur les groupes de couche #1168

[Couches Reg & AMP] Zoom sur les groupes de couche #1168

thoomasbro commented Feb 1, 2024

claire2212 Feb 23, 2024 •

edited

thoomasbro Feb 26, 2024

claire2212 Feb 23, 2024

claire2212 Feb 23, 2024

thoomasbro Feb 26, 2024

claire2212 Feb 23, 2024

claire2212 Feb 23, 2024

claire2212 Feb 23, 2024

claire2212 left a comment

claire2212 Feb 23, 2024

claire2212 Feb 23, 2024

claire2212 Feb 23, 2024

claire2212 Feb 23, 2024

claire2212 Feb 23, 2024

claire2212 Feb 23, 2024

thoomasbro Feb 26, 2024

		}, [dispatch, regulatoryLayers, amps])

		// const debouncedSearchLayers = useCallback(_.debounce(memoizedSearchFunction, 1300, { trailing: true }), [])

[Couches Reg & AMP] Zoom sur les groupes de couche #1168

[Couches Reg & AMP] Zoom sur les groupes de couche #1168

Conversation

thoomasbro commented Feb 1, 2024

claire2212 Feb 23, 2024 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

claire2212 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

claire2212 Feb 23, 2024 •

edited