45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
define(function () {
|
|
'use strict';
|
|
|
|
return function (distributor) {
|
|
var container = document.createElement('ul');
|
|
container.classList.add('filters');
|
|
var div = document.createElement('div');
|
|
|
|
function render(el) {
|
|
el.appendChild(div);
|
|
}
|
|
|
|
function filtersChanged(filters) {
|
|
while (container.firstChild) {
|
|
container.removeChild(container.firstChild);
|
|
}
|
|
|
|
filters.forEach(function (d) {
|
|
var li = document.createElement('li');
|
|
container.appendChild(li);
|
|
d.render(li);
|
|
|
|
var button = document.createElement('button');
|
|
button.classList.add('ion-close');
|
|
button.setAttribute('aria-label', _.t('remove'));
|
|
button.onclick = function onclick() {
|
|
distributor.removeFilter(d);
|
|
};
|
|
li.appendChild(button);
|
|
});
|
|
|
|
if (container.parentNode === div && filters.length === 0) {
|
|
div.removeChild(container);
|
|
} else if (filters.length > 0) {
|
|
div.appendChild(container);
|
|
}
|
|
}
|
|
|
|
return {
|
|
render: render,
|
|
filtersChanged: filtersChanged
|
|
};
|
|
};
|
|
});
|