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
|
import { $gettext } from './lib/gettext.js';
/**
* Neccessary tweaks/adjustments for the jQuery UI multiselect addon.
*
* The tweaks essentially enable the list elements to include images as well
* as newlines and to create disabled elements without the addon interfering.
*
* This is accomplished by refining the defined methods of the addon:
*
* - For icons, the generateLisFromOption() checks for a special format of
* the text parameter and injects a background image to the generated
* option element
* - New lines are created by adjusting the escapeHTML method, any new line
* character is replaced by <br>
* - The disabled elements require a hack involving the methods
* generateLisFromOption, addOption and the jQuery extension insertAt.
* If the item should be disabled, the index is set to -1 and handled in
* each and every method as it would not have been set in the first place.
* This way, a disabled item is always added at the end of the list but
* this is exactly what we want to achieve.
*
* Note:
*
* With every update of the multi select addon, this needs to be checked and
* eventually adjusted to the new conditions.
*/
(function ($, MultiSelect) {
'use strict';
const originals = {
generateLisFromOption: MultiSelect.prototype.generateLisFromOption,
addOption: MultiSelect.prototype.addOption,
escapeHTML: MultiSelect.prototype.escapeHTML,
insertAt: $.fn.insertAt
};
MultiSelect.prototype.generateLisFromOption = function (option, index, $container) {
let $option = $(option),
chunks = $option.text().split(/\s--\s/);
if (index === -1) {
$option.prop('disabled', true);
index = undefined;
}
if (chunks.length > 1) {
$option.text(chunks.join("\n"));
if ($option.is(':disabled')) {
$option.attr('title', $gettext('Die Person ist bereits eingetragen.'));
}
}
originals.generateLisFromOption.call(this, $option.get(0), index, $container);
};
MultiSelect.prototype.addOption = function (options) {
if (options.disabled) {
options.index = -1;
delete options.disabled;
}
options.text = this.escapeHTML(options.text);
return originals.addOption.call(this, options);
};
MultiSelect.prototype.escapeHTML = function (text) {
const result = originals.escapeHTML.call(this, text);
return result.replace("\n", '<br>');
};
$.fn.insertAt = function (index, $parent) {
if (index === -1) {
index = $parent.children().length;
}
return originals.insertAt.call(this, index, $parent);
};
}(jQuery, jQuery.fn.multiSelect.Constructor));
|
