nav links are highlighted when active

bretthuneycutt · Oct 22, 2012 · 380c68d · 380c68d
1 parent 9932536
commit 380c68d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 7 deletions.
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
@@ -26,7 +26,7 @@ body {
 a {
   color: $text;
   text-decoration: none;
-  &:hover {
+  &:hover, &.active {
     color: orange;
   }
   &:active {

diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
@@ -2,4 +2,17 @@ module ApplicationHelper
   def inside_layout layout = 'application', &block
     render :inline => capture_haml(&block), :layout => "layouts/#{layout}"
   end
+
+  def nav_link_active?(link)
+    case link
+    when :details
+      "active"  if action_name == "photography_details"
+    else
+      "active"  if action_name == link.to_s
+    end
+  end
+
+  def nav_link_options(link)
+    {:class => 'active'}  if nav_link_active?(link)
+  end
 end
diff --git a/app/views/layouts/side_navigation.html.haml b/app/views/layouts/side_navigation.html.haml
@@ -5,12 +5,12 @@
   %section.side_navigation
     %h2.first Photographs
     %ul
-      %li= link_to "Newborns", newborns_path
-      %li= link_to "Kids", kids_path
-      %li= link_to "Families", families_path
-      %li= link_to "Details", "/photography-details"
-    %h2= link_to "Private tutoring", classes_path
-    %h2= link_to "About me", about_path
+      %li= link_to "Newborns", newborns_path, nav_link_options(:newborns)
+      %li= link_to "Kids", kids_path, nav_link_options(:kids)
+      %li= link_to "Families", families_path, nav_link_options(:families)
+      %li= link_to "Details", "/photography-details", nav_link_options(:details)
+    %h2= link_to "Private tutoring", classes_path, nav_link_options(:classes)
+    %h2= link_to "About me", about_path, nav_link_options(:about)
 
   %section.side_navigation_body
     = yield