Zmiana bieżącej zakładki w szynach

Question

Mam listę zakładek u góry mojej aplikacji, które umieszczam w ogólnym układzie w application.html.erb. Wyglądają tak:

<li class="current"><%= link_to "Home", provider_path(current_user.id), :method=> "GET"%> </li> 
      <li><%= link_to "Edit Profile", edit_student_path(current_user.id) %> </li> 
      <li><%= link_to "Search", provider_search_path %> </li> 

Chcę zmienić wybraną zakładkę na "aktualną", kiedy trafię na tę stronę. Więc kiedy kliknij Edytuj profil i Edycja strony profilu obciążenia, zaczepy powinny wyglądać następująco:

<li><%= link_to "Home", provider_path(current_user.id), :method=> "GET"%> </li> 
<li class="current"><%= link_to "Edit Profile", edit_student_path(current_user.id) %> </li> 
    <li><%= link_to "Search", provider_search_path %> </li> 

Czy istnieje sposób, aby to zrobić poza dodaniem JavaScript do strony, która jest wyświetlana? Lub jeśli jest na ogół najlepsza praktyka do robienia tego w możliwie najdrobniejszy sposób.

Dzięki

Answer 1

Można użyć controller.class == i controller.action_name == aby dowiedzieć się dokładnie, który kontroler i działanie jesteś na

więc byłoby coś jak

<li class="<%= controller.class == ProviderController and controller.action_name == 'show' ? 'current' : '' %>"><%= link_to "Home", provider_path(current_user.id), :method=> "GET"%> </li> 
<li class="<%= controller.class == StudentController and controller.action_name == 'edit' ? 'current' : '' %>"><%= link_to "Edit Profile", edit_student_path(current_user.id) %> </li> 
<li class="<%= controller.class == ProviderController and controller.action_name == 'search' ? 'current' : '' %>"><%= link_to "Search", provider_search_path %> </li> 

Wierzę, że istnieje kilka sposobów, aby uzyskać bieżący adres URL na stronie, na której się znajdujesz, ale wtedy twoja "aktywna" stylizacja będzie zależała tylko od dotarcia do tej akcji przez tę ścieżkę, co nie zawsze musi mieć miejsce w zależności od trasy, w ten sposób zapewni, że widok pokazuje, co jest prawdą na podstawie co faktycznie zostało uruchomione, a nie jaki jest adres URL w pasku adresu

Answer 2

Po włączeniu strony można przekazać coś podobnego @current_tab powrotem do erb z metod kontrolera. Następnie użyj @ current_tab, aby zdecydować, która li powinna być bieżącą klasą. Alternatywnie możesz podać każdy li i id lub jakiś unikalny atrybut i po prostu zmienić klasę za pomocą wybranej przez siebie struktury JavaScript.

Answer 3

jestem tak nie twierdząc, jest to najlepszy sposób, aby to zrobić, ale jestem na tyle odważny, aby umieścić co wymyśliłem :)

Niektóre przykład linki z mojego menu Układ:

<li class="nav-calendar"><%= menu_link_to 'teachers', 'show_date', 'Calendar', calendar_url %></li> 
<li class="nav-announcements"><%= menu_link_to 'announcements', nil, 'Announcements', announcements_path %></li> 

Potem stworzyliśmy pomocnika:

def menu_link_to(*args, &block) 
    controller = args.shift 
    action = args.shift 

    if controller == controller_name && (action.nil? || action == action_name) 
    if args.third.nil? 
     args.push({:class => 'selected'}) 
    else 
     args.third.merge!({:class => 'selected'}) 
    end 
    end 

    link_to *args, &block 
end 

Answer 4

można spróbować coś takiego:

<li class="<%= controller.controller_path == 'provider' ? 'current' : '' %>"><%= link_to "Home", provider_path(current_user.id), :method=> "GET"%> </li> 
<li class="<%= controller.controller_path == 'student' ? 'current' : '' %>"><%= link_to "Edit Profile", edit_student_path(current_user.id) %> </li> 
<li class="<%= controller.controller_path == 'search' ? 'current' : '' %>"><%= link_to "Search", provider_search_path %> </li> 

... i po prostu sprawdź, z którego kontrolera pochodzisz.

Answer 5

Można po prostu to zrobić:

<%= current_page?(:controller => 'your_controller', :action => 'index') ? 'current' : '' %> 

Answer 6

Spójrz na TabsOnRails

Answer 7

Zrobiłem pomocnika na to, że może przyjąć dowolną liczbę argumentów, które jest przydatne dla zagnieżdżonych zasobów, ale również akceptuje jedna nazwa kontrolera, podobnie jak inne odpowiedzi.

aplikacji helper.rb:

def is_active(*links) 
    links.each { |link| return "active" if params[:controller] == link } 
end 

application.html.erb:

<li class="<%=is_active('home')%>">...</li> 

lub

Przykład użycia z haml & zagnieżdżone zasobów (będzie aktywny dla każdego dostarczonego nazwami Controller):

applcation.html.haml:

%li{:class => is_active('blogs', 'comments')} 

Answer 8

Zrobiłem to w pomocnik aplikacji i wydaje się działać prawidłowo:

def current_page(path) 
    "active" if current_page?(path) 
end 

Następnie nazwać tak:

<li class="<%= current_page(root_path)%>"> <%= link_to "Home", root_path %></li>