1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
|
import { $gettext } from './gettext.js';
/* ------------------------------------------------------------------------
* QuickSearch inputs
* ------------------------------------------------------------------------ */
const QuickSearch = {
/**
* the function to be called from the QuickSearch class template
* @param name string: ID of input
* @param url string: URL of AJAX-response
* @param func string: name of a possible function executed
* when user has selected something
* @return: void
*/
autocomplete: function(name, url, func, disabled, minLength = 3) {
if (disabled === undefined || disabled !== true) {
var appendTo = 'body';
if (jQuery(`#${name}_frame`).length > 0) {
appendTo = `#${name}_frame`;
} else if ($(`#${name}`).closest('.ui-dialog').length > 0) {
appendTo = $(`#${name}`).closest('.ui-dialog');
}
jQuery('#' + name).quicksearch({
delay: 500,
minLength: minLength,
appendTo: appendTo,
create: function() {
if ($(this).is('[autofocus]')) {
$(this).focus();
}
},
position: $('#' + name).is('.expand-to-left')
? {
my: 'right top',
at: 'right bottom',
collision: 'none'
}
: {
my: 'left top',
at: 'left bottom',
collision: 'none'
},
source: function(input, add) {
//get the variables that should be sent:
var send_vars = jQuery('#' + name)
.closest('form')
.serializeArray();
send_vars.push({
name: 'request',
value: input.term
});
jQuery
.ajax({
url: url,
type: 'post',
data: send_vars
})
.done(function(data) {
var stripTags = /<\w+(\s+("[^"]*"|'[^']*'|[^>])+)?>|<\/\w+>/gi;
//an array of possible selections
if (!data.length) {
add([{
value: '',
label: $gettext('Kein Ergebnis gefunden.'),
disabled: true
}]);
return;
}
var suggestions = _.map(data, function(val) {
//adding a label and a hidden item_id - don't use "value":
var label_text = val.item_name;
if (val.item_description !== undefined) {
label_text += '<br>' + val.item_description;
}
return {
//what is displayed in the drop down box
label: label_text,
//the hidden ID of the item
item_id: val.item_id,
//what is inserted in the visible input box
value:
val.item_search_name !== null
? val.item_search_name
: jQuery('<div/>')
.html((val.item_name || '').replace(stripTags, ''))
.text()
};
});
//pass it to the function of UI-widget:
add(suggestions);
})
.fail(function(jqxhr, textStatus) {
add([
{
value: '',
label: $gettext('Fehler') + ': ' + jqxhr.responseText,
disabled: true
}
]);
});
},
select: function(event, ui) {
if (ui.item.disabled) {
return;
}
//inserts the ID of the selected item in the hidden input:
jQuery('#' + name + '_realvalue').attr('value', ui.item.item_id);
//and execute a special function defined before by the programmer:
if (func) {
var proceed = func.bind(event.target)(ui.item.item_id, ui.item.value);
if (!proceed) {
jQuery(this).val('');
return false;
}
}
}
});
if (jQuery('#' + name + '_frame').length) {
// trigger search on button click
jQuery('#' + name + '_frame input[type="submit"]').click(function(e) {
e.preventDefault();
QuickSearch.triggerSearch(name);
});
// trigger search on enter key down
jQuery('#' + name).keydown(function(e) {
if (e.keyCode == 13) {
e.preventDefault();
QuickSearch.triggerSearch(name);
}
});
}
var input = jQuery('#' + name);
var hidden = jQuery('#' + name + '_realvalue');
if (input.is('[required]')) {
input.closest('form').submit(function (event) {
if (hidden.val() === '') {
input[0].setCustomValidity($gettext('Bitte wählen Sie einen gültigen Wert aus!'));
event.preventDefault();
}
});
}
}
},
// start searching now
triggerSearch: function(name) {
var term = jQuery('#' + name).val();
jQuery('#' + name).quicksearch({ minLength: 1 });
jQuery('#' + name).quicksearch('search', term);
jQuery('#' + name).quicksearch({ minLength: 3 });
},
reset: function(form_name, quick_search_name) {
if (!form_name || !quick_search_name) {
return;
}
document.forms[form_name].elements[quick_search_name].value = '';
document.forms[form_name].elements[quick_search_name + '_parameter'].value = '';
}
};
export default QuickSearch;
|
