Ajouter un "actif" de la classe à tous les liens actifs dans les rails?

En gros, j'ai beaucoup de code qui ressemble à ceci:

link_to t('.profile'), business_path(@business), class: '#{'active' if current_page? business_path(@business)}'

ce qui n'est pas très SÈCHE.

Je me demandais si quelqu'un connait un bon moyen de modifier les link_to helper lui-même pour ajouter automatiquement un "actif" de la classe à tous les liens de la page en cours.

Si cela peut aider, je suis ouvert à l'aide de HAML ou SLIM.

OriginalL'auteur Dylan Karr | 2013-09-05

  1. 7

    C'est une bonne affaire pour la rédaction de votre propre helper qui enveloppe le link_to. Dans votre application_helper.rb, vous pouvez écrire une méthode active_link_to qui prend les mêmes paramètres que link_to + current_page, et puis juste les appels link_to comme vous le faites ci-dessus.

    OriginalL'auteur steakchaser

  2. 13

    J'ai écrit simple méthode d'assistance à l'aide de construire en vue helper current_page? lorsque vous pouvez spécifier personnalisé class nom dans html_options de hachage.

    def active_link_to(name = nil, options = nil, html_options = nil, &block)
  active_class = html_options[:active] || "active"
  html_options.delete(:active)
  html_options[:class] = "#{html_options[:class]} #{active_class}" if current_page?(options)
  link_to(name, options, html_options, &block)
end

    Exemples (lorsque vous êtes sur root_path route):

    <%= active_link_to "Main", root_path %>
# <a href="/" class="active">Main</a>

<%= active_link_to "Main", root_path, class: "bordered" %>
# <a href="/" class="bordered active">Main</a>

<%= active_link_to "Main", root_path, class: "bordered", active: "disabled" %>
# <a href="/" class="bordered disabled">Main</a>
    Cette pauses lorsque vous en avez réellement passer d'un bloc à votre active_link_to en raison de la façon dont les rails' link_to œuvres.
    c'est vraiment intelligent. merci.

    OriginalL'auteur cintrzyk

  3. 12

    C'est un problème résolu, il suffit d'utiliser active_link_to gem. Votre exemple simplifie:

    = active_link_to t('.profile'), business_path(@business)
    active_link_to est génial. Il vous permet de placer des liens (par exemple, avec li) et spécifier d'autres correspondant à des conditions, comme avec la regex. Merci!

    OriginalL'auteur Grocery

  4. 3

    J'ai fait face à la même exigence et voici ma solution.

    Créer une méthode de ApplicationHelper

    def active_class(link_path)
    current_page?(link_path) ? "active" : ""
end

    Et à l'intérieur de votre point de vue:

        <li class="<%= active_class('/') %>">
      <%= link_to 'HOME', root_path %>
    </li>
    C'est le plus propre, plus simple, et la solution la plus simple pour OPs réponse. Nul besoin d'insérer un bijou pour une demande d'aide dans mon opinion.

    OriginalL'auteur egyamado

  5. 1

    Voici l'aide que j'utilise. - Je ajouter une option "match_text" paramètre pour plus de flexibilité (par exemple, si je veux marquer, comme un lien actif lorsque la demande réelle chemin d'accès est un enfant de la page de destination du lien.)

    def link_to_active(text, destination, options = {})
  match_text = options.delete(:match_text)

  classes = options[:class].present? ? options[:class].split(" ") : []
  classes << "active" if request.fullpath.downcase == destination.downcase || (match_text && request.fullpath.downcase.include?(match_text.downcase))

  options = options.except(:class)
  options.merge!(:class => classes.join(" ")) unless classes.empty?

  link_to(text, destination, options)
end

    OriginalL'auteur Damon

  6. -1

    Utilisation link_to_unless_current et puis de lui donner l'apparence d'un lien actif dans le CSS.

    OriginalL'auteur Damien