From cfe2d229993d167a3955a31f668a01636a0c3311 Mon Sep 17 00:00:00 2001
From: Raf Geens <raf@odoo.com>
Date: Tue, 25 Aug 2020 08:33:56 +0000
Subject: [PATCH] [ADD] doc: port the searchbar from user to dev docs

The developer documentation already has a search functionality via Sphinx if
you use the right URL, but it was not exposed in the frontend. This commit ports
 the search bar from the user documentation.

Original commits: 17fc4219bd24e8993fc5ab3c00d9979f87a45e84 (rim) and
52e49eda472963e929ec7b004eae20c514364403 (kts) from
https://github.com/odoo/documentation-user/

closes odoo/odoo#58213

X-original-commit: b38059caf59a3fbd67989d89317cfdc9f3be35a3
Signed-off-by: Richard Mathot (rim) <rim@openerp.com>
---
 doc/_extensions/odoo_ext/static/style.css   | 12 ++++++++++++
 doc/_extensions/odoo_ext/static/style.less  | 14 ++++++++++++++
 doc/_extensions/odoo_ext/sub-menu_list.html | 12 ++++++++++++
 3 files changed, 38 insertions(+)

diff --git a/doc/_extensions/odoo_ext/static/style.css b/doc/_extensions/odoo_ext/static/style.css
index f7e15f8f028..436871ca738 100644
--- a/doc/_extensions/odoo_ext/static/style.css
+++ b/doc/_extensions/odoo_ext/static/style.css
@@ -11772,6 +11772,18 @@ aside {
   background-color: #282F33;
   color: #F2F2F2;
 }
+.o_main_header > .o_sub_nav #o_sub-menu #searchbox {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.o_main_header > .o_sub_nav #o_sub-menu #searchbox > form {
+  display: flex;
+  flex-grow: 1;
+}
+.o_main_header > .o_sub_nav #o_sub-menu #searchbox > form > .form-control {
+  border-radius: 0;
+}
 @media screen and (min-width: 768px) {
   .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb {
     background-color: transparent;
diff --git a/doc/_extensions/odoo_ext/static/style.less b/doc/_extensions/odoo_ext/static/style.less
index 471e777d8ca..0efd8542dcd 100644
--- a/doc/_extensions/odoo_ext/static/style.less
+++ b/doc/_extensions/odoo_ext/static/style.less
@@ -30,6 +30,20 @@
     color: @gray-lighter;
   }
 
+  > .o_sub_nav #o_sub-menu #searchbox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    > form {
+      display: flex;
+      flex-grow: 1;
+      > .form-control {
+        border-radius: 0;
+      }
+    }
+  }
+
   > .o_sub_nav #o_sub-menu .o_breadcrumb {
 
     @media screen and (min-width: @screen-sm-min) {
diff --git a/doc/_extensions/odoo_ext/sub-menu_list.html b/doc/_extensions/odoo_ext/sub-menu_list.html
index 179c57bd455..082cd75c597 100644
--- a/doc/_extensions/odoo_ext/sub-menu_list.html
+++ b/doc/_extensions/odoo_ext/sub-menu_list.html
@@ -6,3 +6,15 @@
 <li><a href="https://odoo.com/slides">eLearning</a></li>
 <li><a href="https://www.odoo.com/page/odoo-white-paper">White Papers</a></li>
 <li><a href="https://www.odoo.com/page/legal">Legal</a></li>
+
+{%- if pagename != "search" and builder != "singlehtml" %}
+<li id="searchbox" style="display: none; margin: 0 0 0 10px;" role="search">
+    <form class="search form-inline input-group-sm" action="{{ pathto('search') }}" method="get">
+        <input type="text" class="form-control" name="q" id="q" placeholder="Search..." />
+        <input type="hidden" name="area" value="default" />
+        <input type="hidden" name="check_keywords" value="yes" />
+        <button type="submit" value="Go" class="btn btn-default btn-sm">Go</button>
+    </form>
+</li>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+{%- endif %}
\ No newline at end of file