From 3ef74fef609e60c6a7e68ecc5a8777b71749571d Mon Sep 17 00:00:00 2001
From: Julian Molina <julian@nomadinception.com>
Date: Wed, 13 Jan 2021 10:48:28 +0100
Subject: [PATCH] New section on footer

---
 Client/WebServer/css/docs.css                 | 18 ++++++
 .../Superalgos/UI/Spaces/Docs-Space/Footer.js | 62 +++++++++++++++++--
 2 files changed, 76 insertions(+), 4 deletions(-)

diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css
index 435051691..f4e7fccdc 100644
--- a/Client/WebServer/css/docs.css
+++ b/Client/WebServer/css/docs.css
@@ -578,6 +578,24 @@ border-radius: 3px;
 padding: 0 5;
 }
 
+code.docs-footer-code {
+color: #eee;
+background-color: rgba(230, 234, 234, 0.2);
+/* border: 1px solid rgba(205, 212, 213, 0.5); DELETE Candidate*/
+border: 1px solid rgba(200, 200, 200, .5);
+border-radius: 3px;
+padding: 0 5;
+}
+
+a:hover.code.docs-footer-code {
+color: #eee;
+background-color: rgba(253, 106, 51, 1);
+/* border: 1px solid rgba(205, 212, 213, 0.5); DELETE Candidate*/
+border: 1px solid rgba(200, 200, 200, .5);
+border-radius: 3px;
+padding: 0 5;
+}
+
 /* Style the button that is used to open and close the docs-collapsible-element content */
 .docs-collapsible-element {
 background-color: #eee;
diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js b/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
index 25f28817b..0c255f944 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
@@ -22,13 +22,17 @@ function newSuperalgosDocsFooter() {
 
         HTML = HTML + '<div id="docs-footer" class="docs-node-html-footer-container">' // Container Starts
 
+        // Language Section
+
         HTML = HTML + '<div class="docs-node-html-footer-table">'
+
         HTML = HTML + '<div class="docs-footer-row">'
+
         HTML = HTML + '<div class="docs-footer-cell" style="white-space: nowrap; overflow-x: auto; ">'
         HTML = HTML + '<h3 style="display: inline-block;">Help Superalgos Speak Your Language!</h3>'
         HTML = HTML + '</div>'
-        HTML = HTML + '<div class="docs-footer-cell style="white-space: nowrap; overflow-x: auto;" >' // white-space: nowrap; overflow-x: auto; prevents line breaks when combined with display: inline-block;" in the child elements
 
+        HTML = HTML + '<div class="docs-footer-cell style="white-space: nowrap; overflow-x: auto;" >' // white-space: nowrap; overflow-x: auto; prevents line breaks when combined with display: inline-block;" in the child elements
         HTML = HTML + '<span style="float: right; display: inline-block;" onClick="UI.projects.superalgos.spaces.docsSpace.scrollToElement(\'docs-space-div\')"><button>TO TOP</button></span>'
         if (UI.projects.superalgos.spaces.docsSpace.previousDocumentBeingRendered !== undefined ) {
             HTML = HTML + '<span style="float: right; display: inline-block;" onClick="UI.projects.superalgos.spaces.docsSpace.navigateTo(\'' + UI.projects.superalgos.spaces.docsSpace.previousDocumentBeingRendered.project + '\', \'' + UI.projects.superalgos.spaces.docsSpace.previousDocumentBeingRendered.category + '\', \'' + UI.projects.superalgos.spaces.docsSpace.previousDocumentBeingRendered.type + '\')"><button>BACK</button></span>'        
@@ -37,12 +41,15 @@ function newSuperalgosDocsFooter() {
             HTML = HTML + '<span style="float: right; display: inline-block;" onClick="UI.projects.superalgos.spaces.docsSpace.navigateTo(\'' + UI.projects.superalgos.spaces.docsSpace.currentBookBeingRendered.project + '\', \'' + UI.projects.superalgos.spaces.docsSpace.currentBookBeingRendered.category + '\', \'' + UI.projects.superalgos.spaces.docsSpace.currentBookBeingRendered.type + '\')"><button>TO BOOK</button></span>'        
         }
         HTML = HTML + '</div>'
+
         HTML = HTML + '</div>'
+
         HTML = HTML + '</div>'
 
         HTML = HTML + '<div class="docs-node-html-footer-table">'
 
         HTML = HTML + '<div class="docs-footer-row">'
+
         HTML = HTML + '<div class="docs-footer-cell">'
         HTML = HTML + '<h4>Multi-language Docs</h4>'
         HTML = HTML + 'We produce the original documentation in English and you get the content in your preferred language only when translations are available. When not, you get the default content, in English.'
@@ -62,14 +69,61 @@ function newSuperalgosDocsFooter() {
         HTML = HTML + '<h4>Contribute Translations</h4>'
         HTML = HTML + '<strong>1. </strong>Switch to your language.<br/>'
         HTML = HTML + '<strong>2. </strong>Edit any English content (title, paragraph, etc.) with your translation.<br/>'
-        HTML = HTML + '<strong>3. </strong>Save changes typing <code class="docs-code">docs.save</code> in the search/command box.<br/>'
-        HTML = HTML + '<strong>4. </strong>Type <code class="docs-code">app.contribute</code> to update your fork and submit a PR.<br/>'
+        HTML = HTML + '<strong>3. </strong>Save changes typing <code class="docs-footer-code">docs.save</code> in the search/command box.<br/>'
+        HTML = HTML + '<strong>4. </strong>Type <code class="docs-footer-code">app.contribute</code> to update your fork and submit a PR.<br/>'
         HTML = HTML + '</ol>'
         HTML = HTML + '</div>'
-        HTML = HTML + '</div>'
 
         HTML = HTML + '</div>'
 
+        HTML = HTML + '</div>'
+
+        // GitHub Section
+
+        HTML = HTML + '<div class="docs-node-html-footer-table">'
+
+        HTML = HTML + '<div class="docs-footer-row">'
+
+        HTML = HTML + '<div class="docs-footer-cell" style="white-space: nowrap; overflow-x: auto; ">'
+        HTML = HTML + '<h3 style="display: inline-block;">Manage Your Superalgos Setup and Contributions!</h3>'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '<div class="docs-node-html-footer-table">'
+
+        HTML = HTML + '<div class="docs-footer-row">'
+        HTML = HTML + '<div class="docs-footer-cell">'
+        HTML = HTML + '<h4>About Your Deployment</h4>'
+        HTML = HTML + 'Superalgos may run from different branches in the repository. The <code class="docs-footer-code">master</code> branch features the stable version, and the <code class="docs-footer-code">develop</code> branch the version in development.'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '<div class="docs-footer-cell">'
+        HTML = HTML + '<h4>Choose the Active Branch</h4>'
+        HTML = HTML + 'You are currently running on the <code class="docs-footer-code">' + languageLabel + '</code> branch. Switch to:'
+        HTML = HTML + '<ul>'
+        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'EN\')"><code class="docs-footer-code">English</code></a></li>'
+        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'ES\')"><code class="docs-footer-code">Spanish</a></code></li>'
+        HTML = HTML + '</ul>'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '<div class="docs-footer-cell">'
+        HTML = HTML + '<h4>Contributions Branch</h4>'
+        HTML = HTML + 'You are currently contributing to the <code class="docs-footer-code">' + languageLabel + '</code> branch. Switch to:'
+        HTML = HTML + '<ul>'
+        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'EN\')"><code class="docs-footer-code">English</code></a></li>'
+        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'ES\')"><code class="docs-footer-code">Spanish</a></code></li>'
+        HTML = HTML + '</ul>'
+        HTML = HTML + '</ul>'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '</div>'
+        HTML = HTML + '</div>'
+
+        // Community Section
+
         HTML = HTML + '<div class="docs-node-html-footer-table">'
         HTML = HTML + '<div class="docs-footer-row">'
         HTML = HTML + '<div class="docs-footer-cell" style="white-space: nowrap; overflow-x: auto; ">'