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
29

window.addEventListener("startViewy", ({detail}) => {
    detail.root.querySelectorAll(".sortable-stack")
        .forEach((stack) => {
            if (!stack.classList.contains("sortable-stack--disabled")) {
                Sortable.create(stack, {
                    handle: ".sortable-stack__item__handle",
                    sort: true,
                    animation: 150,  // ms, animation speed moving items when sorting, `0` — without animation
                    easing: "cubic-bezier(1, 0, 0, 1)",
                    onUpdate(e) {
                        const form = document.createElement("form");
                        form.method = "POST";
                        if (stack.dataset.action) {
                            form.action = stack.dataset.action;
                        }
                        const oldIndexInput = document.createElement("input");
                        oldIndexInput.name = "old_index";
                        oldIndexInput.value = e.oldIndex + 1;
                        const newIndexInput = document.createElement("input");
                        newIndexInput.name = "new_index";
                        newIndexInput.value = e.newIndex + 1;
                        form.append(oldIndexInput);
                        form.append(newIndexInput);
                        asyncSubmit(detail.root, form);
                    }
                });
            }
        });
});