Cadgets/index.html at master · qubick/Cadgets · 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
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
<!doctype html>
<html lang="en">
		<head>
				<meta charset="utf-8">
				<title>Cadget</title>


				<!-- Latest compiled and minified CSS -->
				<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></link>

				<!-- jQuery library -->
				<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
				<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
				<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
				<script type="text/javascript" src="https://cdn.rawgit.com/prashantchaudhary/ddslick/master/jquery.ddslick.min.js" ></script>

		</head>

		<style>
			#gallery {
				position:fixed;
				width:300px;
				height: 100%;
				top:0;
				left:0;
				/* background-color: white; */
				opacity: 1;
				/*overflow: auto;*/
				overflow-y: scroll !important;
			}
		</style>

		<body>
			<div id="container" left="150px" top="0px" class="droppable">
				<script src="./src/Three.js"></script>
				<script src="./src/csg.js"></script>
				<script src="./src/ThreeCSG.js"></script>

				<script src="./js/loaders/DDSLoader.js"></script>
				<script src="./js/loaders/MTLLoader.js"></script>
				<script src="./js/loaders/OBJLoader.js"></script>
				<script src="./js/loaders/STLLoader.js"></script>
				<script src="./js/Detector.js"></script>
				<script src="./js/controls/OrbitControls.js"></script>
				<script src="./js/controls/TransformControls.js"></script>
				<script src="./js/libs/dat.gui.min.js"></script>
				<script src="./js/libs/stats.min.js"></script>
				<script src="./js/controls/DragControls.js"></script>
				<script src="./js/controls/TrackballControls.js"></script>
				<script src="./js/renderers/Projector.js"></script>

				<script src="./build/augment_imgs.js"></script>
				<script src="./build/eventHandler.js"></script>
				<script src="./build/object_augmented.js"></script>
				<script src="./build/paramUI.js"></script>
				<script src="./build/editor.js"></script>
				<script src="./build/get2DCutSize.js"></script>
				<script src="./build/materials.js"></script>


				<div id="gallery">

					<br/><br/><br/>
					<!-- <input id="fileInput" type="file" name="files[]" onclick="FileSelectFromUserLocal"/> -->
					<button onclick="FileSelectFromServer()">Load 3D Object to Label</button>
					<br/><br/>
						Thing No.: <input id="thingNo" type="text" onchange="ReturnThingNo(event)"></input>

					<br/><br/>
					Is this Augmenting Fabrication?<br/>
					<select onchange="ReturnAugmentationTrueFalse(event)">
						<option value="0">Select your answer</option>
						<option value="1">Yes</option>
						<option value="2">No</option>
					</select>

					<br/><br/>
					<div id="augmentation-type"></div>

					<br/><br/>
					<div id="augmentation-target"></div>

					<br/><br/>
					<div id="searchTarget"></div>
					<div id="paramlocation"></div>
			</div>

			<script type="text/javascript">

				// document.getElementById('fileInput').addEventListener('change', FileSelectFromUserLocal, false);
				// document.getElementById('loadFileBtn').addEventListener('change', FileSelectFromServer, false);
				$('#augmentation-type').ddslick({
					data: augmentation_type,
					width: 300,
					selectText: "What is the type of this augmentation?",
					imagePosition: "right",
					onSelected: function(evt) {
						ReturnTypeOfAugmentation(evt.selectedData)
					}
				});

				// document.getElementById('loadFileBtn').addEventListener('change', FileSelectFromServer, false);
				$('#augmentation-target').ddslick({
					data: augmentation_target,
					width: 300,
					selectText: "What is the target augmented objects?",
					imagePosition: "right",
					onSelected: function(evt) {
						ReturnTargetObjectAugmenting(evt.selectedData)
					}
				});
			</script>

			<input id="fileInput" type="file" name="files[]" style="visibility:hidden" />

		</body>
</html>