From 51f566ebf122fc616f8363410f9a335bce7133ab Mon Sep 17 00:00:00 2001
From: Andrew Miner <andrewminer@mac.com>
Date: Wed, 4 May 2016 21:27:23 -0700
Subject: [PATCH] Mark button for current page as active

fixes #232
---
 src/client/site/header/header_controller.coffee | 7 +++++++
 src/client/site/site_controller.coffee          | 2 +-
 src/client/styles/classes.scss                  | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/client/site/header/header_controller.coffee b/src/client/site/header/header_controller.coffee
index 00ef76129..366ff3675 100644
--- a/src/client/site/header/header_controller.coffee
+++ b/src/client/site/header/header_controller.coffee
@@ -75,6 +75,7 @@ module.exports = class HeaderController extends BaseController
         @$loginButtonLabel.text if global.site.user? then "Logout" else "Login"
 
         @_refreshBreadcrumbs()
+        @_refreshSelectedNavButton()
         @_refreshTitle()
         super
 
@@ -106,6 +107,12 @@ module.exports = class HeaderController extends BaseController
         else
             @hide @$breadcrumbs
 
+    _refreshSelectedNavButton: ->
+        return unless @model?.page?
+
+        @$('.button').removeClass 'active'
+        @$(".button.#{@model.page}").addClass 'active'
+
     _refreshTitle: ->
         title = @model?.controller?.getTitle()
         if title
diff --git a/src/client/site/site_controller.coffee b/src/client/site/site_controller.coffee
index f3b52dc5d..8969a014d 100644
--- a/src/client/site/site_controller.coffee
+++ b/src/client/site/site_controller.coffee
@@ -152,7 +152,7 @@ module.exports = class SiteController extends BaseController
 
         window.scrollTo 0, 0
 
-        @_headerController.model = controller: controller
+        @_headerController.model = controller: controller, page: page
 
         @_currentPageController.user = @user
         @_currentPageController.onWillShow()
diff --git a/src/client/styles/classes.scss b/src/client/styles/classes.scss
index e08bf581a..47db623e5 100644
--- a/src/client/styles/classes.scss
+++ b/src/client/styles/classes.scss
@@ -47,7 +47,7 @@
         background : url('/images/button-background-hover.png') repeat;
     }
 
-    &:active {
+    &:active, &.active {
         background : url('/images/button-background-active.png') repeat;
 
         .bezel {