2020-03-27 15:19:33 +00:00
|
|
|
$(document).ready(function () {
|
2020-09-05 06:30:41 +00:00
|
|
|
$('.autocomplete').keyup(function (e) {
|
|
|
|
|
const target = $('#' + e.target.id)
|
|
|
|
|
const prefix = target.attr('id')
|
|
|
|
|
const api_url = target.attr('api_url')
|
|
|
|
|
let api_url_suffix = target.attr('api_url_suffix')
|
|
|
|
|
if (!api_url_suffix) { api_url_suffix = '' }
|
|
|
|
|
let name_field = target.attr('name_field')
|
|
|
|
|
if (!name_field) { name_field = 'name' }
|
|
|
|
|
const input = target.val()
|
|
|
|
|
target.addClass('is-invalid')
|
|
|
|
|
target.removeClass('is-valid')
|
|
|
|
|
$('#' + prefix + '_reset').removeClass('d-none')
|
|
|
|
|
|
|
|
|
|
$.getJSON(api_url + (api_url.includes('?') ? '&' : '?') + 'format=json&search=^' + input + api_url_suffix, function (objects) {
|
2021-09-05 22:37:10 +00:00
|
|
|
let html = '<ul class="list-group list-group-flush" id="' + prefix + '_list">'
|
2020-09-05 06:30:41 +00:00
|
|
|
|
|
|
|
|
objects.results.forEach(function (obj) {
|
|
|
|
|
html += li(prefix + '_' + obj.id, obj[name_field])
|
|
|
|
|
})
|
2021-09-05 22:37:10 +00:00
|
|
|
html += '</ul>'
|
|
|
|
|
|
|
|
|
|
target.tooltip({
|
|
|
|
|
html: true,
|
|
|
|
|
placement: 'bottom',
|
|
|
|
|
trigger: 'manual',
|
|
|
|
|
container: target.parent(),
|
|
|
|
|
fallbackPlacement: 'clockwise'
|
|
|
|
|
})
|
2020-09-05 06:30:41 +00:00
|
|
|
|
2021-09-05 22:37:10 +00:00
|
|
|
target.attr("data-original-title", html).tooltip("show")
|
2020-09-05 06:30:41 +00:00
|
|
|
|
|
|
|
|
objects.results.forEach(function (obj) {
|
|
|
|
|
$('#' + prefix + '_' + obj.id).click(function () {
|
|
|
|
|
target.val(obj[name_field])
|
|
|
|
|
$('#' + prefix + '_pk').val(obj.id)
|
|
|
|
|
|
2021-09-05 22:37:10 +00:00
|
|
|
target.tooltip("hide")
|
2020-09-05 06:30:41 +00:00
|
|
|
target.removeClass('is-invalid')
|
|
|
|
|
target.addClass('is-valid')
|
|
|
|
|
|
|
|
|
|
if (typeof autocompleted !== 'undefined') { autocompleted(obj, prefix) }
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
if (input === obj[name_field]) { $('#' + prefix + '_pk').val(obj.id) }
|
|
|
|
|
})
|
|
|
|
|
|
2021-09-05 22:37:10 +00:00
|
|
|
if (objects.results.length === 1 && e.originalEvent.keyCode >= 32) {
|
|
|
|
|
$('#' + prefix + '_' + objects.results[0].id).trigger('click')
|
2020-09-05 06:30:41 +00:00
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
$('.autocomplete-reset').click(function () {
|
|
|
|
|
const name = $(this).attr('id').replace('_reset', '')
|
|
|
|
|
$('#' + name + '_pk').val('')
|
|
|
|
|
$('#' + name).val('')
|
|
|
|
|
$('#' + name + '_list').html('')
|
|
|
|
|
$(this).addClass('d-none')
|
|
|
|
|
})
|
|
|
|
|
})
|
