diff options
Diffstat (limited to 'src/templates/options.html')
| -rw-r--r-- | src/templates/options.html | 28 |
1 files changed, 18 insertions, 10 deletions
diff --git a/src/templates/options.html b/src/templates/options.html index 40e5471..27ef9a6 100644 --- a/src/templates/options.html +++ b/src/templates/options.html @@ -1,36 +1,44 @@ <h1>POI map</h1> <form id="QueryForm" disabled> - <label for="Category" class="form-label"><h3>Category</h3></label> <input class="form-control" list="CategoriesDataList" id="Category" name="Category" placeholder="Type to search..." aria-describedby="CategoriesHelp" value=""> {# Value set to empty string is important for JS function #} <datalist id="CategoriesDataList"> </datalist> <div id="CategoriesHelp" class="form-text">Change the category shown on the map<br> - e.g. <code>supermarket</code>, <code>toilets</code>, or <code>swingerclub</code></div> + e.g. + <code><a href="/?Category=fast_food&HeatmapIntensity=3&HeatmapRadius=40">fast_food</a></code>, + <code><a href="/?HeatmapIntensity=6&HeatmapRadius=100&Category=supermarket">supermarket</a></code>, or + <code><a href="/?Category=cinema&HeatmapIntensity=25&HeatmapRadius=40">cinema</a></code> + </div> <br> <input class="form-control" id="HeatmapIntensity" name="HeatmapIntensity" value="5" type="number" - aria-describedby="HeatmapIntensityHelp"> + aria-describedby="HeatmapIntensityHelp" max=2000> <div id="HeatmapIntensityHelp" class="form-text">Change the intensity of the heatmap nodes</div> <br> <input class="form-control" id="HeatmapRadius" name="HeatmapRadius" value="100" type="number" - aria-describedby="HeatmapRadiusHelp"> + aria-describedby="HeatmapRadiusHelp" max="110"> <div id="HeatmapRadiusHelp" class="form-text">Change the radius of the heatmap nodes</div> <br> <button type="submit" disabled id="SubmitButton" class="btn btn-primary">Run query</button> + <a class="btn btn-secondary" href="/">Clear search</a> + <div id="LoadingIndicator" class="text-center"> + Loading + </div> </form> -<br><br> +<hr> -Read more, and find the source code here: <a href="https://git.node5.net/poi_map/about/">POI map - git.node5.net</a> +<h4>Read more</h4> + +<ul> + <li><a href="https://git.node5.net/map.node5.net/about/">Source code - git.node5.net</a></li> + <li><a href="https://wikipedia.org/wiki/Voronoi_diagram">Voronoi diagram - wikipedia.org</a></li> +<ul> -<br><br><br> -<div id="LoadingIndicator" class="text-center"> - Loading -</div> |