show search box in app mode (except for offline)

3 files changed, 16 insertions, 0 deletions

diff --git a/css/index.css b/css/index.css
index 66792cf..3eae557 100644
--- a/css/index.css
+++ b/css/index.css
@@ -3,6 +3,10 @@
  	flex-wrap: wrap;
 }
 
+.separate-search {
+	padding : 8px;
+}
+
 .row > div {
 	padding-top : 10px;
 }
diff --git a/index.php b/index.php
index cd36791..02f1cea 100644
--- a/index.php
+++ b/index.php
@@ -200,6 +200,17 @@
 
 <div class="container container-main">
 
+<form class="form-inline separate-search" style="display : none">
+    <div class="input-group">
+        <input type="text" name="query" class="form-control" placeholder="Search for..."
+               value="<?php echo htmlspecialchars($query) ?>">
+        <input type="hidden" name="mode" value="<?php echo $mode ?>">
+        <span class="input-group-btn">
+                <button type="submit" class="btn btn-default">Go</button>
+        </span>
+    </div>
+</form>
+
 <div class="modal fade" id="summary-modal" tabindex="-1" role="dialog">
   <div class="modal-dialog" role="document">
     <div class="modal-content">
diff --git a/js/app.js b/js/app.js
index 33333e8..1816095 100644
--- a/js/app.js
+++ b/js/app.js
@@ -44,6 +44,7 @@ const App = {
         if (typeof EpubeApp != "undefined") {

             $(".navbar").hide();

             $(".epube-app-filler").show();

+            $(".separate-search").show();

 

             if ($.urlParam("mode") == "favorites")

                 EpubeApp.setPage("PAGE_FAVORITES");