MattTheTekie/trumptracker.github.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Global search changes

Browse source
This commit is contained in:
Matt Sandy 2016-11-13 22:58:17 -06:00
commit c1d75d5415
2 changed files with 24 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

18
_layouts/page.html
View file

@ -96,18 +96,16 @@
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><b>Trump Tracker</b></a>
<div class="input-group search">
<div class="input-group-addon"><span>Search </span></div>
<input type="text" placeholder="keyword" class="form-control" id="search-field">
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<form class="navbar-form navbar-right" action="https://viren8.typeform.com/to/CA1RiV" method="get">
<button type="submit" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Will need sources!">Submit a new policy</button>
</form>
<form class="navbar-form navbar-left" target="_self">
<div class="form-group">
<label class="control-label" for="search-field"><i class="glyphicon glyphicon-search"></i></label>
<input class="form-control search-field" type="search" name="search" id="search-field" placeholder="Keyword" />
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="/about">About Us</a></li>
</ul>
@ -166,6 +164,7 @@
$("#search-field").keyup(function () {
$("#search-results").html("");
if($("#search-field").val()!="") {
var search = $("#search-field").val().toLowerCase();
//show the results div
$("div.row.search-results").show();
//loop through each tab panel (easier to grab heading info)
@ -174,7 +173,7 @@
var display_section = true;
var display_heading = true
$(this).find("tbody td").each(function () {
if ($(this).text().toLowerCase().indexOf($("#search-field").val()) != -1) {
if ($(this).text().toLowerCase().indexOf(search) != -1) {
if(display_section) {
//appends section to search results
$("#search-results").append('<li class="list-group-item active"><span>' +
@ -191,13 +190,16 @@
}
$("#search-results").append('<li class="list-group-item"><span>' + $(this).text() + '</span></li>')
}
}, display_section, display_heading, panel_id);
});
});
} else {
//fixes spacing caused by empty elements
$("div.row.search-results").hide();
}
});
$("form.search").submit(function(e){
e.preventDefault();
});
var oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
var todayDate = Date.now();

14
css/styles.sass
View file

@ -1,2 +1,16 @@
---
---
// begin
.navbar-form
border: none
.navbar-header .search
width: 250px
margin-top: 8px
@media screen and (max-width: 500px)
.navbar-header .search
margin-top: 8px
width: 100%
padding: 1em