-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSRFrames.html
76 lines (75 loc) · 3.12 KB
/
SRFrames.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
<!DOCTYPE html>
<html>
<head>
<title>Interactive Reference Frames</title>
<link rel="stylesheet" href="srstyle.css">
</head>
<body style="font-family: 'Montserrat';background-color: #bbddfc">
<table>
<tr style ="background-color: #ffffff">
<td style="vertical-align:top;">
<canvas id="myCanvas" width="100" height="100" style="border:1px solid rgb(245, 240, 130); touch-action:none"></canvas>
</td>
<td id="wide" valign="top"></td>
</tr>
<tr>
<td id="tall" valign="top"></td>
<td></td>
</tr>
</table>
<div id="temp" rgb(245, 240, 130) style="display: none;">
<form id="form">
<input type="button" value="Import" id="btnImport">
<input type="file" id="import" value="" style="display: none;">
<input type="button" value="Export" id="btnExport" onclick="fileSave()">
<a download="refframe.txt.rf" id="exportLink" style="display: none"></a>
<input type="button" value="Undo" id="btnUndo">
<input type="button" value="Redo" id="btnRedo">
<hr>
<input type="button" value="Cancel" onclick="cancel();">
<input type="button" id="btnIntersect" value="Intersect" onclick="intersect()">
<input type="button" id="btnPointTo" value="Aim" onclick="pointTowards()">
<input type="button" id="btnSave" value="Edit" onclick="save()"> <input
type="button" id="btnSaveNew" value="New" onclick="saveNew()"><br>
<div id="edits" style="display: none;">
<br>
X: <input type="text" id="xedit" value="0" pattern="-?(([0-9]+\.?[0-9]*)|(\.[0-9]+))(e(-|\+)?[0-9]+)?" required><br>T: <input
type="text" id="tedit" value="0" pattern="-?(([0-9]+\.?[0-9]*)|(\.[0-9]+))(e(-|\+)?[0-9]+)?" required><br>V: <input
type="text" id="vedit" value="0" pattern="-?(([0-9]+\.?[0-9]*)|(\.[0-9]+))(e(-|\+)?[0-9]+)?" required><br>
Show ticks?<input type="checkbox" id="ax" checked="true"><br>
</div>
<hr>
Calculate velocity between two measurements:<br>
D1: <input type="text" id="d1" value="0" pattern="[.0-9]*"> D2: <input
type="text" id="d2" value="0" pattern="[.0-9]*"> <input
type="button" value="Calculate" onclick="calcV()"> V: <input
type="text" id="vcalc" value="0" pattern="[.0-9]*" readonly><br>
<hr>
X scale: <input type="text" id="xstep" value="1" pattern="[.0-9e]+" readonly><select id="xUnit"></select><br>
T ticks: <input type="text" id="tstep" value="1" pattern="[.0-9]+" readonly><select id="tUnit"></select><br>
X zoom?<input type="checkbox" id="zoomX" checked="true">
T zoom?<input type="checkbox" id="zoomT" checked="true">
<input type="button" id="btnSquare" value="Restore 1:1" onclick="square()">
<hr>
RF#: <input type="number" id="ref" value="1"> <input
type="button" value="Pick Frame" onclick="transform()" id="btnTransform"> <input
type="button" value="Remove" onclick="remove()" id="btnRemove"><br>
<hr>
Precision: <input type="button" value="-" onclick="decimals(-1)"><input
type="button" value="+" onclick="decimals(1)"><br>
</form>
<p id="states"></p>
</div>
<hr>
<textarea id="notes">Notes...</textarea>
<script src="main.js"></script>
<script src="units.js"></script>
<script src="screen.js"></script>
<script src="navigation.js"></script>
<script src="tools.js"></script>
<script>
unitLoad();
update();
</script>
</body>
</html>