Well I guess I chose the wrong developer and now I am just trying to correct things myself...
if I correct his code as follows, is it ok to get CB to send the appropriate json ?
I cannot succeed in getting a return
Code:
document.addEventListener('DOMContentLoaded', e => {
const options = {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 0
}
function error(err) {
console.warn(`ERROR(${err.code}): ${err.message}`);
}
const typeaheadLocation = document.querySelector('.typeahead__location')
let input
let ul
if (typeaheadLocation) {
input = typeaheadLocation.querySelector('input')
ul = typeaheadLocation.querySelector('ul')
}
const getAutocompleteLocation = async (sendObject) => {
try {
const url = new URL( 'index.php?option=com_comprofiler&view=pluginclass&plugin=cbautoactions&action=action&actions=296&format=raw' );
url.searchParams.set( 'task', 'getAutoCompleteLocationData' );
url.searchParams.set( 'query', inputValue );
const response = await fetch ( url , {
method: 'GET',
mode: 'same-origin',
credentials: 'include',
headers: {
'Content-Type': 'application/json'
}
})
const data = await response.json();
console.log(data)
console.log(typeof(data))
console.log(data.success)
if (data.success === true) {
console.log(data.data[0].views, 'views')
const previewLocations = data.data[0].views
const listItems = previewLocations.map(location => {
console.log(location)
return `<li data-location-id=${location.id}>${location.first}</li>`
})
.join('')
ul.innerHTML = listItems
ul.removeAttribute('hidden')
console.log('listItems', listItems)
ul.addEventListener('click', e => {
if (!event.target.matches('li')) return
const li = e.target
const locationName = li.textContent
console.log('locationName', locationName)
const locationId = li.dataset.locationId
console.log('locationId', locationId)
input.value = locationName
input.setAttribute('data-location-id', locationId)
ul.setAttribute('hidden', true)
})
}
} catch(e){
console.log(e)
}
}
if (typeaheadLocation) {
input.addEventListener('input', event => {
const input = event.target
const inputValue = input.value.trim()
console.log(inputValue)
const autoLocationObjectFormData = new FormData()
autoLocationObjectFormData.append('task', 'getAutoCompleteLocationData')
autoLocationObjectFormData.append('query', inputValue)
getAutocompleteLocation(autoLocationObjectFormData)
})
}
document.addEventListener('click', e => {
const typeaheadLocation = document.querySelector('.typeahead__location')
if (!typeaheadLocation) return
if (!e.target.closest('.typeahead__location')) {
ul.setAttribute('hidden', true)
}
})
})
Thanks a lot for your help, I'm trying to find some other devs but am stuck on this bit
Also I have an issue with the php not returning the result in the autoaction.
for instance if I use :
Code:
if ( $input->get( 'task' ) === 'getAutoCompleteLocationData' ) {
//print_r($input->getString( 'query' ));
$curl = curl_init();
$query = $input->getString( 'query' );
curl_setopt_array($curl, array(
CURLOPT_URL => "https://dev.societeinfo.com/app/rest/api/v2/places.json/autocomplete?query={$query}&key={$api_key}",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => '',
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => 'GET',
));
$response_location = curl_exec($curl);
curl_close($curl);
//TODO: Split the company name if the result false
$location = $response_location;
// return json_decode($response_location);
return $location;
print_r( $location );
// Save the result
}
The print_r displays the result but the return does not.
How can I get back the $location ?
I tried to look at the $action but did not see anything regarding the return.
My autoaction is only outputting json
krileon
