63 lines
1.8 KiB
JavaScript
63 lines
1.8 KiB
JavaScript
import React from "react";
|
|
import ReactDOM from "react-dom";
|
|
import { LowcoderAppView } from "./src/index";
|
|
|
|
const opChangeDefault = (op) => {};
|
|
const onModuleEventTriggeredDefault = (op) => {};
|
|
|
|
for (
|
|
var i = 0;
|
|
i < document.querySelectorAll(".lowcoder-module-container").length;
|
|
i++
|
|
) {
|
|
const App = () => {
|
|
return (
|
|
<LowcoderAppView
|
|
appId={
|
|
document
|
|
.querySelectorAll(".lowcoder-module-container")
|
|
[i]?.querySelector(".module-id")?.value
|
|
}
|
|
onModuleOutputChange={
|
|
typeof opChange !== "undefined" ? opChange : opChangeDefault
|
|
}
|
|
onModuleEventTriggered={
|
|
typeof onModuleEventTriggered !== "undefined"
|
|
? onModuleEventTriggered
|
|
: onModuleEventTriggeredDefault
|
|
}
|
|
moduleInputs={JSON.parse(
|
|
document
|
|
.querySelectorAll(".lowcoder-module-container")
|
|
[i]?.querySelector(".module-input")?.value || "{}"
|
|
)}
|
|
baseUrl={
|
|
document
|
|
.querySelectorAll(".lowcoder-module-container")
|
|
[i]?.querySelector(".locoder-backend-url")?.value ||
|
|
"https://api-service.lowcoder.cloud"
|
|
}
|
|
webUrl={
|
|
document
|
|
.querySelectorAll(".lowcoder-module-container")
|
|
[i]?.querySelector(".locoder-frontend-url")?.value ||
|
|
"https://app.lowcoder.cloud"
|
|
}
|
|
orgId={
|
|
document
|
|
.querySelectorAll(".lowcoder-module-container")
|
|
[i]?.querySelector(".locoder-org-id")?.value ||
|
|
undefined
|
|
}
|
|
/>
|
|
);
|
|
}
|
|
|
|
ReactDOM.render(
|
|
React.createElement(App, {}, null),
|
|
document
|
|
.querySelectorAll(".lowcoder-module-container")
|
|
[i]?.querySelector(".lowcoder-module-display")
|
|
);
|
|
}
|