Skip to content

Instantly share code, notes, and snippets.

@Hullgj

Hullgj/class-search-engine.markdown

Created August 18, 2018 11:18
Show Gist options
  • Save Hullgj/14a0896dcf9186fde74d22691f61b244 to your computer and use it in GitHub Desktop.
Save Hullgj/14a0896dcf9186fde74d22691f61b244 to your computer and use it in GitHub Desktop.
Download ZIP
class search engine
Raw
index.html
<form>
<div class="row">
<div class="medium-6 columns">
<label>Search
<input id="searchText" type="text" placeholder="search">
</label>
<label>Search by:
<select id="searchField">
<option value="class">Class</option>
<option value="location">Location</option>
<option value="day">Day</option>
</select>
</label>
<div class="button-group">
<label>Sort by:</label>
<a class="button sort" data-filter="class">Class</a>
<a class="button sort" data-filter="location">Location</a>
<a class="button sort" data-filter="day">Day</a>
</div>
</div>
</div>
<!-- <div class="row">
<div class="medium-6 columns">
<button id="search" type="button" class="button expanded">Search</button>
</div>
</div> -->
</form>
<script id="results" type="text/x-handlebars-template">
{{#each this}}
<div class="row sort-item" data-name="{{name}}" data-city="{{city}}">
<div class="small-12 columns">
<h1>{{location}}</h1>
<h2>Class: {{class}}</h2>
<h3>{{day}}: {{start}} - {{end}}</h3>
<hr />
</div>
</div>
{{/each}}
</script>
<div class="row">
<div id="output"></div>
</div>
Raw
script.js
var data = [
{
"start": "2:00 PM",
"end": "2:45 PM",
"class": "Tiny & Pre-School Fusion; Ballet:Tap:Modern 2.5 - 4 yrs ",
"location": "Chase Meadow Community Centre",
"day": "Monday "
},
{
"start": "4:15 PM",
"end": "5:15 PM",
"class": "Grade 3 Ballet",
"location": "Polish Centre Miss Fiona",
"day": "Monday "
},
{
"start": "5:15 PM",
"end": "6:15 PM",
"class": "Grade 4 Modern Jazz ",
"location": "Polish Centre Miss Fiona",
"day": "Monday "
},
{
"start": "6:15 PM",
"end": "7:15 PM",
"class": "Grade 5 Modern Jazz ",
"location": "Polish Centre Miss Fiona",
"day": "Monday "
},
{
"start": "7:15 PM",
"end": "8:15 PM",
"class": "Intermediate Modern Jazz ",
"location": "Polish Centre Miss Fiona",
"day": "Monday "
},
{
"start": "8:15 PM",
"end": "9:15 PM",
"class": "Adult Ballet for Fun £7 PAYGo",
"location": "Polish Centre Miss Fiona",
"day": "Monday "
},
{
"start": "1:30 PM",
"end": "2:00 PM",
"class": "Baby Ballet (ages 2-3)",
"location": "Polish Centre Miss Ashleigh",
"day": "Monday"
},
{
"start": "2:00 PM",
"end": "2:15 PM",
"class": "Baby & Pre-School Tap (ages 2-4)",
"location": "Polish Centre Miss Ashleigh",
"day": "Monday"
},
{
"start": "2:15 PM",
"end": "2:45 PM",
"class": "Pre-School Ballet (ages 3-4)",
"location": "Polish Centre Miss Ashleigh",
"day": "Monday"
},
{
"start": "4:00 PM",
"end": "4:30 PM",
"class": "Reception Tap & Ballet",
"location": "Polish Centre Miss Julia",
"day": "Monday "
},
{
"start": "4:30 PM",
"end": "5:00 PM",
"class": "Pre-Primary Ballet",
"location": "Polish Centre Miss Julia",
"day": "Monday "
},
{
"start": "5:00 PM",
"end": "5:30 PM",
"class": "Prep Tap",
"location": "Polish Centre Miss Julia",
"day": "Monday "
},
{
"start": "5:30 PM",
"end": "6:15 PM",
"class": "Grade 3 Modern Jazz with Miss Belinda",
"location": "Polish Centre Miss Julia",
"day": "Monday "
},
{
"start": "5:15 PM",
"end": "6:15 PM",
"class": "Grade 5 Ballet ",
"location": "Lillington Community Centre ",
"day": "Monday "
},
{
"start": "6:15 PM",
"end": "6:45 PM",
"class": "Beginner Pointe",
"location": "Lillington Community Centre ",
"day": "Monday "
},
{
"start": "6:45 PM",
"end": "7:45 PM",
"class": "Grade 4 Ballet with Victoria Marr",
"location": "Lillington Community Centre ",
"day": "Monday "
},
{
"start": "7:45 PM",
"end": "8:45 PM",
"class": "Adult Ballet with Victoria £7 ",
"location": "Lillington Community Centre ",
"day": "Monday "
},
{
"start": "8:45 PM",
"end": "9:15 PM",
"class": "SleekTechnique with Victoria £5",
"location": "Lillington Community Centre ",
"day": "Monday "
},
{
"start": "4:00 PM",
"end": "4:45 PM",
"class": "Grade 2 Ballet ",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "4:15 PM",
"end": "5:15 PM",
"class": "Grade 4 Ballet",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "4:45 PM",
"end": "5:15 PM",
"class": "Grade 1 Tap ",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "5:15 PM",
"end": "6:30 PM",
"class": "Inter Foundation 3 Ballet Exam ",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "5:15 PM",
"end": "6:30 PM",
"class": "Inter Foundation 2 Ballet ",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "6:30 PM",
"end": "7:30 PM",
"class": "Inter Foundation 1 Ballet Beginners",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "6:30 PM",
"end": "7:30 PM",
"class": "Grade 5 Ballet ",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "7:30 PM",
"end": "8:45 PM",
"class": "Inter Ballet Beginners",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "7:30 PM",
"end": "8:15 PM",
"class": "Advanced 2 Tap",
"location": "Polish Centre",
"day": "Tuesday "
},
{
"start": "5:30 PM",
"end": "6:30 PM",
"class": "Grade 7 Ballet",
"location": "Lillington Centre Miss Fiona",
"day": "Tuesday "
},
{
"start": "6:30 PM",
"end": "7:00 PM",
"class": "Pointe work level 2 (Inter)",
"location": "Lillington Centre Miss Fiona",
"day": "Tuesday "
},
{
"start": "7:00 PM",
"end": "7:30 PM",
"class": "Pointe work level 3 (Advanced)",
"location": "Lillington Centre Miss Fiona",
"day": "Tuesday "
},
{
"start": "7:30 PM",
"end": "8:30 PM",
"class": "Grade 8 Ballet",
"location": "Lillington Centre Miss Fiona",
"day": "Tuesday "
},
{
"start": "8:30 PM",
"end": "9:00 PM",
"class": "Grade 8 exam coaching",
"location": "Lillington Centre Miss Fiona",
"day": "Tuesday "
},
{
"start": "11:00 AM",
"end": "12:00 PM",
"class": "Beginner Adult Tap ",
"location": "Polish Centre with Miss Katherine",
"day": "Wednesday "
},
{
"start": "6:30 PM",
"end": "7:30 PM",
"class": "Jnr Contemporary up to 12yrs",
"location": "Polish Centre with Miss Faye",
"day": "Wednesday "
},
{
"start": "7:30 PM",
"end": "8:30 PM",
"class": "Senior Contemporary 13+",
"location": "Polish Centre with Miss Faye",
"day": "Wednesday "
},
{
"start": "1:30 PM",
"end": "2:00 PM",
"class": "Baby Ballet (ages 2-3)",
"location": "Polish Centre with Miss Hannah",
"day": "Wednesday "
},
{
"start": "2:00 PM",
"end": "2:15 PM",
"class": "Baby & Pre-School Tap (ages 2-4)",
"location": "Polish Centre with Miss Hannah",
"day": "Wednesday "
},
{
"start": "2:15 PM",
"end": "2:45 PM",
"class": "Pre-School Ballet (ages 3-4)",
"location": "Polish Centre with Miss Hannah",
"day": "Wednesday "
},
{
"start": "3:45 PM",
"end": "4:15 PM",
"class": "Primary Ballet (downstairs)",
"location": "Polish Centre with Miss Hannah",
"day": "Wednesday "
},
{
"start": "4:15 AM",
"end": "4:45 PM",
"class": "Preparatory Tap (downstairs)",
"location": "Polish Centre with Miss Hannah",
"day": "Wednesday "
},
{
"start": "4:45 PM",
"end": "5:30 PM",
"class": "Grade 2 Ballet (downstairs)",
"location": "Polish Centre with Miss Hannah",
"day": "Wednesday "
},
{
"start": "3:45 PM",
"end": "4:15 PM",
"class": "Pre-Primary Ballet",
"location": "Polish Centre with Miss Julia",
"day": "Wednesday "
},
{
"start": "4:15 PM",
"end": "4:45 PM",
"class": "Primary Tap",
"location": "Polish Centre with Miss Julia",
"day": "Wednesday "
},
{
"start": "4:45 PM",
"end": "5:30 PM",
"class": "Primary Ballet Exam",
"location": "Polish Centre with Miss Julia",
"day": "Wednesday "
},
{
"start": "5:30 PM",
"end": "6:00 PM",
"class": "Grade 2 & 3 Tap Julia",
"location": "Polish Centre with Miss Julia",
"day": "Wednesday "
},
{
"start": "6:00 PM",
"end": "6:30 PM",
"class": "Grade 1 Modern Jazz (7 to 10)",
"location": "Polish Centre with Miss Julia",
"day": "Wednesday "
},
{
"start": "6:30 PM",
"end": "7:15 PM",
"class": "Grade 4 Tap with Miss Fiona",
"location": "Polish Centre with Miss Julia",
"day": "Wednesday "
},
{
"start": "4:00 PM",
"end": "4:30 PM",
"class": "Primary Tap",
"location": "Lillington Community Centre",
"day": "Wednesday "
},
{
"start": "4:30 PM",
"end": "5:00 PM",
"class": "Primary Ballet ",
"location": "Lillington Community Centre",
"day": "Wednesday "
},
{
"start": "5:00 PM",
"end": "5:30 PM",
"class": "Grade 1 Tap",
"location": "Lillington Community Centre",
"day": "Wednesday "
},
{
"start": "5:30 PM",
"end": "6:15 PM",
"class": "Grade 1 Ballet with Miss Viv",
"location": "Lillington Community Centre",
"day": "Wednesday "
},
{
"start": "6:15 PM",
"end": "7:15 PM",
"class": "Advanced 1 Tap ",
"location": "Lillington Community Centre",
"day": "Wednesday "
},
{
"start": "7:15 PM",
"end": "8:15 PM",
"class": "Grade 7 Ballet",
"location": "Lillington Community Centre",
"day": "Wednesday "
},
{
"start": "8:15 PM",
"end": "9:00 PM",
"class": "Adult Advanced Tap",
"location": "Lillington Community Centre",
"day": "Wednesday "
},
{
"start": "7:30 PM",
"end": "8:30 PM",
"class": "Grade 8 Ballet New",
"location": "Polish centre Miss Fiona",
"day": "Wednesday"
},
{
"start": "8:30 PM",
"end": "9:45 PM",
"class": "Advanced 1 Ballet",
"location": "Polish centre Miss Fiona",
"day": "Wednesday"
},
{
"start": "3:45 PM",
"end": "4:00 PM",
"class": "Prep Tap",
"location": "Polish Centre Miss Viv",
"day": "Thursday "
},
{
"start": "4:00 PM",
"end": "4:30 PM",
"class": "Reception Ballet",
"location": "Polish Centre Miss Viv",
"day": "Thursday "
},
{
"start": "4:30 PM",
"end": "5:15 PM",
"class": "Grade 4/5Tap",
"location": "Polish Centre Miss Viv",
"day": "Thursday "
},
{
"start": "5:15 PM",
"end": "6:15 PM",
"class": "Intermediate Tap",
"location": "Polish Centre Miss Viv",
"day": "Thursday "
},
{
"start": "6:15 PM",
"end": "7:15 PM",
"class": "Advanced 1 Tap ",
"location": "Polish Centre Miss Viv",
"day": "Thursday "
},
{
"start": "7:15 PM",
"end": "8:00 PM",
"class": "Pre-Associate part 1 Tap",
"location": "Polish Centre Miss Viv",
"day": "Thursday "
},
{
"start": "7:45 PM",
"end": "8:30 PM",
"class": "Beginner Adult Tap (Julia)",
"location": "Polish Centre Miss Viv",
"day": "Thursday "
},
{
"start": "8:00 PM",
"end": "9:00 PM",
"class": "Adult Ballet",
"location": "Polish Centre Miss Viv",
"day": "Thursday "
},
{
"start": "4:00 PM",
"end": "4:30 PM",
"class": "Reception Dance (tap & ballet)",
"location": "Chase Meadow Centre Miss Julia",
"day": "Thursday "
},
{
"start": "4:30 PM",
"end": "5:00 PM",
"class": "Pre-Primary Ballet",
"location": "Chase Meadow Centre Miss Julia",
"day": "Thursday "
},
{
"start": "5:00 PM",
"end": "5:30 PM",
"class": "Prep Tap",
"location": "Chase Meadow Centre Miss Julia",
"day": "Thursday "
},
{
"start": "5:30 PM",
"end": "6:00 PM",
"class": "Primary Ballet",
"location": "Chase Meadow Centre Miss Julia",
"day": "Thursday "
},
{
"start": "6:00 PM",
"end": "6:30 PM",
"class": "Theatre Craft ages 6+ ",
"location": "Chase Meadow Centre Miss Julia",
"day": "Thursday "
},
{
"start": "6:30 PM",
"end": "7:00 PM",
"class": "Grade 2 Tap",
"location": "Chase Meadow Centre Miss Julia",
"day": "Thursday "
},
{
"start": "7:00 PM",
"end": "7:30 PM",
"class": "Senior Street age 10+",
"location": "Chase Meadow Centre Miss Julia",
"day": "Thursday "
},
{
"start": "5:00 PM",
"end": "5:45 PM",
"class": "Junior Modern ages 7-11",
"location": "Graham Adams Centre Miss Fiona",
"day": "Thursday "
},
{
"start": "5:45 PM",
"end": "6:30 PM",
"class": "Senior Modern ages 12+",
"location": "Graham Adams Centre Miss Fiona",
"day": "Thursday "
},
{
"start": "6:30 PM",
"end": "7:30 PM",
"class": "Grade 7 Ballet",
"location": "Graham Adams Centre Miss Fiona",
"day": "Thursday "
},
{
"start": "7:30 PM",
"end": "8:15 PM",
"class": "Grade 5 Tap",
"location": "Graham Adams Centre Miss Fiona",
"day": "Thursday "
},
{
"start": "4:00 PM",
"end": "4:30 PM",
"class": "Grade 1 Tap (Miss Julia)",
"location": "Polish Centre with Miss Fiona",
"day": "Friday "
},
{
"start": "4:30 PM",
"end": "5:15 PM",
"class": "Grade 1 Ballet Exam (Miss Julia)",
"location": "Polish Centre with Miss Fiona",
"day": "Friday "
},
{
"start": "4:45 PM",
"end": "5:15 PM",
"class": "Grade 3 Tap",
"location": "Polish Centre with Miss Fiona",
"day": "Friday "
},
{
"start": "5:15 PM",
"end": "6:00 PM",
"class": "Grade 2 Modern Jazz",
"location": "Polish Centre with Miss Fiona",
"day": "Friday "
},
{
"start": "6:00 PM",
"end": "6:30 PM",
"class": "Grade 2 Tap",
"location": "Polish Centre with Miss Fiona",
"day": "Friday "
},
{
"start": "6:30 PM",
"end": "7:30 PM",
"class": "Grade 3 Ballet",
"location": "Polish Centre with Miss Fiona",
"day": "Friday "
},
{
"start": "7:30 PM",
"end": "8:30 PM",
"class": "Private Lesson",
"location": "Polish Centre with Miss Fiona",
"day": "Friday "
},
{
"start": "8:45 AM",
"end": "9:30 AM",
"class": "Grade 4 Tap ",
"location": "Polish Centre with Miss Hannah",
"day": "Saturday "
},
{
"start": "9:30 AM",
"end": "10:30 AM",
"class": "Grade 5 Ballet class 1",
"location": "Polish Centre with Miss Hannah",
"day": "Saturday "
},
{
"start": "10:30 AM",
"end": "11:15 AM",
"class": "Grade 5 Tap Upstairs",
"location": "Polish Centre with Miss Hannah",
"day": "Saturday "
},
{
"start": "10:30 AM",
"end": "11:30 AM",
"class": "Grade 5 Ballet class 2",
"location": "Polish Centre with Miss Hannah",
"day": "Saturday "
},
{
"start": "11:30 AM",
"end": "12:30 PM",
"class": "Grade 6 Ballet ",
"location": "Polish Centre with Miss Hannah",
"day": "Saturday "
},
{
"start": "12:30 PM",
"end": "1:45 PM",
"class": "Intermediate Ballet ",
"location": "Polish Centre with Miss Hannah",
"day": "Saturday "
},
{
"start": "2:15 PM",
"end": "3:30 PM",
"class": "Advanced Fdt Ballet ",
"location": "Polish Centre with Miss Hannah",
"day": "Saturday "
},
{
"start": "3:30 PM",
"end": "5:30 PM",
"class": "Synergy Dance Company",
"location": "Polish Centre with Miss Hannah",
"day": "Saturday "
},
{
"start": "8:45 AM",
"end": "9:30 AM",
"class": "Reception Fusion(age 4-5) ",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "9:30 AM",
"end": "10:00 AM",
"class": "Pre-Primary Ballet ",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "10:00 AM",
"end": "10:30 AM",
"class": "Prep Modern",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "10:30 AM",
"end": "10:45 AM",
"class": "Prep Tap ",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "10:45 AM",
"end": "11:15 AM",
"class": "Primary Modern",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "11:15 AM",
"end": "11:45 AM",
"class": "Primary Ballet",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "11:45 AM",
"end": "12:15 PM",
"class": "Primary Tap",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "12:15 PM",
"end": "12:45 PM",
"class": "Grade 1 Modern",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "12:45 PM",
"end": "1:15 PM",
"class": "G1 Tap",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "1:15 PM",
"end": "2:00 PM",
"class": "Grade 2 Ballet",
"location": "Chase Meadow Centre with Miss Fiona",
"day": "Saturday "
},
{
"start": "9:00 AM",
"end": "9:30 AM",
"class": "Pre-School Ballet (ages 3-4)",
"location": "Warwick Gates Centre with Miss Belinda",
"day": "Saturday "
},
{
"start": "9:30 AM",
"end": "10:00 AM",
"class": "Reception Ballet",
"location": "Warwick Gates Centre with Miss Belinda",
"day": "Saturday "
},
{
"start": "10:00 AM",
"end": "10:30 AM",
"class": "Pre-Primary",
"location": "Warwick Gates Centre with Miss Belinda",
"day": "Saturday "
},
{
"start": "10:30 AM",
"end": "11:15 AM",
"class": "Primary Ballet",
"location": "Warwick Gates Centre with Miss Belinda",
"day": "Saturday "
},
{
"start": "11:15 AM",
"end": "12:00 PM",
"class": "Grade 1 Ballet ",
"location": "Warwick Gates Centre with Miss Belinda",
"day": "Saturday "
},
{
"start": "12:00 PM",
"end": "12:45 PM",
"class": "Grade 2 Ballet ",
"location": "Warwick Gates Centre with Miss Belinda",
"day": "Saturday "
},
{
"start": "9:00 AM",
"end": "9:30 AM",
"class": "Grade 1 Tap",
"location": "St Margaret's Whitnash with Miss Sarah",
"day": "Saturday"
},
{
"start": "9:30 AM",
"end": "10:00 AM",
"class": "Primary Ballet",
"location": "St Margaret's Whitnash with Miss Sarah",
"day": "Saturday"
},
{
"start": "10:00 AM",
"end": "10:45 AM",
"class": "G2 Ballet New",
"location": "St Margaret's Whitnash with Miss Sarah",
"day": "Saturday"
},
{
"start": "10:45 AM",
"end": "11:15 AM",
"class": "Grade 2 Tap ",
"location": "St Margaret's Whitnash with Miss Sarah",
"day": "Saturday"
},
{
"start": "11:15 AM",
"end": "12:00 PM",
"class": "G2 Ballet ",
"location": "St Margaret's Whitnash with Miss Sarah",
"day": "Saturday"
},
{
"start": "12:00 PM",
"end": "12:30 PM",
"class": "Grade 3 Tap new",
"location": "St Margaret's Whitnash with Miss Sarah",
"day": "Saturday"
},
{
"start": "12:30 PM",
"end": "1:30 PM",
"class": "Grade 3 Ballet",
"location": "St Margaret's Whitnash with Miss Sarah",
"day": "Saturday"
},
{
"start": "1:30 PM",
"end": "2:00 PM",
"class": "Grade 3 Ballet coaching",
"location": "St Margaret's Whitnash with Miss Sarah",
"day": "Saturday"
},
{
"start": "9:00 AM",
"end": "9:30 AM",
"class": "Beginners ballet ages 3 to 5",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
},
{
"start": "9:30 AM",
"end": "9:45 AM",
"class": "Beginners tap ages 3 to 5",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
},
{
"start": "9:45 AM",
"end": "10:15 AM",
"class": "Pre-Primary Ballet (Spring exam)",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
},
{
"start": "10:15 AM",
"end": "10:45 AM",
"class": " Prep Tap",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
},
{
"start": "10:45 AM",
"end": "11:15 AM",
"class": "G1 Ballet ",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
},
{
"start": "11:15 AM",
"end": "11:45 AM",
"class": "Primary Tap",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
},
{
"start": "11:45 AM",
"end": "12:30 PM",
"class": "Grade 2 Ballet",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
},
{
"start": "12:30 PM",
"end": "1:00 PM",
"class": "G1 Tap",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
},
{
"start": "1:00 PM",
"end": "1:30 PM",
"class": "Beginner Adult Tap",
"location": "Southam Graham Adams with Miss Julia",
"day": "Saturday "
}
];
var logTime = {};
function searchEngine(searchString, searchKey, searchData) {
logTime.start = Date.now();
var result = [];
$.each(searchData, function(i, item) {
console.log(this[searchKey].toLowerCase()+" "+searchString);
if (this[searchKey].toLowerCase().indexOf(searchString) > -1) {
result.push(item);
}
});
//isotopeInit();
return result;
};
var source = $("#results").html();
var template = Handlebars.compile(source);
$("#searchText, #searchField").on("change paste keyup", function() {
var searchText = $("#searchText").val().toLowerCase();
var searchField = $("#searchField").val();
console.log(searchField+" "+searchText);
//console.log(searchEngine(searchText,'name',data));
var searchResult = searchEngine(searchText, searchField, data)
var html = template(searchResult);
$("#output").html(html);
var execTime = Date.now() - logTime.start;
logTime.start = 0;
$("#output").prepend("Search took " + execTime + "ms and returned " + searchResult.length + " result. </ br> No. of records " + data.length);
});
// $(".sort").click(function(){
// var sort = $(this).data("sort");
// tinysort("#output>.row",{
// data: $(this).data("sort")
// }).forEach(function(i){
// console.log(i);
// console.log(this);
// });
// });
var $results = $('#output').isotope({
itemSelector: '.sort-item'
});
$('button.sort').click(function() {
var filterValue = $(this).data(filter);
$results.isotope({
filter: filterValue
});
});
Raw
scripts
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.0/foundation.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.0/handlebars.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.2/isotope.pkgd.min.js"></script>
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.0/foundation.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment