QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 13:20:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update script editor to have the test & docs tabs, like associatedScriptEditor did. pass through params to make that work. remove old associatedScriptEditor .

Browse Source
This commit is contained in:
darin.kelkhoff
2023-03-08 18:04:15 -06:00
parent e955451f98
commit e2a3b40145
3 changed files with 22 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/qqq/components/scripts/ScriptEditor.tsx
View File

@ -20,6 +20,7 @@
*/
import {QJobError} from "@kingsrook/qqq-frontend-core/lib/model/processes/QJobError";
import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord";
import {ToggleButton, ToggleButtonGroup, Typography} from "@mui/material";
import Alert from "@mui/material/Alert";
import Box from "@mui/material/Box";
@ -31,6 +32,8 @@ import FormData from "form-data";
import React, {useReducer, useState} from "react";
import AceEditor from "react-ace";
import {QCancelButton, QSaveButton} from "qqq/components/buttons/DefaultButtons";
import ScriptDocsForm from "qqq/components/scripts/ScriptDocsForm";
import ScriptTestForm from "qqq/components/scripts/ScriptTestForm";
import Client from "qqq/utils/qqq/Client";
export interface ScriptEditorProps
@ -39,12 +42,17 @@ export interface ScriptEditorProps
scriptId: number;
contents: string;
closeCallback: any;
tableName: string;
fieldName: string;
recordId: any;
scriptDefinition: any;
scriptTypeRecord: QRecord;
}
const qController = Client.getInstance();
function ScriptEditor({title, scriptId, contents, closeCallback}: ScriptEditorProps): JSX.Element
function ScriptEditor({title, scriptId, contents, closeCallback, tableName, fieldName, recordId, scriptDefinition, scriptTypeRecord}: ScriptEditorProps): JSX.Element
{
const [closing, setClosing] = useState(false);
const [updatedCode, setUpdatedCode] = useState(contents)
@ -160,7 +168,8 @@ function ScriptEditor({title, scriptId, contents, closeCallback}: ScriptEditorPr
size="small"
sx={{pb: 1}}
>
<ToggleButton value="preview">Preview</ToggleButton>
<ToggleButton value="test">Test</ToggleButton>
<ToggleButton value="docs">Docs</ToggleButton>
</ToggleButtonGroup>
</Box>
</Box>
@ -179,17 +188,17 @@ function ScriptEditor({title, scriptId, contents, closeCallback}: ScriptEditorPr
/>
</Box>
{/*
{
openTool &&
<Box sx={{height: "45%"}} pt={2}>
{
openTool == "preview" &&
<Box fontSize="14px" overflow="auto" height="100%" border="1px solid gray" pt={1}>
<DataBagPreview json={updatedCode} />
</Box>
openTool == "test" && <ScriptTestForm scriptDefinition={scriptDefinition} tableName={tableName} fieldName={fieldName} recordId={recordId} code={updatedCode} />
}
{
openTool == "docs" && <ScriptDocsForm helpText={scriptTypeRecord?.values.get("helpText")} exampleCode={scriptTypeRecord?.values.get("sampleCode")} aceEditorHeight="100%" />
}
</Box>
*/}
}
<Box pt={1}>
<Grid container alignItems="flex-end">