From 1899f701ec8080eb752fd6557f0fbd66962857b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lucas?= <sebastien@slucas.fr>
Date: Sat, 31 May 2014 14:35:31 +0200
Subject: [PATCH] Add the typeahead search with basic styling. re #79

---
 templates/bootstrap/file.html   | 29 +++++++++++++++++++++++++++++
 templates/bootstrap/header.html |  8 +++++++-
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/templates/bootstrap/file.html b/templates/bootstrap/file.html
index 73cea2d..ed2d2c7 100644
--- a/templates/bootstrap/file.html
+++ b/templates/bootstrap/file.html
@@ -55,6 +55,35 @@
 
     .panel-heading { padding: 10px 7px; }
 
+    .tt-dropdown-menu {
+      width: 322px;
+      text-align: left;
+      margin-top: 6px;
+      /*color: #000066;*/
+      padding: 4px 0;
+      background-color: #fff;
+      border: 1px solid #DDD;
+    }
+
+    .tt-header {
+        border-bottom: 1px solid #DDD;
+        font-weight: bold;
+    }
+
+    .tt-suggestion {
+      padding: 3px 20px;
+      line-height: 14px;
+    }
+
+    .tt-suggestion.tt-cursor {
+      /*color: #1c1c1c;*/
+      background-color: #EEE;
+    }
+
+    .tt-suggestion p {
+      margin: 0;
+    }
+
     </style>
 
 {{? it.server_side_rendering == 0}}
diff --git a/templates/bootstrap/header.html b/templates/bootstrap/header.html
index ea305ff..11739ff 100644
--- a/templates/bootstrap/header.html
+++ b/templates/bootstrap/header.html
@@ -7,9 +7,15 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="{{=it.homeurl}}">{{=it.title}}</a>
+      <a class="navbar-brand" href="#">{{=it.title}}</a>
     </div>
     <div class="collapse navbar-collapse">
+      <form id="searchForm" class="navbar-form navbar-left" role="search">
+        <div class="form-group">
+          <input type="text" class="form-control" placeholder="Search" name="query">
+        </div>
+        <button type="submit" class="btn btn-default">Submit</button>
+      </form>
       <ul class="nav navbar-nav navbar-right">
         <li><a href="{{=it.homeurl}}" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="{{=it.c.i18n.homeAlt}}">
           <span class="glyphicon glyphicon-home"></span><span class="visible-xs"> {{=it.c.i18n.homeAlt}}</span>