mirror of https://github.com/lgc-4/DataTools3.git
73 lines
2.3 KiB
HTML
73 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>DataTools</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
<script src="Camera.js"></script>
|
|
<script src="Box.js"></script>
|
|
<script src="menu.js"></script>
|
|
<script src="input-controller.js"></script>
|
|
</head>
|
|
<body>
|
|
<canvas id="canvas"></canvas>
|
|
<div id="menu">
|
|
<div id="menuBar">
|
|
<span class="menuBarItem">File</span>
|
|
<span class="menuBarItem">Presets</span>
|
|
<span class="menuBarItem">Elements</span>
|
|
</div>
|
|
<div id="menuContent">
|
|
<div id="menuContentFile" class="menuContentBox">
|
|
<button class="bigIconButton" onclick="saveConfiguration()">
|
|
<div class="bigIcon" id="saveIcon"></div>
|
|
<span>Save</span>
|
|
</button>
|
|
<button class="bigIconButton" onclick="saveConfigurationLocal()">
|
|
<div class="bigIcon" id="downloadIcon"></div>
|
|
<span>Save Local</span>
|
|
</button>
|
|
<button class="bigIconButton" onclick="loadConfiguration()">
|
|
<div class="bigIcon" id="openIcon"></div>
|
|
<span>Open</span>
|
|
</button>
|
|
<button class="bigIconButton" onclick="loadConfigurationLocal()">
|
|
<div class="bigIcon" id="uploadIcon"></div>
|
|
<span>Open Local</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div id="menuContentPresets" class="menuContentBox">
|
|
<button onclick="loadConfigurationObject(presets.base64)">Base64 Converter</button>
|
|
</div>
|
|
|
|
<div id="menuContentElements" class="menuContentBox">
|
|
<div id="elementsWrapper">
|
|
<div class="elementsGroup">
|
|
<span>Inputs</span>
|
|
<button onclick="addElement('TextBox')">Text Box</button>
|
|
<button onclick="addElement('RandomNumberGenerator')">Random Number Generator</button>
|
|
</div>
|
|
<div class="elementsGroup">
|
|
<span>Converters</span>
|
|
<button onclick="addElement('Base64Converter')">Base64</button>
|
|
<button onclick="addElement('URLConverter')">URL</button>
|
|
</div>
|
|
<div class="elementsGroup">
|
|
<span>Hashers</span>
|
|
<button onclick="addElement('MD5Hasher')">MD5</button>
|
|
<button onclick="addElement('SHA256Hasher')">SHA256</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="playground"></div>
|
|
<div id="loadWrapper">
|
|
<div id="loadDialogue">
|
|
<div id="loadList">
|
|
</div>
|
|
<button id="closeLoad">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |