viewy 2.0.6

A web UI toolkit that combine the advantages of a design system and an ui library.
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

window.addEventListener("startViewy", ({detail}) => {
    console.log("highlight-control");

    detail.root.querySelectorAll(".card[data-remove-highlight-on-submit]")
        .forEach((card) => {
            const form_name = card.getAttribute("data-remove-highlight-on-submit");

            function remove_highlight(e) {
                card.classList.remove("card--highlighted");
            }

            const form = document.querySelector(`form#${form_name}`);
            form.addEventListener("submit", remove_highlight);
            form.addEventListener("asyncSubmit", remove_highlight);
        });

    detail.root.querySelectorAll(".badge[data-remove-on-click]")
        .forEach((badge) => {
            const element_id = badge.getAttribute("data-remove-on-click");

            function remove_badge() {
               badge.remove();
            }

            const form = document.querySelector(`#${element_id}`);
            form.addEventListener("click", remove_badge);
        });
});