|
|
@ -6,16 +6,12 @@ const options = [] |
|
|
|
|
|
|
|
|
|
|
|
const fetchOptions = async (query, searchUrl) => { |
|
|
|
const fetchOptions = async (query, searchUrl) => { |
|
|
|
const response = await fetch(`${searchUrl}?query=${encodeURIComponent(query)}`) |
|
|
|
const response = await fetch(`${searchUrl}?query=${encodeURIComponent(query)}`) |
|
|
|
const data = await response.json() |
|
|
|
return await response.json() |
|
|
|
console.log(data) |
|
|
|
|
|
|
|
console.log("Test 004") |
|
|
|
|
|
|
|
return data |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const fetchAndPopulateSearchResults = async (query, populateResults, searchUrl, populateOptions, selectEl) => { |
|
|
|
const fetchAndPopulateSearchResults = async (query, populateResults, searchUrl, populateOptions, selectEl) => { |
|
|
|
if (/\S/.test(query)) { |
|
|
|
if (/\S/.test(query)) { |
|
|
|
const results = await fetchOptions(query, searchUrl) |
|
|
|
const results = await fetchOptions(query, searchUrl) |
|
|
|
console.log(results) // address and uprn keys returned per result
|
|
|
|
|
|
|
|
populateOptions(results, selectEl) |
|
|
|
populateOptions(results, selectEl) |
|
|
|
populateResults(Object.values(results).map((o) => o.address)) |
|
|
|
populateResults(Object.values(results).map((o) => o.address)) |
|
|
|
} |
|
|
|
} |
|
|
@ -51,10 +47,7 @@ export default class extends Controller { |
|
|
|
placeholder: 'Start typing to search', |
|
|
|
placeholder: 'Start typing to search', |
|
|
|
templates: { suggestion: (value) => value }, |
|
|
|
templates: { suggestion: (value) => value }, |
|
|
|
onConfirm: (val) => { |
|
|
|
onConfirm: (val) => { |
|
|
|
console.log({val}) |
|
|
|
|
|
|
|
const selectedResult = Array.from(selectEl.options).find(option => option.text === val) |
|
|
|
const selectedResult = Array.from(selectEl.options).find(option => option.text === val) |
|
|
|
|
|
|
|
|
|
|
|
console.log({selectedResult}) |
|
|
|
|
|
|
|
if (selectedResult) { |
|
|
|
if (selectedResult) { |
|
|
|
selectedResult.selected = true |
|
|
|
selectedResult.selected = true |
|
|
|
} |
|
|
|
} |
|
|
|