web/comparator.html
Matej Focko 93cb1d4241
feat: switch to bootstrap
* switch to bootstrap
* allow selecting one of the trees to be run

Fixes #1
Fixes #4

Signed-off-by: Matej Focko <mfocko@redhat.com>
2022-05-16 15:58:46 +02:00

68 lines
1.7 KiB
HTML
Executable file

<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:600"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://unpkg.com/@patternfly/patternfly/patternfly.css"
crossorigin="anonymous"
/>
</head>
<body>
<div style="display: inline">
<form id="insertTree" onSubmit="return insertCallback()">
<input
id="insertInput"
type="text"
placeholder="Number to insert"
maxlength="4"
size="14"
autofocus
/>
<input class="pf-c-button pf-m-primary" type="submit" value="Insert" />
</form>
<form id="deleteTree" onSubmit="return deleteCallback()">
<input
id="deleteInput"
type="text"
placeholder="Number to delete"
maxlength="4"
size="14"
/>
<input class="pf-c-button pf-m-primary" type="submit" value="Delete" />
</form>
</div>
<table>
<tr>
<td>
<div id="left" style="text-align: center"></div>
</td>
<td>
<div id="right" style="text-align: center"></div>
</td>
</tr>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://unpkg.com/@hpcc-js/wasm@0.3.11/dist/index.min.js"></script>
<script src="https://unpkg.com/d3-graphviz@3.0.5/build/d3-graphviz.js"></script>
<script src="utils.js"></script>
<script src="node.js"></script>
<script src="ranked_tree.js"></script>
<script src="avl.js"></script>
<script src="wavl.js"></script>
<script src="ravl.js"></script>
<script src="recorder.js"></script>
<script src="comparator_visualization.js"></script>
</body>