GU plans-reseaux.ch (public)

Lors de la saisie d'un périmètre, l'utilisateur doit pouvoir fournir un fichier qui contient la géométrie du périmètre désiré par un glisser-déposer sur la page d'accueil et sur la carte.

• Les formats supportés sont : DXF, GML, GeoJSON, TopoJSON, KML, ou fichier texte contenant une liste de coordonnées en MN95
• Si le format le permet, les systèmes de coordonnées suivants sont supportés : MN95 (EPSG:2056), WGS84 (EPSG:4326), Web mercator (EPSG:3857)
• Si le fichier contient plusieurs géométries, seule la première est retenue.
• Une géométrie de type multipolygon n'est pas supportée. (Note : premier polygon du multi est utilisé)

Comportements à implémenter

• Page d'accueil
  • Lorsqu'un fichier est glissé au-dessus de la page d'accueil (event dragenter), la page est assombrie et un texte en blanc apparaît : "Déposez le fichier ici (DXF, GML, geoJSON, topoJSON ou fichier texte contenant une liste de coordonnées en MN95)". Ce comportement n'est pas actif pour les écrans mobiles (<768px).
  • Zone sensible pour le glisser-déposer : toute la page d'accueil en-dessous du header.
  • Lorsqu'un fichier compatible est déposé, l'application passe à l'étape sélection d'un périmètre, la géométrie contenue dans le fichier est affichée.

• Sélection d'un périmètre
  • Le périmètre déposé peut être redessiner
  • La bulle d'information "Ceci correspond à votre zone de commande" doit être déplacée pour être compatible avec toutes les géométries (qui proviennent de fichiers déposés)
  • Ajouter dans la bulle d'information la possibilité de glisser-déposer un fichier. Le texte ne s'affiche pas pour les écrans mobiles (<768px).
  • La recherche d'une adresse avec la barre de recherche écrase le périmètre déposé
  • Le dépôt d'un nouveau fichier écrase le périmètre en cours
  • Lorsque aucun périmètre n'est sélectionner, ajouter un texte qui informe sur la possibilité de glisser-déposer un fichier. Le texte ne s'affiche pas pour les écrans mobiles (<768px).
  • Lorsqu'un fichier est glissé au-dessus de la carte (event dragenter), la page est assombrie et un texte en blanc apparaît : "Déposez le fichier ici (DXF, GML, geoJSON, topoJSON ou fichier texte contenant une liste de coordonnées en MN95)". Ce comportement n'est pas actif pour les écrans mobiles (<768px).

• Sélection des plans à commander
  • Le bandeau avec la carte de la page "Sélection des plans à commander" ne réagit pas au glisser-déposer. Il faut cliquer dessus pour revenir sur la carte et pouvoir glisser-déposer un fichier

Maquette

Page d'accueil (pour simuler le dépôt d'un fichier, appuyer sur la touche d):
https://xd.adobe.com/view/691153ed-de16-4565-ab3e-4fa6e9628769-3c42/

Vue de la page d'accueil avec un fichier glissé au-dessus (event dragenter) juste avant de le déposer:
https://xd.adobe.com/view/53d4c0db-4e41-4168-b440-b95de0dbb7c3-0687/

Vue de carte avec un fichier glissé au-dessus (event dragenter) juste avant de le déposer:
https://xd.adobe.com/view/6b10fd89-2618-4da3-8435-33f9aa787cb9-3e43/