From a408fff269e787c097f99ff094018cad511fe3fc Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Fri, 11 Dec 2020 12:40:45 +0100
Subject: [PATCH] Bug fixed

---
 .../UI/Spaces/Docs-Space/DocsSpace.js         | 36 ++++++++++++++++---
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
index e8750bf08..31750df87 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
@@ -116,11 +116,15 @@ function newSuperalgosDocSpace() {
             }
 
             function toJavascript() {
-
+                let docSchemaParagraph = docSchemaParagraphMap.get(selectedParagraph.id)
+                docSchemaParagraph.style = 'Javascript'
+                renderPage()
             }
 
             function toJson() {
-
+                let docSchemaParagraph = docSchemaParagraphMap.get(selectedParagraph.id)
+                docSchemaParagraph.style = 'Json'
+                renderPage()
             }
 
             function toText() {
@@ -202,6 +206,7 @@ function newSuperalgosDocSpace() {
             onKeyDown: onKeyDown
         }
     }
+
     function exitEditMode() {
         if (EDITOR_ON_FOCUS === true) {
             let editing
@@ -385,13 +390,18 @@ function newSuperalgosDocSpace() {
         if (paragraphNode.id.indexOf('list') >= 0) {
             selectedParagraphData = paragraphNode.innerText
         }
+        if (paragraphNode.id.indexOf('javascript') >= 0) {
+            selectedParagraphData = paragraphNode.innerText
+        }
+        if (paragraphNode.id.indexOf('json') >= 0) {
+            selectedParagraphData = paragraphNode.innerText
+        }
 
         selectedParagraph = paragraphNode
         selectedParagraphHeight = paragraphNode.getClientRects()[0].height
         return true
     }
 
-
     function onOpening() {
 
     }
@@ -523,9 +533,27 @@ function newSuperalgosDocSpace() {
                             innerHTML = addToolTips(renderingNode, paragraph.text)
                             break
                         }
+                        case 'Javascript': {
+                            styleClass = ''
+                            prefix = '<pre><code class="language-javascript">'
+                            sufix = '</code></pre>'
+                            role = ''
+                            key = key + '-javascript'
+                            innerHTML = addToolTips(renderingNode, paragraph.text)
+                            break
+                        }
+                        case 'Json': {
+                            styleClass = ''
+                            prefix = '<pre><code class="language-json">'
+                            sufix = '</code></pre>'
+                            role = ''
+                            key = key + '-json'
+                            innerHTML = addToolTips(renderingNode, paragraph.text)
+                            break
+                        }
                     }
 
-                    HTML = HTML + '<p><div id="' + key + '" ' + styleClass + ' ' + role + '">' + prefix + ' ' + innerHTML + sufix + '</div></p>'
+                    HTML = HTML + '<p><div id="' + key + '" ' + styleClass + ' ' + role + '>' + prefix + ' ' + innerHTML + sufix + '</div></p>'
                     docSchemaParagraphMap.set(key, paragraph)
                 }
             }