WIP fix propertyname

FriendsOfTYPO3 · Jun 28, 2024 · a8e0abd · a8e0abd
1 parent 4ea5d37
commit a8e0abd
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/Build/Sources/App.js b/Build/Sources/App.js
@@ -259,6 +259,9 @@ function App() {
         // let modules = convertModuleToNode(working.modules);
         let modules = convertModulesToNodes(working.modules);
         // Check if nodes or edges are available, and update them.
+        console.log("modules");
+        console.log(modules);
+        console.log(working.nodes);
         setNodes(modules ? modules: []);
         setEdges(working.edges ? working.edges : []);
 

diff --git a/Build/Sources/components/ActionButtonsComponent.jsx b/Build/Sources/components/ActionButtonsComponent.jsx
@@ -55,8 +55,8 @@ export const ActionButtonsComponent = (props) => {
                         "propertyIsL10nModeExclude": property.isl10nModeExlude,
                         "propertyIsNullable": property.isNullable,
                         "propertyIsRequired": property.isRequired,
-                        "propertyName": property.name,
                         "propertyType": property.type,
+                        "propertyName": property.propertyName,
                         "typeSelect": {
                             "selectboxValues": property.typeSelect?.selectboxValues || "",
                             "renderType": property.typeSelect?.renderType || "selectSingle",

diff --git a/Build/Sources/components/ReactFlow/CustomModelNode.jsx b/Build/Sources/components/ReactFlow/CustomModelNode.jsx
@@ -27,8 +27,8 @@ export const CustomModelNode = (props) => {
     // TODO: create a default property inside an empty js file and set it her.
     const addEmptyProperty = () => {
         setProperties([...properties, {
-            name: '',
             type: '',
+            propertyName: '',
             description: '',
             isRequired: false,
             isNullable: false,
@@ -73,8 +73,8 @@ export const CustomModelNode = (props) => {
         }]);
         props.data.properties.push(
             {
-                name: '',
                 type: '',
+                propertyName: '',
                 description: '',
                 isRequired: false,
                 isNullable: false,
@@ -460,7 +460,7 @@ export const CustomModelNode = (props) => {
                         props.data.properties.map((property, index) => {
                             return (
                                 <TYPO3StyledAccordion
-                                    title={`${property.name} ${property.type ? `(${property.type})` : ''}`}
+                                    title={`${property.propertyName} ${property.type ? `(${property.type})` : ''}`}
                                     id={`nodeProperty-${props.id}-${index}`}
                                     parentId="accordionCustomModelNodeProperties"
                                 >
@@ -469,9 +469,9 @@ export const CustomModelNode = (props) => {
                                             label="Property name"
                                             placeholder="Property name"
                                             identifier="propertyName"
-                                            initialValue={property.name}
+                                            initialValue={property.propertyName}
                                             onChange={(value) => {
-                                                updateProperty(index, "name", value.toLowerCase());
+                                                updateProperty(index, "propertyName", value.toLowerCase());
                                             }}
                                         />
                                         <SelectComponent

diff --git a/Resources/Public/JavaScript/main.js b/Resources/Public/JavaScript/main.js