From 5bc55f9fa2fd6af9142df644bf82e830b56f9ce4 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Tue, 19 Jan 2016 12:37:52 -0500
Subject: [PATCH] Add js for mako based masthead

---
 templates/webapps/tool_shed/base_panels.mako | 22 ++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/templates/webapps/tool_shed/base_panels.mako b/templates/webapps/tool_shed/base_panels.mako
index 48149204112..8bfcde8b403 100644
--- a/templates/webapps/tool_shed/base_panels.mako
+++ b/templates/webapps/tool_shed/base_panels.mako
@@ -5,6 +5,28 @@
 
 <%def name="javascripts()">
     ${parent.javascripts()}
+    <script type="text/javascript">
+        $(document).ready( function() {
+
+            // Masthead dropdown menus
+            var $dropdowns = $("#masthead ul.nav > li.dropdown > .dropdown-menu");
+            $("body").on( "click.nav_popups", function( e ) {
+                $dropdowns.hide();
+                $("#dd-helper").hide();
+                // If the target is in the menu, treat normally
+                if ( $(e.target).closest( "#masthead ul.nav > li.dropdown > .dropdown-menu" ).length ) {
+                    return;
+                }
+                // Otherwise, was the click in a tab
+                var $clicked = $(e.target).closest( "#masthead ul.nav > li.dropdown" );
+                if ( $clicked.length ) {
+                    $("#dd-helper").show();
+                    $clicked.children( ".dropdown-menu" ).show();
+                    e.preventDefault();
+                }
+            });
+        });
+    </script>
 </%def>
 
 ## Masthead