-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (39 loc) · 1.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!-- Sources:
https://stackoverflow.com/questions/15000341/how-to-display-a-binary-search-tree-using-css-html-and-a-bit-of-javascript
http://jsfiddle.net/Limitlessisa/5Lhb0ron/
-->
<head>
<link rel='stylesheet' href='style.css' />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src='working-set-ui.js'></script>
<script src='render.js'></script>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<!-- Title bar -->
<p class="title">Dynamic Optimality: Working Set Structure</p>
<p class="title sub"> ccassidy@, rew@, smriti@ </p>
<!-- Buttons for operations: insert, delete, search -->
<div class="fixed-action-btn horizontal click-to-toggle">
<a class="btn-floating btn-large cyan">
<i class="material-icons">menu</i>
</a>
<ul>
<li><input id="user-input" placeholder="Insert/del/search for..." type="text"></li>
<li><a id="insert" class="btn-floating green"><i class="material-icons">add</i></a></li>
<li><a id="delete" class="btn-floating red"><i class="material-icons">delete</i></a></li>
<li><a id="search" class="btn-floating yellow darken-1"><i class="material-icons">search</i></a></li>
</ul>
</div>
<!-- Display working set structure -->
<div id='statusMessages'>
<div id="operationContainer">Operation: <div id='operation'>none</div></div>
<div id="statusContainer">Status: <div id='status'>idle</div></div>
</div>
<div class="container"></div>
</body>