1 |
|
2 | export var AutocompleteMarkup = {
|
3 |
|
4 | createEmptyDropdown() {
|
5 | var dropdown = document.createElement('div');
|
6 | return dropdown;
|
7 | },
|
8 |
|
9 | createDropdownItem(value, content) {
|
10 | var item = document.createElement('button');
|
11 | item.setAttribute('type', 'button');
|
12 | item.setAttribute('value', value);
|
13 | item.textContent = content;
|
14 | return item;
|
15 | },
|
16 |
|
17 | createDropdownItemsFromData(data, callback = null) {
|
18 | var fragment = document.createDocumentFragment();
|
19 | for (var key in data) {
|
20 | var item = this.createDropdownItem(key, data[key]);
|
21 | if (callback !== null) {
|
22 | callback(item, key, data[key]);
|
23 | }
|
24 | fragment.appendChild(item);
|
25 | }
|
26 | return fragment;
|
27 | },
|
28 |
|
29 | removeDropdown(dropdown) {
|
30 | |
31 |
|
32 |
|
33 | if (dropdown.parentNode !== null) {
|
34 | dropdown.parentNode.removeChild(dropdown);
|
35 | }
|
36 | },
|
37 |
|
38 | insertDropdown(container, dropdown) {
|
39 | var el = container.getElementsByTagName('input')[0];
|
40 | el.parentNode.insertBefore(dropdown, el.nextSibling);
|
41 | }
|
42 |
|
43 | };
|