Tabs dynamics - WIP

This commit is contained in:
Julian Molina committed 2020-12-16 20:52:53 +01:00
1 parent b351571b2e
commit c0dfea2993
2 files changed
+214 -19

No files matched your search

@@ -526,12 +526,82 @@ function newSuperalgosDocSpace() {
function renderSearchResultsPage() {
let HTML = ''
HTML = HTML + '<div id="docs-search-results-div">'
HTML = HTML + '<img src="Images/superalgos-logo.png" class="docs-image-logo-search-results" width=200>'
HTML = HTML + '<div class="docs-font-normal docs-search-results-box">'
// Header
HTML = HTML + '<section id="docs-search-results-div" class="docs-node-html-page-container">'
HTML = HTML + '<div class="docs-search-results-header">'
HTML = HTML + '<div class="docs-image-logo-search-results"><img src="Images/superalgos-logo.png" width=200></div>'
HTML = HTML + '<div class="docs-search-results-box">'
HTML = HTML + '<input class="docs-search-input" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></input>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-search-results-header-tabs-container">'
HTML = HTML + '<input id="docs-search-result-tab-all" type="radio" name="docs-results-tabs" checked=""><label for="docs-search-results-header-tab-all">All</label>'
HTML = HTML + '<input id="docs-search-result-tab-nodes" type="radio" name="docs-results-tabs"><label for="docs-search-results-header-tab-nodes">Nodes</label>'
HTML = HTML + '<input id="docs-search-result-tab-concepts" type="radio" name="docs-results-tabs"><label for="docs-search-results-header-tab-concepts">Concepts</label>'
HTML = HTML + '<input id="docs-search-result-tab-topics" type="radio" name="docs-results-tabs"><label for="docs-search-results-header-tab-topics">Topics</label>'
HTML = HTML + '<input id="docs-search-result-tab-projects" type="radio" name="docs-results-tabs"><label for="docs-search-results-header-tab-projects">Projects</label>'
HTML = HTML + '<input id="docs-search-result-tab-code" type="radio" name="docs-results-tabs"><label for="docs-search-results-header-tab-code">Code</label>'
HTML = HTML + '<input id="docs-search-result-tab-configs" type="radio" name="docs-results-tabs"><label for="docs-search-results-header-tab-configs">Configs</label>'
HTML = HTML + '</div>'
// Results
// All Tab
HTML = HTML + '<div class="docs-search-result-content">'
HTML = HTML + '<div id="docs-search-result-content-all">'
HTML = HTML + '<div class="docs-search-result-content-record-container">'
HTML = HTML + '<p class="docs-search-result-content-record-project-category">Superalgos > Node</p>'
HTML = HTML + '<p><a class="docs-search-result-content-record-title" href="data-storage.html">Data Storage</a></p>'
HTML = HTML + '<p class="docs-search-result-content-record-extract">The data storage node holds the definitions as to what data is stored in the corresponding network node.</p>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-search-result-content-record-container">'
HTML = HTML + '<p class="docs-search-result-content-record-project-category">Superalgos > Node</p>'
HTML = HTML + '<p><a class="docs-search-result-content-record-title" href="data-mines-data.html">Data Mines Data</a></p>'
HTML = HTML + '<p class="docs-search-result-content-record-extract">Session independent data refers to data generated by sensors and indicators, not related to trading sessions.</p>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-search-result-content-record-container">'
HTML = HTML + '<p class="docs-search-result-content-record-project-category">Superalgos > Node</p>'
HTML = HTML + '<p><a class="docs-search-result-content-record-title" href="trading-mines-data.html">Trading Mines Data</a></p>'
HTML = HTML + '<p class="docs-search-result-content-record-extract">Session-based data refers to data that is generated as a consequence of running a trading session, that is, data the trading bot instance generates while running backtesting, paper trading, forward testing, or live trading sessions.</p>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-search-result-content-record-container">'
HTML = HTML + '<p class="docs-search-result-content-record-project-category">Ethereum > Topic</p>'
HTML = HTML + '<p><a class="docs-search-result-content-record-title" href="blockchain-data-mining.html">Blockchain Data Mining</a></p>'
HTML = HTML + '<p class="docs-search-result-content-record-extract">Mining data from the Ethereum blockchain requires running an Ethereum node. Superalgos interfaces with the Ethereum blockchaing via...</p>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
// Nodes Tab
HTML = HTML + '<div class="docs-search-result-content">'
HTML = HTML + '<div id="docs-search-result-content-nodes">'
HTML = HTML + '<div class="docs-search-result-content-record-container">'
HTML = HTML + '<p class="docs-search-result-content-record-project-category">Superalgos > Node</p>'
HTML = HTML + '<p><a class="docs-search-result-content-record-title" href="data-storage.html">Data Storage</a></p>'
HTML = HTML + '<p class="docs-search-result-content-record-extract">The data storage node holds the definitions as to what data is stored in the corresponding network node.</p>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-search-result-content-record-container">'
HTML = HTML + '<p class="docs-search-result-content-record-project-category">Superalgos > Node</p>'
HTML = HTML + '<p><a class="docs-search-result-content-record-title" href="data-mines-data.html">Data Mines Data</a></p>'
HTML = HTML + '<p class="docs-search-result-content-record-extract">Session independent data refers to data generated by sensors and indicators, not related to trading sessions.</p>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '<div class="docs-search-result-content-record-container">'
HTML = HTML + '<p class="docs-search-result-content-record-project-category">Superalgos > Node</p>'
HTML = HTML + '<p><a class="docs-search-result-content-record-title" href="trading-mines-data.html">Trading Mines Data</a></p>'
HTML = HTML + '<p class="docs-search-result-content-record-extract">Session-based data refers to data that is generated as a consequence of running a trading session, that is, data the trading bot instance generates while running backtesting, paper trading, forward testing, or live trading sessions.</p>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '</div>'
HTML = HTML + '</section>'
let docsSpaceDiv = document.getElementById('docs-space-div')
docsSpaceDiv.innerHTML = HTML + addFooter()
detectEnterOnSearchBox()