Drupal 8 - Définir un fil d'Ariane personnalisé

Posté le Lundi 5 décembre 2016 - 17:56
Dernière mise à jour le Vendredi 9 mars 2018 - 11:12
Gestion des fils d'ariane

Drupal 8 améliore grandement la manière de gérer le fil d'Ariane (ou breadcrumbs en Anglais). Dans ce post nous allons voir comment définir un fil d'Ariane pour les contenus d'un type particulier.

Ici nous considérerons que :

  • Le type de contenu s'appellera "Témoignage", son nom machine sera "temoignage"
  • Mon module s'apelle "temoignages_module"
  • J'ai une page de listing définie par un controller dont la route sera temoignages.page_listing.

Ces éléments seront à adapter en fonction de vos besoins.

Définitions du service

S'il n'existe pas, créer le fichier temoignages_module.services.yml et ajouter le contenu suivant :

  1. services:
  2.   temoignages_module.breadcrumb.temoignage:
  3.   class: Drupal\temoignages_module\Breadcrumb\TemoignagesBreadcrumb
  4.   tags:
  5.   - { name: breadcrumb_builder, priority: 100 }

Implémentation du service

Toujours dans le module, créer le fichier "TemoignagesBreadcrumb.php" dans le dossier : src/Breadcrumb du module temoignages_module, et y coller le contenu suivant :

  1. <?php
  2.  
  3. namespace Drupal\temoignages_module\Breadcrumb;
  4.  
  5. use Drupal\Core\Breadcrumb\BreadcrumbBuilderInterface;
  6. use Drupal\Core\Routing\RouteMatchInterface;
  7. use Drupal\Core\Link;
  8. use Drupal\Core\Breadcrumb\Breadcrumb;
  9.  
  10. class TemoignagesBreadcrumb implements BreadcrumbBuilderInterface {
  11.  
  12. public function applies(RouteMatchInterface $route_match) {
  13. if ($route_match->getCurrentRouteMatch()->getRouteName() == 'entity.node.canonical') {
  14. $node = $route_match->getParameter('node');
  15. if ($node->getType() == 'temoignage') {
  16. return TRUE;
  17. }
  18. }
  19. return FALSE;
  20. }
  21.  
  22. public function build(RouteMatchInterface $route_match) {
  23. $breadcrumb = new Breadcrumb();
  24. $breadcrumb->addCacheContexts(['route']);
  25. $links = [];
  26. $links[] = Link::createFromRoute(t('Home'), '<front>');
  27. $links[] = Link::createFromRoute(t('Tous les témoignages'), 'temoignages_module.page_listing');
  28. return $breadcrumb->setLinks($links);
  29. }
  30. }

En détails

La première méthode applies doit retourner TRUE ou FALSE en fonction de si on est dans un cas ou notre breadcrumb personnalisé doit être appliqué.

Je vérifie pour commencer que je suis en train de visualiser une node :

$route_match->getCurrentRouteMatch()->getRouteName() == 'entity.node.canonical'

Si c'est le cas, je récupère cette node et si elle est bien du type "temoignage" je retourne TRUE

  1. $node = $route_match->getParameter('node');
  2. if ($node->getType() == 'temoignage') {
  3. return TRUE;
  4. }

Sinon je retourne FALSE.

Enfin, la méthode build, comme son nom l'indique construit le fil d'Ariane, qui consiste en fait en un tableau de liens.

Je commence par mettre un tag de cache à mon fil d'Ariane en lui disant qu'il dépend de la route.

$breadcrumb->addCacheContexts(['route']);

Je construis ensuite mon tableau de liens, qui en sera constitué de deux, le premier vers la page d'accueil et le second vers ma page de listing :

  1. $links = [];
  2. $links[] = Link::createFromRoute(t('Home'), '<front>');
  3. $links[] = Link::createFromRoute(t('Tous les témoignages'), 'temoignages_module.page_listing');
  4. return $breadcrumb->setLinks($links);

Et... c'est tout, plus qu'à reconstruire le cache et vous pourrez vérifier que votre fil d'Ariane fonctionne bien.

Si vous souhaitez faire un élément du fil d'Ariane sans lien, vous pouvez utiliser le placeholder <none> :

$links[] = Link::createFromRoute(t('Mon élément sans lien'), '<none>');

Vous trouverez plus d'exemple dans les sources de mon module de pronostics : https://github.com/mespronos/mespronos/tree/8.x-1.x/src/Breadcrumb, pour la définitions des services liés, c'est ici : https://github.com/mespronos/mespronos/blob/8.x-1.x/mespronos.services….

 

Comments

Posté le Mardi 6 décembre 2016 - 12:01

Du point de vue d'un site builder c'est certes indigeste, je n'ai pas encore regardé ce qui existait en UI (genre context, breadcrumb_menu...)

Du point de vue développeur, c'est effectivement plus verbeux, mais par contre ça permettra de définir des règles plus "propres", et de ne pas se demander «Bon celui là comment il est défini ?».

Posté le Mercredi 7 décembre 2016 - 09:27

bon, du moment qu'il y a des outils pour pondre ce genre de code automatiquement, je devrais y survivre.

Posté le Vendredi 17 novembre 2017 - 09:16

C'est vraiment mieux que ce qui se faisait dans D7 d'un point de vue logique mais je regrette qu'ils aient pas poussé plus loin pour se rapprocher du fonctionnement de Crumbs en ne demandant pas à récupérer tout le breadcrumb d'un coup mais juste le parent de la route en cours en bouclant de parent en parent en repassant dans le breadcrumb builder. En bonus, avec un cache bien foutu, ça aurait pu être ultra rapide en plus d'être logique et souple au possible...
Ça me donne envie de contrib le futur Breadcrumb builder du core ;)

Ajouter un commentaire

Ne sera pas publié

HTML restreint

  • Balises HTML autorisées : <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.
CAPTCHA
Désolé, pour ça, mais c'est le seul moyen pour éviter le spam...