diff options
| author |   Max Magorsch <arzano@gentoo.org> | 2020-03-04 23:21:25 +0100 |
|---|---|---|
| committer | Max Magorsch <arzano@gentoo.org> | 2020-03-04 23:21:25 +0100 |
| commit | 6063f563294f591562bc8adc8bf90811fe438e51 (patch) | |
| tree | 06b7f3cebe3a4a84c9fdd84b758bee009787b436 /tyrian-search.html.erb | |
| parent | Adjust the appearance to match the old planet (diff) | |
| download | planet-tyrian-6063f563294f591562bc8adc8bf90811fe438e51.tar.gz planet-tyrian-6063f563294f591562bc8adc8bf90811fe438e51.tar.bz2 planet-tyrian-6063f563294f591562bc8adc8bf90811fe438e51.zip | |
Add a search functionality
Signed-off-by: Max Magorsch <arzano@gentoo.org>
Diffstat (limited to 'tyrian-search.html.erb')
| -rw-r--r-- | tyrian-search.html.erb | 54 |
1 files changed, 20 insertions, 34 deletions
diff --git a/tyrian-search.html.erb b/tyrian-search.html.erb index dc120de..f1d963a 100644 --- a/tyrian-search.html.erb +++ b/tyrian-search.html.erb @@ -107,7 +107,7 @@ <div class="container"> - <div class="row"> + <div class="row mb-5"> <div id="content" class="col-md-9"> @@ -117,50 +117,34 @@ <small> please select a date range to view the articles that have been published in that time </small></h1> </div> - <div class="row"> - <div class="col-sm-3"></div> - <div class="col-sm-6"> - <div class="input-daterange input-group" id="datepicker"> - <input id="start" type="text" class="input-sm form-control" name="start" placeholder="start date"/> - <span class="input-group-addon">to</span> - <input id="end" type="text" class="input-sm form-control" name="end" placeholder="end date"/> + <form class="form-inline inlinesearch mr-2" role="search" action="search.html" method="get"> + <div class="row w-100"> + <div class="col-sm-12 mb-2"> + <input type="text" class="input-sm form-control w-100 px-3" name="q" placeholder="quick search"/> </div> + <div class="col-sm-12"> - </div> - <div class="col-sm-3"></div> - </div> - <div class="row"> - <div class="col-sm-12"> - <!-- Split button --> - <div class="btn-group pull-right"> - <button type="button" onclick="updateArchive(true);" class="btn btn-primary">Search in Planet</button> - <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> - <span class="caret"></span> - <span class="sr-only">Toggle Dropdown</span> - </button> - <ul class="dropdown-menu"> - <li><a onclick="updateArchive(false);" style="cursor: pointer;">Search in Universe</a></li> - </ul> - </div> + <button type="button" type="submit" class="pull-right btn btn-primary">Search</button> + </div> </div> - </div> - + </form> <hr style="margin-top:30px;margin-bottom:30px;"/> - <div id="greeter"> - <div class="row"> - <div class="col-sm-12"> - <!-- TODO(arzano) add a placeholder here --> - </div> + <div class="row"> + <div id="spinner" class="col-sm-12 text-center"> + <i class="fa fa-spinner fa-pulse fa-5x fa-fw" style="color:#3E355A;"></i> </div> - </div> + <div class="col-sm-12"> + <ul id="articles"> - <div id="articles"> - <!-- Selected articles will be displayed here --> + </ul> + </div> </div> + + <div id="spinner" class="d-none"> <div class="row" style="margin-top:100px;"> @@ -238,6 +222,8 @@ <script src="tyrian/popper.min.js"></script> <script src="tyrian/bootstrap.min.js"></script> <script src="tyrian/components/bootstrap-datepicker.min.js"></script> +<script src="tyrian/components/lunr.min.js"></script> +<script src="tyrian/planet-search.js"></script> </body> </html> |