mirror of
https://gitlab.crans.org/bde/nk20
synced 2025-06-29 04:40:55 +02:00
add static files
This commit is contained in:
122
static/autocomplete_light/select2.js
Normal file
122
static/autocomplete_light/select2.js
Normal file
@ -0,0 +1,122 @@
|
||||
;(function ($) {
|
||||
if (window.__dal__initListenerIsSet)
|
||||
return;
|
||||
|
||||
$(document).on('autocompleteLightInitialize', '[data-autocomplete-light-function=select2]', function() {
|
||||
var element = $(this);
|
||||
|
||||
// Templating helper
|
||||
function template(text, is_html) {
|
||||
if (is_html) {
|
||||
var $result = $('<span>');
|
||||
$result.html(text);
|
||||
return $result;
|
||||
} else {
|
||||
return text;
|
||||
}
|
||||
}
|
||||
|
||||
function result_template(item) {
|
||||
var text = template(item.text,
|
||||
element.attr('data-html') !== undefined || element.attr('data-result-html') !== undefined
|
||||
);
|
||||
|
||||
if (item.create_id) {
|
||||
return $('<span></span>').text(text).addClass('dal-create')
|
||||
} else {
|
||||
return text
|
||||
}
|
||||
}
|
||||
|
||||
function selected_template(item) {
|
||||
if (item.selected_text !== undefined) {
|
||||
return template(item.selected_text,
|
||||
element.attr('data-html') !== undefined || element.attr('data-selected-html') !== undefined
|
||||
);
|
||||
} else {
|
||||
return result_template(item);
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
var ajax = null;
|
||||
if ($(this).attr('data-autocomplete-light-url')) {
|
||||
ajax = {
|
||||
url: $(this).attr('data-autocomplete-light-url'),
|
||||
dataType: 'json',
|
||||
delay: 250,
|
||||
|
||||
data: function (params) {
|
||||
var data = {
|
||||
q: params.term, // search term
|
||||
page: params.page,
|
||||
create: element.attr('data-autocomplete-light-create') && !element.attr('data-tags'),
|
||||
forward: yl.getForwards(element)
|
||||
};
|
||||
|
||||
return data;
|
||||
},
|
||||
processResults: function (data, page) {
|
||||
if (element.attr('data-tags')) {
|
||||
$.each(data.results, function(index, value) {
|
||||
value.id = value.text;
|
||||
});
|
||||
}
|
||||
|
||||
return data;
|
||||
},
|
||||
cache: true
|
||||
};
|
||||
}
|
||||
|
||||
$(this).select2({
|
||||
tokenSeparators: element.attr('data-tags') ? [','] : null,
|
||||
debug: true,
|
||||
containerCssClass: ':all:',
|
||||
placeholder: element.attr('data-placeholder') || '',
|
||||
language: element.attr('data-autocomplete-light-language'),
|
||||
minimumInputLength: element.attr('data-minimum-input-length') || 0,
|
||||
allowClear: ! $(this).is('[required]'),
|
||||
templateResult: result_template,
|
||||
templateSelection: selected_template,
|
||||
ajax: ajax,
|
||||
tags: Boolean(element.attr('data-tags')),
|
||||
});
|
||||
|
||||
$(this).on('select2:selecting', function (e) {
|
||||
var data = e.params.args.data;
|
||||
|
||||
if (data.create_id !== true)
|
||||
return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
var select = $(this);
|
||||
|
||||
$.ajax({
|
||||
url: $(this).attr('data-autocomplete-light-url'),
|
||||
type: 'POST',
|
||||
dataType: 'json',
|
||||
data: {
|
||||
text: data.id,
|
||||
forward: yl.getForwards($(this))
|
||||
},
|
||||
beforeSend: function(xhr, settings) {
|
||||
xhr.setRequestHeader("X-CSRFToken", document.csrftoken);
|
||||
},
|
||||
success: function(data, textStatus, jqXHR ) {
|
||||
select.append(
|
||||
$('<option>', {value: data.id, text: data.text, selected: true})
|
||||
);
|
||||
select.trigger('change');
|
||||
select.select2('close');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
window.__dal__initListenerIsSet = true;
|
||||
$('[data-autocomplete-light-function=select2]:not([id*="__prefix__"])').each(function() {
|
||||
window.__dal__initialize(this);
|
||||
});
|
||||
})(yl.jQuery);
|
Reference in New Issue
Block a user