You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

30 lines
990 B

{% extends 'common/master.html' %}
{% block body %}
<h1>Download Your Quote</h1>
<label for="addr" hidden>Search</label>
<input id="addr" type="text" placeholder="123 Main St.">
<ul id="addrlist"></ul>
<script>
const ADDR_BOX = document.getElementById('addr');
const SEARCH_URL = '/download/search/';
const ADDR_LIST = document.getElementById('addrlist');
ADDR_BOX.oninput = async (e) => {
const ADDR_INPUT = e.target.value;
console.log(e.target.value);
let response = await fetch(SEARCH_URL + ADDR_INPUT);
let addresses = await response.json();
console.log(addresses);
ADDR_LIST.innerHTML = '';
for (address of addresses) {
let li = document.createElement('li');
let alink = document.createElement('a');
alink.href = '/download/d/' + address.id;
alink.innerText = address.address;
li.appendChild(alink);
ADDR_LIST.appendChild(li);
}
}
</script>
{% endblock %}