Skip to content

Commit 360426d

Browse files
hudbroghudbrog
committed
Bootstrap integration
1 parent 4301010 commit 360426d

30 files changed

+55104
-32
lines changed

Diff for: ‎bootstrap.html

+138
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<html>
3+
<head>
4+
<title></title>
5+
<link rel="stylesheet" type="text/css" href="css/cupertino/jquery-ui-1.9.0.custom.css" media="screen" />
6+
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen" />
7+
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
8+
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
9+
<script type="text/javascript" src="js/jquery-ui-1.9.0.custom.js"></script>
10+
11+
<script type="text/javascript" src="js/three.js"></script>
12+
<script type="text/javascript" src="js/bootstrap.js"></script>
13+
<script type="text/javascript" src="js/modernizr.custom.09684.js"></script>
14+
<script type="text/javascript" src="js/TrackballControls.js"></script>
15+
<script type="text/javascript" src="js/misc.js"></script>
16+
<script type="text/javascript" src="js/gCodeReader.js"></script>
17+
<script type="text/javascript" src="js/renderer.js"></script>
18+
<script type="text/javascript" src="js/renderer3d.js"></script>
19+
20+
</head>
21+
<body>
22+
23+
<div id="dialog-modal" title="Basic modal dialog" style="display: none;">
24+
Generating 3d model<br>
25+
<div id="progressbar"></div>
26+
</div>
27+
28+
<div id="wrap" class="ui-widget ui-widget-content ui-corner-all">
29+
<div id="control">
30+
<center><h3>GCode<br>Visual Analyzer</h3></center>
31+
32+
<div id="accordion2" class="accordion">
33+
<div class="accordion-group">
34+
<div class="accordion-heading">
35+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#fileAccordionTab">
36+
Select GCode file
37+
</a>
38+
</div>
39+
<div id="fileAccordionTab" class="accordion-body collapse">
40+
<div class="accordion-inner">
41+
<input type="file" id="file" name="files" />
42+
<!--<form class="add-teacher" id="fAddTeacher" enctype="multipart/form-data" method="post" novalidate="novalidate">-->
43+
<!--<button id="selectFileButton">Select GCode File</button>-->
44+
<!--</form>-->
45+
<div id="drop_zone">Drop file here</div>
46+
</div>
47+
</div>
48+
</div>
49+
<div class="accordion-group">
50+
<div class="accordion-heading">
51+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#progressAccordionTab">
52+
Progress indicators
53+
</a>
54+
</div>
55+
<div id="progressAccordionTab" class="accordion-body collapse">
56+
<div class="accordion-inner">
57+
<div id="progressBlock">
58+
<div class="progress" >
59+
<div id="loadProgress" class="bar" style="width: 0%;"></div>
60+
</div>
61+
<div class="progress" >
62+
<div id="analyzeProgress" class="bar" style="width: 0%;"></div>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
</div>
68+
<div class="accordion-group">
69+
<div class="accordion-heading">
70+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#infoAccordionTab">
71+
Model info
72+
</a>
73+
</div>
74+
<div id="infoAccordionTab" class="accordion-body collapse">
75+
<div class="accordion-inner">
76+
<output id="list"></output>
77+
</div>
78+
</div>
79+
</div>
80+
<div class="accordion-group">
81+
<div class="accordion-heading">
82+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#options2DAccordionTab">
83+
2D Render options
84+
</a>
85+
</div>
86+
<div id="options2DAccordionTab" class="accordion-body collapse">
87+
<div class="accordion-inner">
88+
<input type="checkbox" id="showMovesCheckbox" value="1" onclick="GCODE.miscObject.processOptions()" checked>Show non-extrusion moves</input><br>
89+
<input type="checkbox" id="showRetractsCheckbox" value="2" onclick="GCODE.miscObject.processOptions()" checked>Show retracts and restarts</input><br>
90+
<input type="checkbox" id="moveModelCheckbox" value="3" onclick="GCODE.miscObject.processOptions()" disabled>Move model to the center of the grid</input><br>
91+
</div>
92+
</div>
93+
</div>
94+
95+
<div class="accordion-group">
96+
<div class="accordion-heading">
97+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#analyzeOptionsAccordioinTab">
98+
GCode analyzer options
99+
</a>
100+
</div>
101+
<div id="analyzeOptionsAccordioinTab" class="accordion-body collapse">
102+
<div class="accordion-inner">
103+
These require re-analyzing file:<br>
104+
<input type="checkbox" id="sortLayersCheckbox" value="4" onclick="GCODE.miscObject.processOptions()" checked>Sort layers by Z</input><br>
105+
<input type="checkbox" id="purgeEmptyLayersCheckbox" value="5" onclick="GCODE.miscObject.processOptions()" checked>Hide empty layers</input><br>
106+
<input type="checkbox" id="analyzeModelCheckbox" value="6" onclick="GCODE.miscObject.processOptions()" checked>Analyze size and filament usage</input><br>
107+
</div>
108+
</div>
109+
</div>
110+
111+
</div>
112+
113+
</div>
114+
<div id="gcode">
115+
<div id="tabs-min" class="tabbable">
116+
<ul class="nav nav-tabs">
117+
<li class="active"><a href="#tab2d" data-toggle="tab">2D</a></li>
118+
<li class=""><a href="#tab3d" data-toggle="tab">3D</a></li>
119+
</ul>
120+
<div class="tab-content">
121+
<div class="tab-pane active" id="tab2d">
122+
<canvas id="canvas" width="650" height="620"></canvas>
123+
<div id="slider-vertical"></div>
124+
<div id="slider-horizontal"></div>
125+
</div>
126+
<div class="tab-pane" id="tab3d">
127+
<div id="3d_container"></div>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
133+
<script>
134+
window.onload = GCODE.miscObject.initHandlers;
135+
</script>
136+
137+
</body>
138+
</html>

0 commit comments

Comments
 (0)