- `+ Object.keys(categories).map((category) => `
-
- `+categories[category].map((subcategory) => `
-
- `).join("")+`
- `).join("")+`
+
+ `+actions.map(({ name }) => ``).join("")+`
`);
const $item = qs($el, ".item");
const width = 45;
let rotate = 0;
$el.appendChild($categories);
- $item.onclick = async (e) => {
+ $item.onclick = async(e) => {
rotate += 45;
$item.firstElementChild.style.transform = `rotate(${rotate}deg)`;
if (rotate % 90 === 0) {
@@ -175,7 +248,7 @@ async function createAdd({ actions, createAction }) {
}
};
- qsa($el, ".sub").forEach(($action) => $action.onclick = () => {
+ qsa($el, "[data-name]").forEach(($action) => $action.onclick = () => {
const action = actions.find(({ name }) => name === $action.getAttribute("data-name"));
if (action) createAction({ action, actions });
$item.onclick();
@@ -183,17 +256,21 @@ async function createAdd({ actions, createAction }) {
return $el;
}
-function createSave() {
+function createSave({ withDelete = true }) {
const $fab = createElement(`
-
+
+
`);
animate($fab, { time: 100, keyframes: slideXIn(5) });
return $fab;
@@ -206,7 +283,7 @@ function withToggle($form) {
const shouldOpen = $form.classList.contains("hidden");
if (shouldOpen) {
animate($form, {
- time: 120,
+ time: Math.max(120, height/2),
keyframes: [{ height: "0px" }, { height: `${height}px` }],
});
$form.classList.remove("hidden");
@@ -219,3 +296,34 @@ function withToggle($form) {
}
};
}
+
+function formData($page, { id }) {
+ const result = {
+ id: id || Date.now().toString(36) + Math.random().toString(36).slice(2, 6),
+ };
+ qsa($page.parentElement, "form").forEach(($form) => {
+ const params = [...new FormData($form)].reduce((acc, [key, value]) => {
+ if (value) acc[key] = value;
+ return acc;
+ }, {});
+ const key = $form.getAttribute("data-key");
+ if (key) {
+ const name = $form.getAttribute("data-step");
+ if ($form.hasAttribute("data-array")) {
+ if (!result[key]) result[key] = [];
+ const step = { name };
+ if (Object.keys(params).length > 0) step.params = params;
+ result[key].push(step);
+ } else {
+ const step = { name };
+ if (Object.keys(params).length > 0) step.params = params;
+ result[key] = step;
+ }
+ } else {
+ Object.keys(params).forEach((key) => {
+ result[key] = params[key];
+ });
+ }
+ });
+ return result;
+}
diff --git a/public/assets/pages/adminpage/ctrl_workflow_list.js b/public/assets/pages/adminpage/ctrl_workflow_list.js
index 17f1297d..099a38b7 100644
--- a/public/assets/pages/adminpage/ctrl_workflow_list.js
+++ b/public/assets/pages/adminpage/ctrl_workflow_list.js
@@ -1,6 +1,6 @@
import { createElement } from "../../lib/skeleton/index.js";
import rxjs, { effect, onClick } from "../../lib/rx.js";
-import { qs } from "../../lib/dom.js";
+import { qs, safe } from "../../lib/dom.js";
import { animate } from "../../lib/animate.js";
import { createModal } from "../../components/modal.js";
import { generateSkeleton } from "../../components/skeleton.js";
@@ -19,7 +19,9 @@ export default async function(render, { workflows, triggers }) {