diff options
| author | Priyansh <[email protected]> | 2021-11-17 17:31:10 -0500 |
|---|---|---|
| committer | Priyansh <[email protected]> | 2021-11-17 17:31:10 -0500 |
| commit | ae5f4701eaecb463852aa0e4f147b077daf37a46 (patch) | |
| tree | acf2719f139124fb1b2e5749418655393ea5f9e7 /templates | |
| parent | d7aecd81f85400d3ad3dd0756a114ff27c31a595 (diff) | |
| download | temp_pred_arima-ae5f4701eaecb463852aa0e4f147b077daf37a46.tar.xz temp_pred_arima-ae5f4701eaecb463852aa0e4f147b077daf37a46.zip | |
Added city Search instead of select
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/templates/index.html b/templates/index.html index 65068a9..170de98 100644 --- a/templates/index.html +++ b/templates/index.html @@ -30,11 +30,14 @@ </p> <nav data-dev-hint="main navigation"> - <p class="flex items-center space-x-2 py-2 px-4"> - <select class="px-4 py-3 rounded-full bg-gray-600 w-full" id="city_list"> - <option selected value="None">Choose a City</option> - </select> - </p> + <div class="flex items-center space-x-2 py-2 px-4 relative w-full"> + <input type="text" class="bg-gray-600 rounded w-full p-3" placeholder="Search for a city..." + id="citySearch" autocomplete="off" /> + <div id="result_container" + class="absolute w-full p-3 bg-white top-14 -left-2 text-black max-h-64 overflow-y-auto hidden"> + <ul id="results" class="list-reset h-full block"></ul> + </div> + </div> <p class="flex items-center space-x-2 py-2 px-4"><span><strong>Start Date: </strong></span><input type="date" class="rounded bg-gray-600 w-full" /><span></p> <p class="flex items-center space-x-2 py-2 px-4"><strong>End Date: </strong></span><input @@ -72,5 +75,7 @@ const cities = JSON.parse('{{cities_list | tojson}}'); </script> <script src="../static/js/map.js" defer></script> +<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> +<script src="../static/js/search.js" defer></script> </html>
\ No newline at end of file |