mirror of https://github.com/lgc-4/DataTools3.git
105 lines
3.8 KiB
HTML
105 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>DataTools</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
<script src="elements/Camera.js"></script>
|
|
<script src="elements/Connector.js"></script>
|
|
<script src="elements/Box.js"></script>
|
|
<script src="elements/TextBox.js"></script>
|
|
<script src="elements/Converter.js"></script>
|
|
<script src="elements/Base64Converter.js"></script>
|
|
<script src="elements/RandomNumberGenerator.js"></script>
|
|
<script src="elements/NumberBox.js"></script>
|
|
<script src="elements/Duplicator.js"></script>
|
|
<script src="elements/Concatinator.js"></script>
|
|
<script src="elements/URLConverter.js"></script>
|
|
<script src="elements/MD5Hasher.js"></script>
|
|
<script src="elements/SHA256Hasher.js"></script>
|
|
<script src="controllers/menu-controller.js"></script>
|
|
<script src="controllers/input-controller.js"></script>
|
|
<script src="controllers/element-controller.js"></script>
|
|
<script src="controllers/draw-controller.js"></script>
|
|
<script src="controllers/module-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>
|
|
<span class="menuBarItem">Help</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(new TextBox())">Text Box</button>
|
|
<button onclick="addElement(new NumberBox())">Number Box</button>
|
|
<button onclick="addElement(new RandomNumberGenerator())">Random Number Generator</button>
|
|
</div>
|
|
<div class="elementsGroup">
|
|
<span>Converters</span>
|
|
<button onclick="addElement(new Base64Converter())">Base64</button>
|
|
<button onclick="addElement(new URLConverter())">URL</button>
|
|
</div>
|
|
<div class="elementsGroup">
|
|
<span>Hashers</span>
|
|
<button onclick="addElement(new MD5Hasher())">MD5</button>
|
|
<button onclick="addElement(new SHA256Hasher())">SHA256</button>
|
|
</div>
|
|
<div class="elementsGroup">
|
|
<span>Others</span>
|
|
<button onclick="addElement(new Duplicator())">Duplicator</button>
|
|
<button onclick="addElement(new Concatinator())">Concatinator</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="menuContentHelp" class="menuContentBox">
|
|
<p>
|
|
<strong>Controls:</strong>
|
|
</p>
|
|
<ul>
|
|
<li><strong>Click</strong> to connect elements</li>
|
|
<li><strong>Drag the top of a box</strong> to move it</li>
|
|
<li><strong>Scroll</strong> to zoom</li>
|
|
<li><strong>Right- / Middle-Click</strong> to move the view</li>
|
|
</ul>
|
|
</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> |