Added search box to google

JAVA-1752

Author: rozza

docs/reference/themes/mongodb/layouts/partials/header/main.html

@@ -11,6 +11,6 @@
       </a>
     </div>
     <!--logo end-->
-    {{ partial "header/topRight.html" }}
+    {{ partial "header/topRight.html" . }}
   </div>
 </header>

docs/reference/themes/mongodb/layouts/partials/header/search.html

@@ -0,0 +1,8 @@
+<div id="search">
+<form method="get" action="//www.google.com/search" target="_blank">
+    <input type="text" name="searchQuery" size="20" value="" autocomplete="off" placeholder="Search docs">
+    <input type="hidden" name="site" value="site:{{.Site.BaseUrl}}">
+    <input type="hidden" name="q" value="">
+    <label for="searchQuery"><i class="fa fa-search fa-1"></i></label>
+</form>
+</div>

docs/reference/themes/mongodb/layouts/partials/header/topRight.html

@@ -5,5 +5,6 @@
   <a href="http://www.mongodb.org/get-involved" data-toggle="tooltip" data-placement="bottom" title="Get involved with MongoDB">Community</a>
   <a href="http://docs.mongodb.org" data-toggle="tooltip" data-placement="bottom" title="The MongoDB Documentation">Docs</a>
   <a href="http://blog.mongodb.org" data-toggle="tooltip" data-placement="bottom" title="The MongoDB Blog">Blog</a>
+  {{ partial "header/search.html" . }}
 </div>
 </div>

docs/reference/themes/mongodb/static/css/overrides.css

@@ -23,8 +23,8 @@
   margin-left: 5px;
 }
 
-.hljsCode pre { padding: 0px; overflow: auto; word-wrap: normal; white-space: nowrap;}
-.hljsCode pre code { padding: 24px 12px; overflow: auto; white-space: pre;}
+.jsEnabled pre { padding: 0px; overflow: auto; word-wrap: normal; white-space: nowrap;}
+.jsEnabled pre code { padding: 24px 12px; overflow: auto; white-space: pre;}
 
 .body blockquote {
   background-color: #edf4e8;
@@ -88,3 +88,30 @@ code {
 a code {
   color: #006cbc;
 }
+
+#search {
+  visibility: hidden;
+  display: inline-block;
+  background-color: rgba(255,255,255,0.3);
+  border-radius: 6px;
+  border: 1px solid #3b2920;
+  font-weight: 300;
+  font-size: 15px;
+  padding: 2px;
+}
+
+#search label {
+  padding-right: 5px;
+}
+
+#search input[name="searchQuery"] {
+  background-color: transparent !important;
+  color: white;
+  border: none;
+  padding: 2px 0 0 4px;
+  outline: none;
+}
+
+.jsEnabled #search {
+  visibility: visible;
+}

docs/reference/themes/mongodb/static/js/scripts.js

@@ -15,7 +15,7 @@ function initializeJS() {
 jQuery(document).ready(function(){
     initializeJS();
     jQuery('[data-toggle="tooltip"]').tooltip();
-    jQuery("body").addClass("hljsCode");
+    jQuery("body").addClass("jsEnabled");
     hljs.initHighlightingOnLoad();
     var linkRegex = new RegExp('/' + window.location.host + '/');
     jQuery('a').not('[href*="mailto:"]').each(function () {
@@ -24,4 +24,7 @@ jQuery(document).ready(function(){
         }
     });
     jQuery('.body table').addClass('table').addClass('table-striped');
+    jQuery("#search form").submit(function() {
+        $('#search input[name="q"]').attr("value", $('#search input[name="searchQuery"]').val() + ' ' + $('#search input[name="site"]').val());
+    });
 });