/
phantomas.html
104 lines (88 loc) · 4.19 KB
/
phantomas.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
<!DOCTYPE html>
<html>
<head>
<title>Phantomas Web Designer</title>
<meta charset="utf-8">
<link rel="icon" href="icons/favicon.ico">
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/w3.css" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/icons.css">
<script type="text/javascript" src="lib/three.min.js"></script>
<script type="text/javascript" src="lib/TrackballControls.js"></script>
<script type="text/javascript" src="lib/TransformControls.js"></script>
<script type="text/javascript" src="js/FiberSource.js"></script>
<script type="text/javascript" src="js/MeshSource.js"></script>
<script type="text/javascript" src="js/Phantom.js"></script>
<script type="text/javascript" src="js/dragAndDrop.js"></script>
<script type="text/javascript" src="js/load.js"></script>
<script type="text/javascript" src="js/save.js"></script>
<script type="text/javascript" src="js/axes.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="gui/handlers.js"></script>
<script type="text/javascript" src="gui/resize.js"></script>
<script type="text/javascript" src="gui/status.js"></script>
<script type="text/javascript" src="gui/setup.js"></script>
<script type="text/javascript" src="gui/stylehandlers.js"></script>
<script type="text/javascript" src="gui/fiberedit.js"></script>
<script type="text/javascript" src="gui/regionedit.js"></script>
<script type="text/javascript" src="gui/cpedit.js"></script>
</head>
<body>
<div id="leftGUI">
<!-- Title code from http://stackoverflow.com/questions/2812770/add-centered-text-to-the-middle-of-a-hr-like-line -->
<div style="width: 100%; height: 8px; border-bottom: 1px solid white; text-align: center">
<span style="background-color: #000000; padding: 0 10px">
Fibers
</span>
</div>
<ul id="fiberSelector" style="width:120px;" onmouseout="guiStatus.retrieve();">
</ul><br>
<div style="width: 100%; height: 8px; border-bottom: 1px solid white; text-align: center">
<span style="background-color: #000000; padding: 0 10px">
Isotropic Regions
</span>
</div>
<ul id="regionSelector" style="width:120px" onmouseout="guiStatus.retrieve();">
</ul>
<div id="editGUI">
</div>
</div>
<div id="container">
</div>
<div id="rightGUI">
<button id='switchViewButton' title="Preview (P)" class='w3-btn w3-border-top w3-border-left w3-border-right w3-hover-aqua w3-block w3-ripple' onclick="switchViewButton();">
<i class="icons"></i></button>
<button id='skeletonButton' title="View skeleton (V)" class='w3-btn w3-border w3-hover-grey w3-block w3-ripple' onclick="toggleSkeleton();">
<i class="icons"></i></button>
<br>
<ul>
<li>
<button id='toggleAxesButton' title="Axes (A)" style='margin-bottom: 5px' class='w3-btn w3-border w3-hover-deep-purple w3-block w3-ripple' onclick='toggleAxes()'>
<i class="icons"></i></button>
</li>
<li>
<input type='button' class="w3-button w3-blue w3-block" value='zy' title="X Plane (X)" onclick='moveCameraZY();'>
</li>
<li>
<input type='button' class="w3-button w3-green w3-block" value='xz' title="Y Plane (Y)" onclick='moveCameraXZ();'>
</li>
<li>
<input type='button' class="w3-button w3-red w3-block" value='xy' title="Z Plane (Z)" onclick='moveCameraXY();'>
</li>
</ul>
<br>
<label>
<i class="icons"><span style='font-family:default;'>(%)</span></i>
</label>
<input id='opacitySelector' class="w3-input w3-border field" style='width:100%' type="number" min='0' max='50' step='5' onchange='opacitySelectChange(this);' />
<div id="bottomButtons">
<button class="w3-button w3-grey w3-hover-green w3-ripple w3-block" onclick="saveClick();" title="Save (S)">
<i class="icons"></i></button>
</div>
</div>
<a id="downloadAnchorElem" style="display:none">
<!-- Must stay empty, to be used for pushing phantom download -->
</a>
</body>
</html>