f.gb KOjs

by Mark Carpenter Jr

HTML

<form>
<input id="search" placeholder="Search. . . " type="text" class="validate" data-bind="value: query, valueUpdate: 'keyup'" autocomplete="off" />
</form>

  <div id="searchResults" data-bind="visible: searchResults().length > 0">
  <li data-bind="foreach: search">
  <span data-bind="text: name"></span>
  <p data-bind="text: venue_id"></p>
  </li>

  https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js

JavaScript

function model() {

  var self = this;

  //Hardcoded list of locations
  self.defLocations = [{
    name: "1900' Burger",
    lat: 42.9672693,
    lng: -72.8964758,
    icon: "img/glyphs/33/beer.png",
    venue_id: "4d31dc00ceb62d4367ece961",
    business_id: null,
  }, {
    name: "Cuzzins Bar and Grill",
    lat: 42.9675362,
    lng: -72.8966528,
    icon: "img/glyphs/33/beer.png",
    venue_id: "4ad4a2a8f964a52073e820e3",
    business_id: null,
  }, {
    name: "The Bull Wheel",
    lat: 42.9601797,
    lng: -72.9225016,
    icon: "img/glyphs/33/beer.png",
    venue_id: "5298eab7498ea48249ee85cd",
    business_id: null,
  }, {
    name: "The Snow Barn",
    lat: 42.964592,
    lng: -72.892258,
    icon: "img/glyphs/33/music-note.png",
    venue_id: "41e46880f964a520d01e1fe3",
    business_id: null,
  }, {
    name: "World Class Ski and Sport",
    lat: 42.9448568,
    lng: -72.8651127,
    icon: "img/glyphs/33/bag.png",
    venue_id: "4f48f75ae4b0291e48e4d5ce",
    business_id: null,
  }, {
    name: "Dover Joe's",
    lat: 42.9501808,
    lng: -72.8779057,
    icon: "img/glyphs/33/fork.png",
    venue_id: "4d445b4ae198721e3fd4ba8b",
    business_id: null,
  }, {
    name: "The Valley View Saloon",
    lat: 42.395519,
    lng: -72.856280,
    icon: "img/glyphs/33/beer.png",
    venue_id: "4b6a4ab6f964a52000d12be3",
    business_id: null,
  }, {
    name: "The Lodge @ Mont Snow",
    lat: 42.9648109,
    lng: -72.8889477,
    icon: "img/glyphs/33/beer.png",
    venue_id: "4bc0d88d4cdfc9b68d989321",
    business_id: null,
  }, {
    name: "Snow Lake Lodge",
    lat: 42.9644927,
    lng: -72.8901137,
    icon: "img/glyphs/33/beer.png",
    venue_id: "4b5a3af9f964a5200ab628e3",
    business_id: null,
  }, {
    name: "The Matterhorn Inn",
    lat: 42.9496089,
    lng: -72.8745406,
    icon: "img/glyphs/33/beer.png",
    venue_id: "4b8c88e6f964a52087d532e3",
    business_id: null,
  }, {
    name: "Sports Odyssey",
    lat: 42.9484209,
    lng: -72.8725026,
   ...