All -> huge changes

Dockerfile

@@ -10,7 +10,7 @@ COPY package.json ./
 COPY package-lock.json ./
 
 RUN npm install --silent
-RUN npm install gatsby-cli --silent
+RUN npm install gatsby-cli@3.10.0 --silent
 
 ENV GATSBY_TELEMETRY_DISABLED=1
 

src/components/forms/formGenerator.js

@@ -183,6 +183,31 @@ const PasswordInputGenerator = ({
     )
 }
 
+const ObjectIterator = ({
+    object, divPlacer
+}) => {
+    return(
+        <>
+            {
+                typeof object == "object" ?
+                
+                    Object.keys( object ).map(
+                        ( key ) => {
+                            return (
+                                <div key={ key }>
+                                    { divPlacer( object[key] ) }
+                                </div>
+                            )
+                        }
+                    )
+                :
+
+                    object
+            }
+        </>
+    )
+}
+
 /**
  * Text input generator, example:
  * @param {
@@ -219,31 +244,54 @@ const DownloadFilesListInputGenerator = ({
                         )
                 } 
                 
-                :
-
-                input.values.map( (item, index) => {
+                : input.values.map( (item, index) => {
 
                         return (
                             <>
                                 <div
                                     key={ info.action + '_element_' + index }
+                                    ls={ item }
                                 >
                                     {
-                                        Object.keys(item).map(
+                                        typeof item == 'string' ?
+
+                                            item 
+
+                                        : Object.keys(item).map(
                                             ( key, index ) => {
 
                                                 return(
                                                     <div style={{ paddingLeft: '10px' }}> 
                                                         { key + ': ' }
                                                         {
-                                                            typeof item[key] === "object" 
-                                                            ?
+                                                            typeof item[key] === "object" ?
                                                             
                                                                 Object.keys( item[key] ).map(
-                                                                ( key, index ) => {
+                                                                    ( key_two, index ) => {
                                                                         return (
                                                                             <div style={{ paddingLeft: '20px' }}>
-                                                                            { key }: { item.data[key]}
+                                                                                { key_two + ': '}
+                                                                                {
+                                                                                    typeof item[key][key_two] == 'object' ?
+                                                                                    
+                                                                                        Object.keys( item[key][key_two] ).map(
+                                                                                            (key_three, index) => {
+                                                                                                return (
+                                                                                                    <div style={{ paddingLeft: '30px' }}>
+                                                                                                        { key_three + ": " } 
+                                                                                                            { "x: " + item[key][key_two][key_three].x + ", " }
+                                                                                                            { "y: " + item[key][key_two][key_three].y + ", " }
+                                                                                                            { "z: " + item[key][key_two][key_three].z + ", " }
+                                                                                                    </div>
+                                                                                                )
+                                                                                            }
+                                                                                        )
+                                                                                    
+                                                                                    :
+                                                                                        
+                                                                                        item[key][key_two]
+                                                                                }
+
                                                                             </div>
                                                                         )
                                                                     }
@@ -259,6 +307,8 @@ const DownloadFilesListInputGenerator = ({
                                             }
                                         )
                                     }
+                                    <br />
+                                    <br />
                                     <a 
                                         href={ input.link + index + '/' }
                                     >
@@ -321,10 +371,10 @@ const ChoiceListingGenerator = ({
                 input.values.map( (item) => {
                         return (
                             <option
-                                key={ item }
-                                value={ item }
+                                key={ item.model }
+                                value={ item.model }
                             >
-                                    { item.replace('.blend', '') }
+                                    { item.model.replace('.blend', '') }
                             </option>
                         )
                     }