From 85548ea994c1b32fc718d5d4bb096a471e3ae1a8 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Sun, 13 Dec 2020 10:31:38 +0100
Subject: [PATCH] Children Nodes Properties umplemented

---
 Client/WebServer/css/docs.css                 |  8 +++
 .../UI/Spaces/Docs-Space/DocsSpace.js         | 58 +++++++++++++------
 2 files changed, 48 insertions(+), 18 deletions(-)

diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css
index d7e721a4d..3cb1492f8 100644
--- a/Client/WebServer/css/docs.css
+++ b/Client/WebServer/css/docs.css
@@ -372,4 +372,12 @@ a:active.docs-footer-link {
     width: 30px;
     height: 30px;
     vertical-align: auto;
+  }
+
+  .docs-children-nodes-property-image {
+    margin-left: 25px;
+    margin-right: 25px;
+    width: 30px;
+    height: 30px;
+    vertical-align: auto;
   }
\ No newline at end of file
diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
index 163be6e8e..b9d7b566f 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
@@ -554,13 +554,13 @@ function newSuperalgosDocSpace() {
             */
             addImages()
 
-
             function addImages() {
                 addProjectImage()
                 if (nodeDocsDefinition.definition !== undefined) {
                     addDefinitionImage(objectBeingRendered.project)
                 }
                 addMenuItemsImages()
+                addChildrenNodesPropertiesImages()
 
                 function addDefinitionImage(project) {
                     let imageElement
@@ -589,32 +589,54 @@ function newSuperalgosDocSpace() {
                 }
 
                 function addMenuItemsImages() {
-                    if (nodeAppDefinition !== undefined && nodeAppDefinition.menuItems !== undefined) {
-                        for (let i = 0; i < nodeAppDefinition.menuItems.length; i++) {
-                            let menuItem = nodeAppDefinition.menuItems[i]
-                            let collectionImage = getMenuItemIcon()
-                            let imageElement = collectionImage.cloneNode()
+                    if (nodeAppDefinition === undefined || nodeAppDefinition.menuItems === undefined) { return }
+                    for (let i = 0; i < nodeAppDefinition.menuItems.length; i++) {
+                        let menuItem = nodeAppDefinition.menuItems[i]
+                        let collectionImage = getIcon()
+                        let imageElement = collectionImage.cloneNode()
 
-                            imageElement.className = "docs-menu-item-image"
+                        imageElement.className = "docs-menu-item-image"
 
-                            let menuItemElement = document.getElementById('docs-menu-item-' + i + '')
-                            let dummyImage = menuItemElement.childNodes[0]
-                            menuItemElement.replaceChild(imageElement, dummyImage)
+                        let parentElement = document.getElementById('docs-menu-item-' + i + '')
+                        let dummyImage = parentElement.childNodes[0]
+                        parentElement.replaceChild(imageElement, dummyImage)
 
-                            function getMenuItemIcon() {
-                                if (menuItem.relatedUiObject !== undefined) {
-                                    return UI.projects.superalgos.spaces.designSpace.getIconByProjectAndType(objectBeingRendered.project, menuItem.relatedUiObject)
+                        function getIcon() {
+                            if (menuItem.relatedUiObject !== undefined) {
+                                return UI.projects.superalgos.spaces.designSpace.getIconByProjectAndType(objectBeingRendered.project, menuItem.relatedUiObject)
+                            } else {
+                                if (menuItem.iconPathOn !== undefined) {
+                                    return UI.projects.superalgos.spaces.designSpace.getIconByProjectAndName(objectBeingRendered.project, menuItem.iconPathOn)
                                 } else {
-                                    if (menuItem.iconPathOn !== undefined) {
-                                        return UI.projects.superalgos.spaces.designSpace.getIconByProjectAndName(objectBeingRendered.project, menuItem.iconPathOn)
-                                    } else {
-                                        return UI.projects.superalgos.spaces.designSpace.getIconByProjectAndName('Superalgos', 'bitcoin')
-                                    }
+                                    return UI.projects.superalgos.spaces.designSpace.getIconByProjectAndName('Superalgos', 'bitcoin')
                                 }
                             }
                         }
                     }
                 }
+
+                function addChildrenNodesPropertiesImages() {
+                    if (nodeAppDefinition === undefined || nodeAppDefinition.childrenNodesProperties === undefined) { return }
+                    for (let i = 0; i < nodeAppDefinition.childrenNodesProperties.length; i++) {
+                        let childrenNodesProperty = nodeAppDefinition.childrenNodesProperties[i]
+                        let collectionImage = getIcon()
+                        let imageElement = collectionImage.cloneNode()
+
+                        imageElement.className = "docs-children-nodes-property-image"
+
+                        let parentElement = document.getElementById('docs-children-nodes-property-' + i + '')
+                        let dummyImage = parentElement.childNodes[0]
+                        parentElement.replaceChild(imageElement, dummyImage)
+
+                        function getIcon() {
+                            if (childrenNodesProperty.project !== undefined) {
+                                return UI.projects.superalgos.spaces.designSpace.getIconByProjectAndType(childrenNodesProperty.project, childrenNodesProperty.childType)
+                            } else {
+                                return UI.projects.superalgos.spaces.designSpace.getIconByProjectAndType(objectBeingRendered.project, childrenNodesProperty.childType)
+                            }
+                        }
+                    }
+                }
             }
 
             function autoGeneratedHtml() {