158 lines
4.1 KiB
TypeScript
Executable File
158 lines
4.1 KiB
TypeScript
Executable File
import get from "lodash.get";
|
|
import { GenMasterDetailArg, codeBuild } from "./utils";
|
|
import { createItem, formatName } from "../utils";
|
|
import { gen_form } from "../gen_form/gen_form";
|
|
|
|
export const genForm = async (arg: GenMasterDetailArg, data: any) => {
|
|
// tambahi kondisi, jika gk nemu component tab detail maka update tab detail atau bikin baru
|
|
const childs_form = data.child.content.childs || [];
|
|
const tab_form = childs_form.filter((c: any) => c.component?.id === "cb52075a-14ab-455a-9847-6f1d929a2a73" && c.component.props.name.value.replaceAll("\"","") === "detail")
|
|
for (const c of get(data, "child.content.childs") || []) {
|
|
if (c.component?.id === "cb52075a-14ab-455a-9847-6f1d929a2a73") {
|
|
// passing khusus tab detail, biar tab lain gk di rewrite.
|
|
let passing = false;
|
|
if(!tab_form.length){
|
|
passing = true;
|
|
}else{
|
|
const name_tab = c.component.props.name.value.replaceAll("\"","");
|
|
passing = name_tab === "detail"
|
|
}
|
|
if(passing){
|
|
|
|
const res = await codeBuild({
|
|
breadcrumb: `\
|
|
async () => {
|
|
const breads: BreadItem[] = [
|
|
{
|
|
label: "List ${formatName(arg.gen_table)}",
|
|
onClick: () => {
|
|
md.selected = null;
|
|
md.tab.active = "";
|
|
md.internal.action_should_refresh = true;
|
|
md.params.apply();
|
|
md.render();
|
|
},
|
|
},
|
|
];
|
|
|
|
if (isEditor) {
|
|
breads.push({ label: "Add New" });
|
|
} else {
|
|
if (
|
|
md.selected &&
|
|
typeof md.selected === "object"
|
|
) {
|
|
if (Object.keys(md.selected).length === 0){
|
|
breads.push({ label: "Add New" });
|
|
} else {
|
|
breads.push({ label: "Edit" });
|
|
}
|
|
}
|
|
}
|
|
|
|
return breads;
|
|
};
|
|
|
|
type BreadItem = {
|
|
label: React.ReactNode;
|
|
url?: string;
|
|
onClick?: () => void;
|
|
}
|
|
`,
|
|
actions: `\
|
|
async () => {
|
|
return [
|
|
{
|
|
action: "delete",
|
|
},
|
|
{
|
|
label: "Save",
|
|
action: "save",
|
|
},
|
|
] as ActionItem[];
|
|
};
|
|
|
|
type ActionItem =
|
|
| {
|
|
action?: string;
|
|
label: React.ReactNode;
|
|
onClick?: (e: any) => Promise<void>;
|
|
}
|
|
| React.ReactNode`,
|
|
// on_init: `\
|
|
// async ({ submit, reload }: Init) => {
|
|
// const tab = md.childs[md.tab.active];
|
|
// if (tab) {
|
|
// const actions = await getProp(tab.internal, "actions", { md });
|
|
// if (Array.isArray(actions)) {
|
|
// const save_btn = actions
|
|
// .filter((e) => e)
|
|
// .find((e) => e.action === "save");
|
|
// if (save_btn) {
|
|
// save_btn.onClick = async () => {
|
|
// await submit();
|
|
// };
|
|
// md.actions = actions;
|
|
// md.render();
|
|
// }
|
|
// }
|
|
// }
|
|
// };
|
|
|
|
// type Init = { submit: () => Promise<boolean>; reload: () => void }
|
|
// `,
|
|
on_init: `\
|
|
async ({ submit, reload, fm }: Init) => {
|
|
if (typeof md === "object") {
|
|
md.childs["form"] = {} as any;
|
|
md.childs["form"]["fm"] = fm;
|
|
}
|
|
}
|
|
type Init = { submit: () => Promise<boolean>; reload: () => void; fm:any }
|
|
`,
|
|
});
|
|
const comp = createItem({
|
|
component: {
|
|
id: "cb52075a-14ab-455a-9847-6f1d929a2a73",
|
|
props: {
|
|
breadcrumb: res.breadcrumb,
|
|
actions: res.actions,
|
|
name: "detail",
|
|
label: "Detail",
|
|
},
|
|
},
|
|
});
|
|
for (const [k, v] of Object.entries(comp.component.props)) {
|
|
c.component.props[k] = v;
|
|
}
|
|
const childs = get(c, "component.props.child.content.childs") || [];
|
|
childs.length = 0;
|
|
childs.push(
|
|
createItem({
|
|
component: {
|
|
id: "c4e65c26-4f36-48aa-a5b3-0771feac082e",
|
|
props: {
|
|
name: arg.gen_table,
|
|
label: formatName(arg.gen_table),
|
|
gen_table: arg.gen_table,
|
|
gen_fields: [JSON.stringify(arg.gen_fields)],
|
|
on_init: res.on_init,
|
|
on_load: "",
|
|
on_submit: "",
|
|
generate: "y",
|
|
body: {
|
|
childs: [],
|
|
},
|
|
},
|
|
},
|
|
})
|
|
);
|
|
|
|
const data = childs[0].component.props;
|
|
const modify = async (props: any) => {};
|
|
await gen_form(modify, data, true);
|
|
}
|
|
}
|
|
}
|
|
};
|