generated from eliahuhorwitz/Academic-project-page-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebapp.html
122 lines (104 loc) · 3.41 KB
/
webapp.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HumanX Phantoms</title>
<style>
body { margin: 0; }
</style>
<script type="module" crossorigin src="/assets/index-b8abbb2a.js"></script>
<link rel="stylesheet" href="/assets/index-76958e83.css">
</head>
<body>
<section class="container">
<section class="controls">
<form id="form" action="">
<label for="sex">
<span> Sex:</span>
<select name="sex">
<option> -- Select Gender -- </option>
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</label>
<label for="race">
<span> Race: </span>
<select name="race">
<option> -- Select Race -- </option>
<!-- <option value="white" hidden>White/Caucasian</option>
<option value="black">Black/African American</option>
<option value="asian">Asian</option>
<option value="others">Others</option> -->
</select>
</label>
<label for="bmi">
<span> BMI: </span>
<select name="bmi">
<option> -- Select BMI -- </option>
<!-- <option value="underweight"> Underweight (18.5 and less) </option>
<option value="normal"> Normal (18.5-24.9) </option>
<option value="overweight"> Overweight (25-29.9) </option>
<option value="obese"> Obese (30 and more) </option> -->
</select>
</label>
<label for="age">
<span>Age:</span>
<select name="age">
<option> -- Select Age -- </option>
<!-- <option value="0-5">0-5</option> -->
</select>
</label>
<button type="submit">Retrieve</button>
</form>
<div class="details" id="details" style="display: none !important;" >
<span id="no-of-phantoms" hidden> No. of phantoms found: <span id="number-of-models"> </span></span>
<div class="buttons">
<button id="next-model" hidden>Next</button>
<button id="prev-model" hidden>Previous</button>
</div>
<!-- <h3>Controls</h3> -->
<span>
<input type="checkbox" id="enable-drag" checked>
<label for="enable-drag">Enable Drag</label>
</span>
<div class="buttons">
<button id="reset">Reset</button>
<button id="reset-camera">Reset Camera</button>
</div>
<div >
<span> No. of Structures: <span id="number-of-structures"> </span></span> <br>
<!-- <label for="structures">Missing Structures</label> -->
<!-- <select id="structures">
<option>-- Missing Structures-- </option>
</select> -->
<div id="structures" style="display: none;">
<h3>Missing Structures</h3>
<ul id="missing-structures">
<!-- <li>Structure 1</li>
<li>Structure 2</li>
<li>Structure 3</li> -->
</ul>
</div>
</div>
</div>
<div class="citation" hidden>
<span>
If you use this tool, please cite it as follows:<br>
...
</span>
</div>
</section>
<section class="model">
<div id="logo">
<img src="static/cvit-logo-trpnt-150x68.png" alt="CVIT LOgo">
</div>
<div id="loading" class="loader"></div>
<div id="phantom-id">
<span id="active-mesh-container" style="display: none;">Selected Organ: <span id="active-mesh"></span> </span><br>
<span>Phantom ID: <span id="phantom-id-value">00001</span></span>
</div>
<canvas id="canvas"></canvas>
</section>
</section>
</body>
</html>