From bb00351ad878702309fe92a8cb506b23db19aca7 Mon Sep 17 00:00:00 2001
From: Daniel Tiefnig <dtiefnig@sipwise.com>
Date: Wed, 24 Feb 2010 15:06:56 +0000
Subject: [PATCH] highlighting active item in menu

---
 lib/admin/Controller/Root.pm |  3 +++
 root/css/admin.css           |  3 +++
 root/layout/menu             | 20 ++++++++++----------
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/lib/admin/Controller/Root.pm b/lib/admin/Controller/Root.pm
index 09dbe06..d096f26 100644
--- a/lib/admin/Controller/Root.pm
+++ b/lib/admin/Controller/Root.pm
@@ -44,6 +44,9 @@ sub auto : Private {
         return;
     }
 
+    $c->stash->{menu}{active} = $c->request->path;
+    $c->stash->{menu}{active} =~ s#/.*$##;
+
     return 1;
 }
 
diff --git a/root/css/admin.css b/root/css/admin.css
index 41f84bc..d37f5f7 100644
--- a/root/css/admin.css
+++ b/root/css/admin.css
@@ -37,6 +37,9 @@ h3 {
 	text-align: right;
 }
 
+#contentmenu li.active_menu a {
+	color: #D60808;
+}
 
 /* hmm, menu doesn't extend container height ... */
 #container #content {
diff --git a/root/layout/menu b/root/layout/menu
index 9ea9b89..f13bf4e 100644
--- a/root/layout/menu
+++ b/root/layout/menu
@@ -15,31 +15,31 @@
         <h3>User Administration</h3>
         <ul>
           [% IF Catalyst.config.billing_features %]
-          <li><a href="/customer">Customers</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "customer" %]><a href="/customer">Customers</a></li>
           [% END %]
-          <li><a href="/account">Accounts</a></li>
-          <li><a href="/subscriber">Subscribers</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "account" %]><a href="/account">Accounts</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "subscriber" %]><a href="/subscriber">Subscribers</a></li>
 [%#          <li><a href="/registration">Devices</a></li> %]
 [%#          <li><a href="/registration">Registrations</a></li> %]
         </ul>
 
         <h3>System Administration</h3>
         <ul>
-          <li><a href="/domain">Domains</a></li>
-          <li><a href="/admin">Administrators</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "domain" %]><a href="/domain">Domains</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "admin" %]><a href="/admin">Administrators</a></li>
           [% IF Catalyst.config.billing_features %]
-          <li><a href="/billing">Billing</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "billing" %]><a href="/billing">Billing</a></li>
           [% END %]
           [% IF Catalyst.config.peering_features %]
-          <li><a href="/peering">SIP Peerings</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "peering" %]><a href="/peering">SIP Peerings</a></li>
           [% END %]
         </ul>
 
         <h3>Number Management</h3>
         <ul>
-          <li><a href="/number">Number Blocks</a></li>
-          <li><a href="/lnp">LNP</a></li>
-          <li><a href="/ncos">NCOS</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "number" %]><a href="/number">Number Blocks</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "lnp" %]><a href="/lnp">LNP</a></li>
+          <li [% 'class="active_menu"' IF menu.active == "ncos" %]><a href="/ncos">NCOS</a></li>
         </ul>
       [% END %]