Mercurial > hg > GlobalNeighbors
annotate globalneighbors/templates/index.html @ 15:21095c9006e5
city page is now functional + linky
| author | Jeff Hammel <k0scist@gmail.com> | 
|---|---|
| date | Sun, 25 Jun 2017 14:55:53 -0700 | 
| parents | 94af113e498a | 
| children | 2fef925fbf37 | 
| rev | line source | 
|---|---|
| 6 | 1 <!DOCTYPE html> | 
| 2 <html> | |
| 3 <head> | |
| 4 <title>Global Neighbors</title> | |
| 
7
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
5 <script src="https://code.jquery.com/jquery-1.12.4.js"></script> | 
| 
12
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
6 <script src="/js/jquery.easy-autocomplete.min.js"></script> | 
| 
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
7 <link rel="stylesheet" type="text/css" href="/css/style.css"/> | 
| 
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
8 <link rel="stylesheet" type="text/css" href="/css/easy-autocomplete.css"/> | 
| 
7
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
9 <script> | 
| 
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
10 $( function() { | 
| 
12
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
11 var options = { | 
| 13 | 12 url: function(phrase) { | 
| 13 return "/cities?term=" + phrase; | |
| 14 }, | |
| 15 getValue: "name", | |
| 
12
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
16 list: { | 
| 
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
17 match: { | 
| 
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
18 enabled: true | 
| 13 | 19 } | 
| 20 }, | |
| 21 template: { | |
| 22 type: "custom", | |
| 23 method: function (value, item) { | |
| 24 return '<a href="/' + item.geonameid + '">' + value + '</a>'; | |
| 25 } | |
| 26 } | |
| 
12
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
27 }; | 
| 
 
6d89ea94930b
add passthrough fileserver for autocomplete
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
11 
diff
changeset
 | 
28 $( "#cities" ).easyAutocomplete(options); | 
| 
7
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
29 }); | 
| 
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
30 </script> | 
| 6 | 31 </head> | 
| 32 <body> | |
| 33 <h1>Global Neighbors</h1> | |
| 34 <h2>Serving {{ n_cities }} cities</h2> | |
| 
7
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
35 | 
| 
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
36 <div class="ui-widget"> | 
| 
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
37 <label for="cities">Enter a city: </label> | 
| 
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
38 <input id="cities"/> | 
| 13 | 39 <select> | 
| 40 <option value="">ALL</option> | |
| 41 {% for country_code in country_codes %} | |
| 42 <option value="{{ country_code }}">{{ country_code }}</option> | |
| 43 {% endfor %} | |
| 44 </select> | |
| 
7
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
45 </div> | 
| 
 
254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
 
Jeff Hammel <k0scist@gmail.com> 
parents: 
6 
diff
changeset
 | 
46 | 
| 6 | 47 </body> | 
| 48 </html> | 
