aboutsummaryrefslogtreecommitdiff
path: root/src/templates/options.html
blob: 40e5471fce6cda6c9275edf0f7d442a5e2560a81 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<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>

    <br>

    <input class="form-control" id="HeatmapIntensity" name="HeatmapIntensity" value="5" type="number"
           aria-describedby="HeatmapIntensityHelp">
    <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">
    <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>
</form>

<br><br>

Read more, and find the source code here: <a href="https://git.node5.net/poi_map/about/">POI map - git.node5.net</a>

<br><br><br>
<div id="LoadingIndicator" class="text-center">
    Loading
</div>