@crowdin/app-project-module
Version:
Module that generates for you all common endpoints for serving standalone Crowdin App
29 lines (28 loc) • 1.77 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormPage = void 0;
const react_1 = __importDefault(require("react"));
const Head_1 = require("./layout/Head");
const FormPage = ({ formGetDataUrl, formPostDataUrl, formPatchDataUrl, formSchema, formUiSchema, sentryData, }) => (react_1.default.createElement("html", { lang: "en" },
react_1.default.createElement(Head_1.Head, { sentryData: sentryData }),
react_1.default.createElement("body", null,
react_1.default.createElement("div", { className: "i_w", style: { maxWidth: '680px', position: 'relative' } },
react_1.default.createElement("crowdin-card", { id: "card", "is-shadowed": true },
react_1.default.createElement("div", { id: "form" }),
react_1.default.createElement("div", { id: "form-loading" },
react_1.default.createElement("crowdin-progress-indicator", null)))),
react_1.default.createElement("crowdin-toasts", null),
react_1.default.createElement("script", { dangerouslySetInnerHTML: {
__html: `
var formGetDataUrl = ${formGetDataUrl ? `'${formGetDataUrl}'` : 'undefined'};
var formPostDataUrl = ${formPostDataUrl ? `'${formPostDataUrl}'` : 'undefined'};
var formPatchDataUrl = ${formPatchDataUrl ? `'${formPatchDataUrl}'` : 'undefined'};
var formSchema = ${formSchema};
var formUiSchema = ${formUiSchema};
`,
} }),
react_1.default.createElement("script", { src: "/assets/ui/form.bundle.js" }))));
exports.FormPage = FormPage;