WebModeler/default.htm at master · RocketClubs/WebModeler · GitHub

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
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Rocket Web Modeler</title>
    <link rel="stylesheet" href="layout.css" type="text/css" />
</head>
<body ng-app="rocket-modeler">
    <h1>Rocket Web Modeler</h1>

    <div ng-controller="RenderController">
	    <div id="render-container"></div>

	    <div class="orientation-selector">
	    	<a class="orientation-finSpread" ng-click="setOrientation('finSpread')"></a>
	    	<a class="orientation-longWays" ng-click="setOrientation('longWays')"></a>
	    </div>

	    <div class="display-units-selector">
	    	<a class="display-units-mm" ng-class="{ active: displayUnits == 'mm' }" ng-click="setDisplayUnits('mm')">mm</a>
	    	<a class="display-units-in" ng-class="{ active: displayUnits == 'in' }" ng-click="setDisplayUnits('in')">in</a>
	    </div>
	</div>

	<div class="editor" ng-controller="EditController">
		<div class="parts-list">
			<div class="part" ng-repeat="part in rocket.parts" ng-include src="'parts-list-item'">
			</div>
		</div>
		<div class="part-editor" ng-include src="activePart.type + '-editor'"></div>
	</div>

	<script type="text/ng-template" id="parts-list-item">
		<div class="name" ng-class="{ active: part == activePart }" ng-click="setActivePart(part)">{{ part.name }}</div>
		<div class="part" ng-repeat="part in part.parts" ng-include src="'parts-list-item'"></div>
	</script>

	<script type="text/ng-template" id="nosecone-editor">
		<div>
			<label>Length: {{ activePart.length | units:displayUnits }}</label>
			<input type="range" min="1.0" max="1219.2" step="0.1" ng-model="activePart.length" rm-float />
		</div>
	</script>

	<script type="text/ng-template" id="tube-editor">
		<div>
			<label>Length: {{ activePart.length | units:displayUnits }}</label>
			<input type="range" min="1.0" max="1219.2" step="0.1" ng-model="activePart.length" rm-float />
		</div>
	</script>

	<script type="text/ng-template" id="fins-editor">
		<div>
			<label>Location: {{ activePart.connectionOffset | units:displayUnits }}</label>
			<input type="range" min="1.0" max="1219.2" step="0.1" ng-model="activePart.connectionOffset" rm-float />
		</div>
		<div>
			<label>Root chord: {{ activePart.rootChord | units:displayUnits }}</label>
			<input type="range" min="1.0" max="1219.2" step="0.1" ng-model="activePart.rootChord" rm-float />
		</div>
		<div>
			<label>Semi span: {{ activePart.semiSpan | units:displayUnits }}</label>
			<input type="range" min="1.0" max="1219.2" step="0.1" ng-model="activePart.semiSpan" rm-float />
		</div>
		<div>
			<label>Tip chord: {{ activePart.tipChord | units:displayUnits }}</label>
			<input type="range" min="1.0" max="1219.2" step="0.1" ng-model="activePart.tipChord" rm-float />
		</div>
		<div>
			<label>Sweep length: {{ activePart.sweepLength | units:displayUnits }}</label>
			<input type="range" min="1.0" max="1219.2" step="0.1" ng-model="activePart.sweepLength" rm-float />
		</div>
	</script>

	<script type="text/javascript">
		var RocketClubs = {};
	</script>

	<script src="jquery-1.9.1.js"></script>
	<script src="angular.js"></script>
    <script src="three.js"></script>
    <script src="TangentOgiveGeometry.js"></script>
    <script src="FinGeometry.js"></script>
    <script src="angular-units.js"></script>
    <script src="app.js"></script>
</body>
</html>