262 lines
15 KiB
HTML
262 lines
15 KiB
HTML
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Superalgos Platform</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="governance.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>
|
|
<script src="externalScripts/flexsearch.bundle.js"></script>
|
|
<script src="externalScripts/popper.min.js"></script>
|
|
<script src="externalScripts/tippy-bundle.umd.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
function loadApp() {
|
|
// 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": '<span class="credits-red">Superalgos is open source, forever free for everyone, and is constantly improving thanks to the involvement of contributors!</span>'
|
|
,
|
|
"splashTextLine2Html": 'You may contribute, earn tokens, and participate in the governance of the project, no matter what your set of skills may be! It\'s as simple as sharing what you build for yourself, submitting a review, fixing a bug, or even a typo in the Docs!'
|
|
,
|
|
"splashTextLine3Html": ''
|
|
},
|
|
{
|
|
"splashTextLine1Html": '<span class="credits-red">Superalgos is a community of algo traders, sharing knowledge, experience, and tools.</span>'
|
|
,
|
|
"splashTextLine2Html": 'We negotiate with exchanges and pass on benefits to all members. Become part of the Superalgos Community by making a small contribution to the open-source project!'
|
|
,
|
|
"splashTextLine3Html": ''
|
|
},
|
|
{
|
|
"splashTextLine1Html": '<span class="credits-red">Superalgos is built on core values that we embrace wholeheartedly.</span>'
|
|
,
|
|
"splashTextLine2Html": 'The software features no ads and does not collect user or usage information of any kind. Our products and services are free of charge for everyone, and always will be.'
|
|
,
|
|
"splashTextLine3Html": 'Superalgos puts humans first. We respect your privacy, your freedom to use and contribute to our open-source project, and your freedom to innovate.'
|
|
},
|
|
{
|
|
"splashTextLine1Html": '<span class="credits-red">Superalgos is permissionless.</span>'
|
|
,
|
|
"splashTextLine2Html": 'Don\'t like the UI, the icons, the Charting System, the Visual Designer, the Visual Debugger, the Docs, the Trading Bot, Indicators, Plotters? No problem!'
|
|
,
|
|
"splashTextLine3Html": 'Code or integrate libraries with your version of any component! We promise we will merge your work and provide it as an alternative to users. We believe in permissionless innovation! Users, not team members, are the final judges!'
|
|
},
|
|
{
|
|
"splashTextLine1Html": '<span class="credits-red">Give Superalgos a star on GitHub!</span>'
|
|
,
|
|
"splashTextLine2Html": 'Stars make the repository easier to find on GitHub.com search. The more developers find us, the more people contribute to the project, and the better the system gets for everyone!'
|
|
,
|
|
"splashTextLine3Html": ''
|
|
},
|
|
{
|
|
"splashTextLine1Html": '<span class="credits-red">Would you like to join the Superalgos\'s Developer Team?.</span>'
|
|
,
|
|
"splashTextLine2Html": 'Look around, find something that is missing and start coding! If you need help, ask in the chat groups to find a mentor!'
|
|
,
|
|
"splashTextLine3Html": 'Follow our motto: Just code it!'
|
|
}
|
|
]
|
|
|
|
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="loadApp()"
|
|
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="governance-reports-space-div" class="governance-page" style="position:fixed; top:100000px; left:100000px">
|
|
<div id="governance-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> |