From acde618a721abc361556f2b67b797b8206d05cba Mon Sep 17 00:00:00 2001
From: Oliver Gorwits <oliver@cpan.org>
Date: Fri, 3 Feb 2012 16:02:45 +0000
Subject: [PATCH] add navbar search icon

---
 Netdisco/public/css/netdisco.css        | 5 +++++
 Netdisco/public/javascripts/netdisco.js | 5 +++++
 Netdisco/views/layouts/main.tt          | 1 +
 3 files changed, 11 insertions(+)

diff --git a/Netdisco/public/css/netdisco.css b/Netdisco/public/css/netdisco.css
index 37eb9720..b5583a34 100644
--- a/Netdisco/public/css/netdisco.css
+++ b/Netdisco/public/css/netdisco.css
@@ -5,6 +5,11 @@ body {
   padding-top: 50px;
 }
 
+.navbar_icon {
+  vertical-align: middle;
+  cursor: pointer;
+}
+
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 /* various styles to adjust the hero box used for homepage + login */
 
diff --git a/Netdisco/public/javascripts/netdisco.js b/Netdisco/public/javascripts/netdisco.js
index 9e335209..c2819084 100644
--- a/Netdisco/public/javascripts/netdisco.js
+++ b/Netdisco/public/javascripts/netdisco.js
@@ -124,6 +124,11 @@ $(document).ready(function() {
   // activate tooltips
   $("[rel=twipsy]").twipsy({live: true});
 
+  // bind submission to the navbar go icon
+  $('#navsearchgo').click(function() {
+    $('#navsearchgo').parent('form').submit();
+  });
+
   // fix green background on search checkboxes
   // https://github.com/twitter/bootstrap/issues/742
   syncCheckBox = function() {
diff --git a/Netdisco/views/layouts/main.tt b/Netdisco/views/layouts/main.tt
index 855c3eee..8cbe72b3 100644
--- a/Netdisco/views/layouts/main.tt
+++ b/Netdisco/views/layouts/main.tt
@@ -59,6 +59,7 @@
       </ul>
       <form method="get" action="[% uri_for('/search') %]">
         <input placeholder="Find Anything" class="span5" id="nq" name="q" type="text"/>
+        <img id="navsearchgo" class="navbar_icon" src="[% uri_base %]/images/crystalclear_mag.png"/>
       </form>
       <ul class="nav secondary-nav">
         <li class="menu">