6c8c3b138d
We fetch the eligibility data from the backend for the area the user is currently viewing. We don't want to trigger the search when the user is zoomed out, it could be heavy on the backend CPU. Hence, we trigger the fetch after the user searched for his real address or reached a good-enough zoom level. The backend is currently returning a dummy answer.
40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>Aquilenet: Éligibilité FTTH</title>
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
|
|
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
|
|
crossorigin=""/>
|
|
<link rel="stylesheet" href="{{url_for('static', filename='style.css')}}"/>
|
|
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
|
|
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
|
|
crossorigin=""></script>
|
|
<link
|
|
rel="stylesheet"
|
|
href="{{url_for('static', filename='vendor/trevorevre-autocomplete-js-style.css')}}"
|
|
/>
|
|
<script src="{{url_for('static', filename='vendor/trevorevre-autocomplete-js.min.js')}}"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="autocomplete" id="search-addr-autocomplete">
|
|
<input id="search-addr-autocomplete-input" class="autocomplete-input"
|
|
spellcheck="false" autocorrect="off"t e autocomplete="off"
|
|
autocapitalize="off" placeholder="Votre Adresse"/>
|
|
<ul class="autocomplete-result-list"/>
|
|
</div>
|
|
<button id="btn-load-elig-data" type="button">Récupérer les données d'éligibilité
|
|
pour cette zone</button>
|
|
<div id="map"/>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function(event) {
|
|
{% include 'app.js'%}
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|