133 lines
3.8 KiB
TypeScript
Executable File
133 lines
3.8 KiB
TypeScript
Executable File
import { set } from "lib/utils/set";
|
|
import capitalize from "lodash.capitalize";
|
|
import get from "lodash.get";
|
|
import { createItem, parseGenField } from "../../../gen/utils";
|
|
import { generateSelect } from "./md-select";
|
|
import { modeTableList } from "./mode-table-list";
|
|
import { on_load } from "./tbl-list/on_load";
|
|
|
|
export const generateTableList = async (
|
|
modify: (data: any) => void,
|
|
data: any,
|
|
item: PrasiItem,
|
|
arg: { mode: "table" | "list" | "grid" | "auto"; id_parent?: string },
|
|
commit: boolean
|
|
) => {
|
|
let table = "" as string;
|
|
try {
|
|
table = eval(data.gen__table.value);
|
|
} catch (e) {
|
|
table = data.gen__table.value;
|
|
}
|
|
const raw_fields = JSON.parse(data.gen__fields.value) as (
|
|
| string
|
|
| { value: string; checked: string[] }
|
|
)[];
|
|
let pk = "";
|
|
let pks: Record<string, string> = {};
|
|
const fields = parseGenField(raw_fields);
|
|
// convert ke bahasa prisma untuk select
|
|
const res = generateSelect(fields);
|
|
pk = res.pk;
|
|
const select = res.select as any;
|
|
const result: Record<string, PropVal> = {};
|
|
if (arg.id_parent) {
|
|
select[arg.id_parent] = true;
|
|
}
|
|
if (!pk) {
|
|
alert("Failed to generate! Primary Key not found. ");
|
|
return;
|
|
}
|
|
let childs = [] as any;
|
|
if (pk) {
|
|
let sub_name = modeTableList(arg.mode);
|
|
let rows = Array.isArray(get(data, "child.content.childs"))
|
|
? get(data, "child.content.childs")
|
|
: Array.isArray(get(data, "child.childs"))
|
|
? get(data, "child.childs")
|
|
: [];
|
|
|
|
rows = rows.filter((e: PrasiItem) => e.name !== sub_name);
|
|
childs = childs.concat(rows);
|
|
|
|
if (data["opt__on_load"]) {
|
|
result.opt__on_load = {
|
|
mode: "raw",
|
|
value: on_load({ pk, table, select, pks, fields }),
|
|
};
|
|
}
|
|
let first = true;
|
|
const child_sub_name = createItem({
|
|
name: sub_name,
|
|
childs: fields
|
|
.map((e, idx) => {
|
|
if (idx >= 1 && arg.mode === "list") {
|
|
return;
|
|
}
|
|
if (e.is_pk && (arg.mode === "table" || arg.mode === "auto")) return;
|
|
let tree_depth = "";
|
|
let tree_depth_built = "";
|
|
if (first) {
|
|
tree_depth = `tree_depth={col.depth}`;
|
|
tree_depth_built = `tree_depth:col.depth`;
|
|
first = false;
|
|
}
|
|
return {
|
|
component: {
|
|
id: "297023a4-d552-464a-971d-f40dcd940b77",
|
|
props: {
|
|
name: e.name,
|
|
title: formatName(e.name),
|
|
child: createItem({
|
|
name: "cell",
|
|
padding: {
|
|
l: 8,
|
|
b: 0,
|
|
t: 0,
|
|
r: 8,
|
|
},
|
|
adv: {
|
|
js: `\
|
|
<div {...props} className={cx(props.className, "")}>
|
|
${
|
|
arg.mode === "list"
|
|
? "{JSON.stringify(row)}"
|
|
: `<FormatValue value={col.value} name={col.name} gen_fields={gen__fields} ${tree_depth} />`
|
|
}
|
|
</div>`,
|
|
jsBuilt: `\
|
|
render(React.createElement("div", Object.assign({}, props, { className: cx(props.className, "") }),React.createElement(FormatValue, { value: col.value, name: col.name, gen_fields: gen__fields, ${tree_depth_built} })));
|
|
`,
|
|
},
|
|
}),
|
|
},
|
|
},
|
|
};
|
|
})
|
|
.filter((e) => e) as any,
|
|
});
|
|
result["gen__table"] = { mode: "string", value: table };
|
|
|
|
if (commit) {
|
|
Object.keys(result).map((e) => {
|
|
item.edit.setProp(e, result[e]);
|
|
});
|
|
item.edit.setChilds([child_sub_name]);
|
|
await item.edit.commit();
|
|
} else {
|
|
set(data, "child.value.childs", [child_sub_name]);
|
|
Object.keys(result).map((e) => {
|
|
set(data, e, result[e]);
|
|
});
|
|
}
|
|
}
|
|
};
|
|
|
|
const formatName = (name: string) => {
|
|
return name
|
|
.split("_")
|
|
.filter((e) => e.length > 1)
|
|
.map((e) => capitalize(e))
|
|
.join(" ");
|
|
};
|