PnX-SI / GeoNature

Application de saisie et de synthèse des observations faune et flore
GNU General Public License v3.0
101 stars 102 forks source link

Rendre le nom de chaque module cliquable dans le header #1738

Open Gaetanbrl opened 2 years ago

Gaetanbrl commented 2 years ago

Un besoin semble exister (remonté par @camillemonchicourt) de pouvoir cliquer sur le nom du module dans le header.

Lorsqu'on est donc sur ce lien : http://127.0.0.1:4200/#/occtax/info/id_counting/5

On pourrait directement aller à la base (accueil) du module http://127.0.0.1:4200/#/occtax en cliquant sur le nom du module :

linkHomeModule

La modification peut se faire dans le fichier nav-home.component.html en remplaçant ...

<span class="mx-2"> {{ moduleName }} </span>

...par...

<span class="mx-2"> <a href='{{appConfig.URL_APPLICATION + "/#/" + moduleName.toLowerCase()}}'>{{moduleName}}</a>

Cette solution technique semble fonctionner simplement (voir gif plus haut) mais je ne suis pas certain qu'elle soit optimale. Qu'en pensez-vous ?

TheoLechemia commented 2 years ago

Oui très bien. Que ce passe-t-il quand le module name est égal à Accueil ? Il faut juste traiter ce cas là je pense

Gaetanbrl commented 2 years ago

Que ce passe-t-il quand le module name est égal à Accueil ?

Ok je passe dans une condition spécifique pour Accueil du coup :

  public goHomeModuleLink(name) {
    return (this.appConfig.URL_APPLICATION + "/#/") + (name != "Accueil" ? name.toLowerCase() : "")
  }
Gaetanbrl commented 2 years ago

Je n'ai rien ajouté pour le style du lien, souhaité vous un style particulier ? (pas de bleu pour le nom du module etc...)

Gaetanbrl commented 2 years ago

Style mis à jour > A tester dans la PR.

image