151 lines
3.5 KiB
JavaScript
151 lines
3.5 KiB
JavaScript
// var options = {
|
|
// shouldSort: true,
|
|
// threshold: 0.4,
|
|
// maxPatternLength: 32,
|
|
// keys: [{
|
|
// name: 'iata',
|
|
// weight: 0.5
|
|
// }, {
|
|
// name: 'name',
|
|
// weight: 0.3
|
|
// }, {
|
|
// name: 'city',
|
|
// weight: 0.2
|
|
// }]
|
|
// };
|
|
//
|
|
// var fuse = new Fuse(airports, options)
|
|
|
|
function searchTown(el){
|
|
let form = el.form;
|
|
let type_transport = form['type_transport'].value;
|
|
let search_str = el.value;
|
|
let get_address_point = new Object({type_transport, search_str})
|
|
|
|
|
|
$.ajax({
|
|
headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
|
|
url: '/reference_data/get_address_point/',
|
|
type: "POST",
|
|
// async: true,
|
|
cache: false,
|
|
processData: false,
|
|
contentType: false,
|
|
// enctype: 'json',
|
|
data: get_address_point,
|
|
success: function(data){
|
|
return data;
|
|
},
|
|
error: function (data){
|
|
console.log('++')
|
|
// document.querySelector(".button_register").innerHTML = data.responseJSON.html
|
|
}
|
|
});
|
|
}
|
|
|
|
var ac = $('#id_from_country')
|
|
.on('click', function(e) {
|
|
e.stopPropagation();
|
|
})
|
|
.on('keyup', search)
|
|
.on('keydown', onKeyDown);
|
|
|
|
var wrap = $('<div>')
|
|
.addClass('autocomplete-wrapper')
|
|
.insertBefore(ac)
|
|
.append(ac);
|
|
|
|
var list = $('<div>')
|
|
.addClass('autocomplete-results')
|
|
.on('click', '.autocomplete-result', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
selectIndex($(this).data('index'));
|
|
})
|
|
.appendTo(wrap);
|
|
|
|
$(document)
|
|
.on('mouseover', '.autocomplete-result', function(e) {
|
|
var index = parseInt($(this).data('index'), 10);
|
|
if (!isNaN(index)) {
|
|
list.attr('data-highlight', index);
|
|
}
|
|
})
|
|
.on('click', clearResults);
|
|
|
|
function clearResults() {
|
|
results = [];
|
|
numResults = 0;
|
|
list.empty();
|
|
}
|
|
|
|
function selectIndex(index) {
|
|
if (results.length >= index + 1) {
|
|
ac.val(results[index].iata);
|
|
clearResults();
|
|
}
|
|
}
|
|
|
|
var results = [];
|
|
var numResults = 0;
|
|
var selectedIndex = -1;
|
|
|
|
function search(e) {
|
|
if (e.which === 38 || e.which === 13 || e.which === 40) {
|
|
return;
|
|
}
|
|
|
|
let ac = document.querySelector("#id_from_country")
|
|
|
|
if (ac.value.length > 0) {
|
|
// results = _.take(fuse.search(ac.val()), 7);
|
|
// numResults = results.length;
|
|
|
|
let results = searchTown(ac);
|
|
|
|
var divs = results.map()(function(r, i) {
|
|
return '<div class="autocomplete-result" data-index="'+ i +'">'
|
|
+ '<div><b>'+ r.iata +'</b> - '+ r.name +'</div>'
|
|
+ '<div class="autocomplete-location">'+ r.city +', '+ r.country +'</div>'
|
|
+ '</div>';
|
|
});
|
|
|
|
selectedIndex = -1;
|
|
list.html(divs.join(''))
|
|
.attr('data-highlight', selectedIndex);
|
|
|
|
} else {
|
|
numResults = 0;
|
|
list.empty();
|
|
}
|
|
}
|
|
|
|
function onKeyDown(e) {
|
|
switch(e.which) {
|
|
case 38: // up
|
|
selectedIndex--;
|
|
if (selectedIndex <= -1) {
|
|
selectedIndex = -1;
|
|
}
|
|
list.attr('data-highlight', selectedIndex);
|
|
break;
|
|
case 13: // enter
|
|
selectIndex(selectedIndex);
|
|
break;
|
|
case 9: // enter
|
|
selectIndex(selectedIndex);
|
|
e.stopPropagation();
|
|
return;
|
|
case 40: // down
|
|
selectedIndex++;
|
|
if (selectedIndex >= numResults) {
|
|
selectedIndex = numResults-1;
|
|
}
|
|
list.attr('data-highlight', selectedIndex);
|
|
break;
|
|
|
|
default: return; // exit this handler for other keys
|
|
}
|
|
e.stopPropagation();
|
|
e.preventDefault(); // prevent the default action (scroll / move caret)
|
|
} |