251 lines
16 KiB
HTML
251 lines
16 KiB
HTML
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Superalgos</title>
|
|
<meta name="description" content="Free and Open Source Crypto Trading Tools">
|
|
<link rel="stylesheet" href="main.css" type="text/css" charset="utf-8" />
|
|
<link rel="stylesheet" href="credits.css" type="text/css" charset="utf-8" />
|
|
<link rel="stylesheet" href="tutorial.css" type="text/css" charset="utf-8" />
|
|
<link rel="stylesheet" href="docs.css" type="text/css" charset="utf-8" />
|
|
<link rel="stylesheet" href="context-menu.css" type="text/css" charset="utf-8" />
|
|
<link rel="stylesheet" href="font-awasome.css" type="text/css" />
|
|
<link rel="stylesheet" href="prism.css" type="text/css" />
|
|
<link rel="shortcut icon" type="image/png/ico" href="Images/favicon.ico" />
|
|
<script type="text/javascript" src="WebServer/require.js"></script>
|
|
<script type="text/javascript" src="AppPreLoader.js"></script>
|
|
<script src="externalScripts/CCapture.all.min.js"></script>
|
|
<script src="externalScripts/prism.js"></script>
|
|
|
|
<!-- Documentation Style Sheets -->
|
|
<!-- -->
|
|
|
|
<script type="text/javascript">
|
|
function loadCanvas() {
|
|
// Prevent click-jacking
|
|
try {
|
|
if (window == window.top || window.chrome && chrome.app && chrome.app.window) {
|
|
document.documentElement.style.display = 'block'
|
|
} else {
|
|
top.location = self.location
|
|
}
|
|
} catch (e) { console.error('CJ protection', e) }
|
|
|
|
try {
|
|
drawSplashText()
|
|
loadSuperalgos()
|
|
} catch (err) {
|
|
console.log("[ERROR] UI can not be started. Please check that WebServer is running.", err);
|
|
}
|
|
}
|
|
|
|
function onResize() {
|
|
try {
|
|
if (canvas === undefined) { return }
|
|
if (canvas.eventHandler === undefined) { return }
|
|
if (DISABLE_BROWSER_RESIZE_EVENT === true) { return }
|
|
canvas.eventHandler.raiseEvent('Browser Resized')
|
|
} catch (err) {
|
|
console.log('Error Resizing. ' + err.stack)
|
|
}
|
|
}
|
|
|
|
function drawSplashText() {
|
|
const splashTextArray = [
|
|
{
|
|
"splashTextLine1Html": 'Superalgos is <span class="credits-red">open source</span>, <span class="credits-red">forever free</span> for <span class="credits-red">everyone</span>, and is <spanclass="credits-red">constantly improving</span> thanks to the involvement of contributors:'
|
|
,
|
|
"splashTextLine2Html": 'Luis Fernando Molina, Julian Molina, Andreja Cobeljic, Ira Miller, matbenitez, bearcanrun, nikolabjelo, 9808us, pmmax, suttridge, Basalt09, Mhnramin, 0xperez, infin1t3, benitezme, whtv, cozed-gh, Eduardo678-dotcom, Smidy13, teehanming, 64bittuning, joenij, apronotti, Noeljarillo, ssplatt, rico4dev, DougJCook, mane, Cordo-van-Saviour, CarnivalBen, Sil3ntLight, pisukesoramame, Edodi, harrellbm, CaptainJeff, Jeff Braun, Francisco J. Santillán, Norman, Viktoria B., Guillermo V., Daniel J., Javier A., Gustavo J., Romina GS, Pedro P., Thais M., Andrey M., Loui M., Natalia, M., Bashar A., Carlos V., Diego M., Sebastian E., Bogdan P., Marko V., Igor S., Niksa K., Rodrigo M., Nicanor M., Mateo H., Lan T., Leon A., Uroš R., Filip M., Vladimir J. and Pavle B.'
|
|
,
|
|
"splashTextLine3Html": 'Please, <span class="credits-red">give a star to the Superalgos repo at GitHub.com...</span> It helps other devs find the project!'
|
|
},
|
|
{
|
|
"splashTextLine1Html": 'Superalgos is a Community of <span class="credits-red">Algo-Traders</span>, sharing knoleadge, experience and tools between each other.'
|
|
,
|
|
"splashTextLine2Html": 'The Superalgos Community is capable of collective bargaining with Crypto Exchanges to get better trading fees for all members.'
|
|
,
|
|
"splashTextLine3Html": 'Become part of the <span class="credits-red">Superalgos Community</span> by making a small contribution to the open source project!'
|
|
},
|
|
{
|
|
"splashTextLine1Html": 'Superalgos is built on <span class="credits-red">Core Values</span> that we are never going to change.'
|
|
,
|
|
"splashTextLine2Html": 'Superalgos software <span class="credits-red">does not include Ads</span> of any kind, and it will never do it. Superalgos software <span class="credits-red">does not collect user information</span> of any kind, and it will never do it. Superalgos software <span class="credits-red">is Free of Charge</span> for all community members, and it will allways be. We value <span class="credits-red">Education</span> that is why we build into the software educational tools and content.'
|
|
,
|
|
"splashTextLine3Html": 'We build this together and it belongs to us. Become part of the <span class="credits-red">Superalgos Community</span> by making a small contribution to the open source project!'
|
|
},
|
|
{
|
|
"splashTextLine1Html": 'Superalgos is <span class="credits-red">Permissionless</span>. Don\'t like the UI? Don\'t like the icons used? Don\'t like the Charting System? Don\'t like the Visual Designer? Don\'t like the Visual Debugger? Don\'t like the Docs? Don\'t like the Trading Bot? Don\'t like the Indicators? Don\'t like the Plotters? Don\'t like any other part of the system?'
|
|
,
|
|
"splashTextLine2Html": 'No problem, code or integrate libraries with your own version of any component and we promise we will merge your work and provide it as an alternative to users. We believe in <span class="credits-red">Permissionless Innovation</span> and that users, not team members, are the final judges and the ones who decide what they prefer to use. You are free to create an alternative for any part of the system that you believe that should work or should have been done in a different way. We will help you integrate your vision into the next release and enable a way for users to choose between different implementations of the same functionality. You will also be granted the title of maintainer of the functionality you provide and have decision power on how it evolves in the future.'
|
|
,
|
|
"splashTextLine3Html": 'We are strong belieavers in <span class="credits-red">Permissionless Innovation</span>. You don\'t need to ask for permission to become one of us. Make a small contribution to the open source project and you will become a member of the <span class="credits-red">Superalgos Community</span>'
|
|
},
|
|
{
|
|
"splashTextLine1Html": 'Would you like to join the <span class="credits-red">Superalgos\'s Developer Team</span>?.'
|
|
,
|
|
"splashTextLine2Html": 'Just look around, find something that is missing and start coding it. If you need help ask at the chat groups. If the feature you want to add is big or difficult to integrate, look for a mentor to help you out.'
|
|
,
|
|
"splashTextLine3Html": 'If Bitcoin\'s motto is <span class="credits-red">Don\'t trust. Verify.</span>, ours is: <span class="credits-red">Just code it.</span>'
|
|
}
|
|
]
|
|
|
|
let arrayIndex = Math.trunc(Math.random() * splashTextArray.length)
|
|
let splashTextElement
|
|
splashTextElement = document.getElementById('splash-text-line-1')
|
|
splashTextElement.innerHTML = splashTextArray[arrayIndex].splashTextLine1Html
|
|
splashTextElement = document.getElementById('splash-text-line-2')
|
|
splashTextElement.innerHTML = splashTextArray[arrayIndex].splashTextLine2Html
|
|
splashTextElement = document.getElementById('splash-text-line-3')
|
|
splashTextElement.innerHTML = splashTextArray[arrayIndex].splashTextLine3Html
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body id="body" onload="loadCanvas()"
|
|
style="overflow:hidden; background: url(Images/superalgos-platform.jpg); background-size: cover;"
|
|
onresize="onResize()">
|
|
<div id="splash-text" class="credits">
|
|
<p id="splash-text-line-1" style="font-size: 120%;"></p>
|
|
<p id="splash-text-line-2" style="font-size: 120%;"></p>
|
|
<p id="splash-text-line-3" style="font-size: 120%;"></p>
|
|
<p id="splash-text-status-paragraph" class="credits-yellow">The UI is loading...</p>
|
|
</div>
|
|
<div id="masterApp"></div>
|
|
<div id="canvasApp"></div>
|
|
<div id="docs-space-div" class="docs-page" style="position:fixed; top:100000px; left:100000px">
|
|
<div id="docs-content-div"></div>
|
|
</div>
|
|
<div id="chatApp" style="position:fixed; top:100000px; left:100000px">
|
|
<iframe id="chatIFrame" style="border:none; " height="2000" width="900"></iframe>
|
|
</div>
|
|
<div id="textAreaDiv"></div>
|
|
<div id="inputDiv" style="font-family:saira condensed;"> </div>
|
|
|
|
<!-- Tutorial Template Divs -->
|
|
<div id="tutorialDiv" class="tutorial-step" style="position:fixed; top:100000px; left:100000px;"></div>
|
|
<div id="tutorialFormDiv" class="tutorial-form" style="position:fixed; top:100000px; left:100000px;">
|
|
<form>
|
|
<table class="tutorial-buttonsTable">
|
|
<tr>
|
|
<td align="center">
|
|
<label class="tutorial-font-small tutorial-stop-button"
|
|
onclick="UI.projects.education.spaces.tutorialSpace.stop()"
|
|
value=""> Stop </label>
|
|
</td>
|
|
<td align="center">
|
|
<label class="tutorial-font-small tutorial-skip-button"
|
|
onclick="UI.projects.education.spaces.tutorialSpace.skip()"
|
|
value=""> Skip </label>
|
|
</td>
|
|
<td align="center">
|
|
<label class="tutorial-font-small tutorial-previous-button"
|
|
onclick="UI.projects.education.spaces.tutorialSpace.previous()" value="">Previous</label>
|
|
</td>
|
|
<td align="center">
|
|
<label class="tutorial-font-small tutorial-next-button"
|
|
onclick="UI.projects.education.spaces.tutorialSpace.next()"
|
|
value=""> Next </label>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="menu" class="docs-menu-table">
|
|
<div class="menu-row">
|
|
<div class="menu-item" onClick="window.contextMenu.editParagraph()">
|
|
<img src="Icons/Foundations/Docs/docs-action-edit-paragraph.png" class="menu-img" title="Edit">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toTitle()">
|
|
<img src="Icons/Foundations/Docs/docs-title-style.png" class="menu-img" title="Title">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toSubtitle()">
|
|
<img src="Icons/Foundations/Docs/docs-subtitle-style.png" class="menu-img" title="Subtitle">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toNote()">
|
|
<img src="Icons/Foundations/Docs/docs-note-style.png" class="menu-img" title="Note">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toJavascript()">
|
|
<img src="Icons/Foundations/Docs/docs-js-code-style.png" class="menu-img" title="Javascript">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toYouTubeVideo()">
|
|
<img src="Icons/Foundations/Docs/docs-youtube-video-style.png" class="menu-img" title="Youtube">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toBlock()">
|
|
<img src="Icons/Foundations/Docs/docs-block-style.png" class="menu-img" title="Block">
|
|
</div>
|
|
</div>
|
|
<div class="menu-row">
|
|
<div class="menu-item" onClick="window.contextMenu.copyLink()">
|
|
<img src="Icons/Foundations/Docs/docs-action-copy-to-clipboard.png" class="menu-img" title="Copy">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toText()">
|
|
<img src="Icons/Foundations/Docs/docs-text-style.png" class="menu-img" title="Text">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toList()">
|
|
<img src="Icons/Foundations/Docs/docs-list-style.png" class="menu-img" title="List">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toSuccess()">
|
|
<img src="Icons/Foundations/Docs/docs-success-style.png" class="menu-img" title="Success">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toJson()">
|
|
<img src="Icons/Foundations/Docs/docs-json-code-style.png" class="menu-img" title="Json">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toGif()">
|
|
<img src="Icons/Foundations/Docs/docs-gif-style.png" class="menu-img" title="Gif">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toInclude()">
|
|
<img src="Icons/Foundations/Docs/docs-include-style.png" class="menu-img" title="Include">
|
|
</div>
|
|
</div>
|
|
<div class="menu-row">
|
|
<div class="menu-item" onClick="window.contextMenu.toPlaceholder()">
|
|
<img src="Icons/Foundations/Docs/docs-placeholder-style.png" class="menu-img" title="Placeholder">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toSummary()">
|
|
<img src="Icons/Foundations/Docs/docs-summary-style.png" class="menu-img" title="Summary">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toCallout()">
|
|
<img src="Icons/Foundations/Docs/docs-callout-style.png" class="menu-img" title="Callout">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toImportant()">
|
|
<img src="Icons/Foundations/Docs/docs-important-style.png" class="menu-img" title="Important">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toTable()">
|
|
<img src="Icons/Foundations/Docs/docs-table-style.png" class="menu-img" title="Table">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toPng()">
|
|
<img src="Icons/Foundations/Docs/docs-png-style.png" class="menu-img" title="Png">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toSection()">
|
|
<img src="Icons/Foundations/Docs/docs-section-style.png" class="menu-img" title="Section">
|
|
</div>
|
|
</div>
|
|
<div class="menu-row">
|
|
<div class="menu-item" onClick="window.contextMenu.deleteParagraph()">
|
|
<img src="Icons/Foundations/Docs/docs-action-delete-paragraph.png" class="menu-img" title="Delete">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toWebPageLink()">
|
|
<img src="Icons/Foundations/Docs/docs-web-page-link-style.png" class="menu-img" title="Link">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toAnchor()">
|
|
<img src="Icons/Foundations/Docs/docs-anchor-style.png" class="menu-img" title="Anchor">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toWarning()">
|
|
<img src="Icons/Foundations/Docs/docs-warning-style.png" class="menu-img" title="Warning">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toHierarchy()">
|
|
<img src="Icons/Foundations/Docs/docs-hierarchy-style.png" class="menu-img" title="Hierarchy">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toError()">
|
|
<img src="Icons/Foundations/Docs/docs-error-style.png" class="menu-img" title="Error">
|
|
</div>
|
|
<div class="menu-item" onClick="window.contextMenu.toChapter()">
|
|
<img src="Icons/Foundations/Docs/docs-chapter-style.png" class="menu-img" title="Chapter">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |