From d2faedc011c69bea488acb85254537bfa1f62697 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 17 Dec 2020 16:42:09 +0100
Subject: [PATCH] tabs

---
 .../UI/Spaces/Docs-Space/DocsSpace.js         | 51 +++++++++----------
 1 file changed, 25 insertions(+), 26 deletions(-)

diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
index 12bdb9e19..389a30fd4 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
@@ -137,105 +137,105 @@ function newSuperalgosDocSpace() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Javascript'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toJson() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Json'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toText() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Text'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toTitle() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Title'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toSubtitle() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Subtitle'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toNote() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Note'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toWarning() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Warning'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toImportant() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Important'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toSuccess() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Success'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toCallout() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Callout'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toSummary() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Summary'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toList() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'List'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toTable() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Table'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toGif() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Gif'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
 
             function toPng() {
                 let docSchemaParagraph = paragraphMap.get(selectedParagraph.id)
                 docSchemaParagraph.style = 'Png'
                 contextMenuForceOutClick()
-                renderPage()
+                renderDocumentPage()
             }
         }
 
@@ -493,7 +493,7 @@ function newSuperalgosDocSpace() {
                 }
             }
             EDITOR_ON_FOCUS = false
-            renderPage()
+            renderDocumentPage()
         }
     }
 
@@ -754,17 +754,17 @@ function newSuperalgosDocSpace() {
         }
 
         function buildHTML() {
+            const tabs = ['All', 'Nodes', 'Concepts', 'Topics']
             let HTML = addSearchHeader()
 
             // Tabs
             HTML = HTML + '<div class="docs-search-results-header-tabs-container">'
-            HTML = HTML + '<input id="tab1" type="radio" name="tabs" checked=""><label for="tab1">All</label>'
-            HTML = HTML + '<input id="tab2" type="radio" name="tabs"><label for="tab2">Nodes</label>'
-            HTML = HTML + '<input id="tab3" type="radio" name="tabs"><label for="tab3">Concepts</label>'
-            HTML = HTML + '<input id="tab4" type="radio" name="tabs"><label for="tab4">Topics</label>'
-            HTML = HTML + '<input id="tab5" type="radio" name="tabs"><label for="tab5">Projects</label>'
-            HTML = HTML + '<input id="tab6" type="radio" name="tabs"><label for="tab6">Code</label>'
-            HTML = HTML + '<input id="tab7" type="radio" name="tabs"><label for="tab7">Configs</label>'
+            let checked = ' checked=""'
+            for (let i = 0; i < tabs.length; i++) {
+                let tab = tabs[i]
+                HTML = HTML + '<input id="tab' + (i + 1) + '" type="radio" name="tabs"' + checked + '><label for="tab' + (i + 1) + '">' + tab + '</label>'
+                checked = ''
+            }
 
             // Results
             HTML = HTML + '<div class="docs-search-result-content">'
@@ -880,12 +880,12 @@ function newSuperalgosDocSpace() {
             project: project
         }
 
-        renderPage()
+        renderDocumentPage()
         scrollToElement('docs-space-div')
 
     }
 
-    function renderPage() {
+    function renderDocumentPage() {
 
         disableCollapsibleContent()
 
@@ -1815,7 +1815,6 @@ function newSuperalgosDocSpace() {
 
         HTML = HTML + '<div class="docs-node-html-footer-container">' // Container Starts
 
-        HTML = HTML + '<hr class="docs-shaded"></hr>'
         HTML = HTML + '<footer>'
         HTML = HTML + '<div class="docs-footer-row">'
         HTML = HTML + '<div class="docs-footer-body" style="text-align: left;">'