hopglass/lib/filters/filtergui.js
Xaver Maierhofer ed06ff6b09 [!!!][TASK] Refactor Scss, add Sass-lint and adjust styling
Add variables to allow easy modifications to color, font and also extending Style
2017-03-18 20:06:42 +01:00

44 lines
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-android-close");
button.onclick = function () {
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
};
};
});