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

WIP on record scripts

Browse Source
This commit is contained in:
darin.kelkhoff
2023-02-24 15:19:22 -06:00
parent e22074cc13
commit 7e2bcea5de
4 changed files with 332 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/qqq/pages/records/view/RecordDeveloperView.tsx
View File

@ -46,6 +46,7 @@ import ScriptDocsForm from "qqq/components/scripts/ScriptDocsForm";
import ScriptLogsView from "qqq/components/scripts/ScriptLogsView";
import ScriptTestForm from "qqq/components/scripts/ScriptTestForm";
import CustomWidthTooltip from "qqq/components/tooltips/CustomWidthTooltip";
import ScriptViewer from "qqq/components/widgets/misc/ScriptViewer";
import BaseLayout from "qqq/layouts/BaseLayout";
import DeveloperModeUtils from "qqq/utils/DeveloperModeUtils";
import Client from "qqq/utils/qqq/Client";
@ -79,7 +80,8 @@ function RecordDeveloperView({table}: Props): JSX.Element
const [tableMetaData, setTableMetaData] = useState(null);
const [record, setRecord] = useState(null as QRecord);
const [recordJSON, setRecordJSON] = useState("");
const [recordJSONObject, setRecordJSONObject] = useState({} as any);
const [recordJSONString, setRecordJSONString] = useState("");
const [associatedScripts, setAssociatedScripts] = useState([] as any[]);
const [notFoundMessage, setNotFoundMessage] = useState(null);
@ -129,7 +131,8 @@ function RecordDeveloperView({table}: Props): JSX.Element
{
recordJSONObject[key] = record.values.get(key);
}
setRecordJSON(JSON.stringify(recordJSONObject, null, 3));
setRecordJSONObject(recordJSONObject);
setRecordJSONString(JSON.stringify(recordJSONObject, null, 3));
}
catch (e)
{
@ -309,7 +312,7 @@ function RecordDeveloperView({table}: Props): JSX.Element
theme="github"
name="recordJSON"
editorProps={{$blockScrolling: true}}
value={recordJSON}
value={recordJSONString}
readOnly
width="100%"
showPrintMargin={false}
@ -318,6 +321,29 @@ function RecordDeveloperView({table}: Props): JSX.Element
</Card>
{
associatedScripts && associatedScripts.map((object) =>
{
let fieldName = object.associatedScript?.fieldName;
let field = tableMetaData.fields.get(fieldName);
let scriptId = recordJSONString ? recordJSONObject[fieldName] : null;
return (
<div key={fieldName}>
<Card sx={{mb: 3}}>
<Typography variant="h5" p={2}>{field?.label}</Typography>
<Box display="flex" alignItems="center" justifyContent="space-between" gap={2}>
{scriptId ?
<ScriptViewer scriptId={scriptId}></ScriptViewer>
: <>No script here yet. {/* todo! */}</>
}
</Box>
</Card>
</div>
);
})
}
{/*
associatedScripts && associatedScripts.map((object) =>
{
let fieldName = object.associatedScript?.fieldName;
@ -460,7 +486,7 @@ function RecordDeveloperView({table}: Props): JSX.Element
</Card>
);
})
}
*/}
</Grid>
</Grid>