highligh page

zamiang · Aug 11, 2015 · dad1fe7 · dad1fe7
1 parent 858dbf3
commit dad1fe7
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 2 deletions.
diff --git a/assets/app.coffee b/assets/app.coffee
@@ -0,0 +1 @@
+require("../components/layout/header/index.coffee").init()
diff --git a/components/layout/header/index.coffee b/components/layout/header/index.coffee
@@ -0,0 +1,9 @@
+module.exports.init = ->
+  $header = $('.vislet-intro')
+  return unless $header.length > 0
+  pathName = window.location.pathname.replace(/\/$/, "")
+  $header.find('.items a').each (index, item) ->
+    $item = $(item)
+    href = $item.attr 'href'
+    if href == pathName
+      $item.addClass 'active'
diff --git a/components/layout/header/intro.jade b/components/layout/header/intro.jade
@@ -4,4 +4,4 @@
   .items
     a.faux-underline-hover( href="/brooklyn" ) Brookyln Residential Sales
     a.faux-underline-hover( href="/311" ) NYC 311 Calls
-    a.faux-underline-hover( href="/Chicago" ) Chicago Crime
+    a.faux-underline-hover( href="/chicago" ) Chicago Crime
diff --git a/components/layout/stylesheets/index.styl b/components/layout/stylesheets/index.styl
@@ -40,6 +40,9 @@ html.wf-active body
     &:before
       border-color: $border-color
 
+  .faux-underline-hover.active:before
+    border-color: $highlight
+
 h1, h2, h3, h4, h5, h6
   margin: 0 0 20px
 

diff --git a/components/layout/templates/index.jade b/components/layout/templates/index.jade
@@ -17,4 +17,4 @@ html
       script( src='/js/' + assetPackage + JS_EXT )
       block scripts
     include ../footer/template
-
+    script( src='/js/app' + JS_EXT )