Hello World Ready

Client/WebServer/index.html

@@ -62,7 +62,7 @@
     </div>
     <div id="masterApp"></div>
     <div id="canvasApp"></div>
-    <div id="docApp" style="position:fixed; top:100000px; left:100000px">
+    <div id="docsDiv" class="docs-page" style="position:fixed; top:100000px; left:100000px">
     </div>
     <div id="chatApp" style="position:fixed; top:100000px; left:100000px">
         <iframe id="chatIFrame" style="border:none; " height="2000" width="900"></iframe>

Projects/Superalgos/Schemas/AppSchema.json

@@ -12432,7 +12432,6 @@
     },
     {
         "type": "Move To Phase Event",
-        "docURL": "",
         "menuItems": [
             {
                 "action": "Add UI Object",

Projects/Superalgos/UI/Function-Libraries/ActionSwitch.js

@@ -634,18 +634,7 @@ function newSuperalgosActionSwitch() {
                 {
                     let definition = getNodeDefinition(action.node)
                     if (definition !== undefined) {
-                        if (definition.docURL !== undefined) {
-                            UI.projects.superalgos.spaces.docsSpace.navigateTo(definition.docURL)
-                        } else {
-                            let headName = UI.projects.superalgos.utilities.hierarchy.getHiriarchyHead(action.node).type
-                            headName = headName.toLowerCase()
-                            headName = headName.split(" ").join("-")
-                            let nodeName = action.node.type
-                            nodeName = nodeName.toLowerCase()
-                            nodeName = nodeName.split(" ").join("-")
-                            url = UI.projects.superalgos.globals.docs.DOCUMENTATION_URL_PREFIX + "suite-hierarchy-" + headName + ".html#" + nodeName
-                            UI.projects.superalgos.spaces.docsSpace.navigateTo(url)
-                        }
+                        UI.projects.superalgos.spaces.docsSpace.navigateTo(action.node)
                     }
                 }
                 break

Projects/Superalgos/UI/Globals/Docs.js

@@ -1,7 +1,5 @@
 function newSuperalgosGlobalsDocs() {
     thisObject = {
-        DOCUMENTATION_URL_PREFIX: 'https://docs.superalgos.org/',
-        DOCUMENTATION_URL_DEFAULT: 'https://docs.superalgos.org/suite-about-this-documentation.html'
     }
     return thisObject
 }

Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js

@@ -48,14 +48,25 @@ function newSuperalgosDocSpace() {
     }
 
     function onOpening() {
- 
+
     }
 
     function onClosing() {
 
     }
 
-    function navigateTo(url) {
+    function navigateTo(node) {
+
+        buildNodeHtmlPage()
+
+        function buildNodeHtmlPage() {
+            let HTML = node.type
+
+            let docsAppDiv = document.getElementById('docsDiv')
+            docsAppDiv.innerHTML = HTML
+        }
+
+
         thisObject.sidePanelTab.open()
     }
 
@@ -85,20 +96,20 @@ function newSuperalgosDocSpace() {
 
     function physics() {
         thisObject.sidePanelTab.physics()
-        docAppDivPhysics()
+        docsAppDivPhysics()
 
-        function docAppDivPhysics() {
-            let docAppDiv = document.getElementById('docApp')
-            docAppDivPosition = {
+        function docsAppDivPhysics() {
+            let docsAppDiv = document.getElementById('docsDiv')
+            docsAppDivPosition = {
                 x: 0,
                 y: 0
             }
-            docAppDivPosition = thisObject.container.frame.frameThisPoint(docAppDivPosition)
-            docAppDiv.style = '   ' + 
-            'position:fixed; top:' + docAppDivPosition.y + 'px; ' + 
-            'left:' + docAppDivPosition.x + 'px; z-index:1; ' + 
-            'width: ' + thisObject.container.frame.width + 'px;' +
-            'height: ' + thisObject.container.frame.height + 'px'
+            docsAppDivPosition = thisObject.container.frame.frameThisPoint(docsAppDivPosition)
+            docsAppDiv.style = '   ' +
+                'position:fixed; top:' + docsAppDivPosition.y + 'px; ' +
+                'left:' + docsAppDivPosition.x + 'px; z-index:1; ' +
+                'width: ' + thisObject.container.frame.width + 'px;' +
+                'height: ' + thisObject.container.frame.height + 'px'
         }
     }