mirror of
https://github.com/badlogic/heissepreise.git
synced 2024-06-29 20:05:51 +02:00
303d25ccb5
Billa maps directly to the canonical categories. Spar uses a mapping file stores/spar-categories.json. Each store has a generateCategoryMapping() function which is called once in analysis.js:updateData() and analysis.js:replay(). The function is responsible for * Fetching the latest categories * Merging them with already mapped categories * Report new categories that haven't been mapped yet * Report categories that have been mapped but are no longer part of the latest set of categories * Save the merged mappings to disk This schema might not work for all stores, in which case updateData() and replay() will use a knn approach to figure out the category for an item. See #81
48 lines
1.7 KiB
JavaScript
48 lines
1.7 KiB
JavaScript
const { dom } = require("../js/misc");
|
|
const { View } = require("./view");
|
|
|
|
class CustomCheckbox extends View {
|
|
constructor() {
|
|
super();
|
|
const isChecked = this.hasAttribute("checked") && (this.getAttribute("checked").length == 0 || this.getAttribute("checked") === "true");
|
|
const label = this.hasAttribute("label") ? this.getAttribute("label") : "";
|
|
const abbr = this.hasAttribute("abbr") ? this.getAttribute("abbr") : "";
|
|
this.innerHTML = /*html*/ `
|
|
<label class="inline-flex items-center gap-x-1 cursor-pointer">
|
|
<input x-id="checkbox" x-change type="checkbox" ${isChecked ? "checked" : ""} class="hidden peer">
|
|
<svg class="h-2 w-2 stroke-gray-600 fill-gray-100 peer-checked:fill-gray-600" viewBox="0 0 6 6">
|
|
<circle cx="3" cy="3" r="2" />
|
|
</svg>
|
|
${
|
|
this.hasAttribute("abbr")
|
|
? `<abbr x-id="label" title="${abbr}"><span x-id="label">${label}</span></abbr>`
|
|
: `<span x-id="label">${label}</span>`
|
|
}
|
|
</label>
|
|
`;
|
|
this.classList.add("customcheckbox");
|
|
this._checkbox = View.elements(this).checkbox;
|
|
this._checkbox.addEventListener("change", (event) => {
|
|
event.stopPropagation();
|
|
this.fireChangeEvent();
|
|
});
|
|
}
|
|
|
|
get checkbox() {
|
|
return this._checkbox;
|
|
}
|
|
|
|
get checked() {
|
|
return this._checkbox.checked;
|
|
}
|
|
|
|
set checked(value) {
|
|
this._checkbox.checked = value;
|
|
}
|
|
|
|
set label(value) {
|
|
this.elements.label.innerText = value;
|
|
}
|
|
}
|
|
customElements.define("custom-checkbox", CustomCheckbox);
|