forked from chilipeppr/workspace-grbl
-
Notifications
You must be signed in to change notification settings - Fork 40
/
workspace.html
167 lines (148 loc) · 10 KB
/
workspace.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>
<!--(auto-fill by runme.js-->
</title>
<!-- ChiliPeppr is based on bootstrap CSS. -->
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Customized version of require.js for ChiliPeppr. Please see require.js docs for how
ChiliPeppr's dependency system works as it's based on require.js. -->
<script type='text/javascript' src="//i2dcui.appspot.com/js/require.js"></script>
<!-- widget.css DON'T REMOVE -->
<style type='text/css'>
/* widget.css will get inlined here by runme.js. don't remove this comment or inlining will fail. */
</style>
<link rel="stylesheet" type="text/css" href="workspace.css">
<!-- DON'T REMOVE end widget.css -->
<!-- widget.js DON'T REMOVE -->
<script type='text/javascript'>
//<![CDATA[
/* widget.js will get inlined here by runme.js. don't remove this comment or inlining will fail. */
//]]>
</script>
<script type='text/javascript' src="workspace.js"></script>
<!-- DON'T REMOVE end widget.js -->
</head>
<body>
<!-- This is the workspace layout for the GRBL Workspace -->
<div id="com-chilipeppr-ws-gcode-wrapper" class="dropArea">
<div id="com-chilipeppr-ws-gcode-dragdropoverlay" class="hidden">
<div class="well">Drag and Drop Gcode Files Onto Browser Window</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-xs-3 widgetx padrt left">
<!-- 3D Viewer. Must be loaded at top to get z-orders correct -->
<div id="com-chilipeppr-3dviewer">Load 3D Viewport Here</div>
<!-- Workspace Hdr -->
<div id="com-chilipeppr-ws-gcode-hdr" class="com-chilipeppr-ws-hdr zhigh well">
GRBL Workspace v2
<div class="alert alert-danger alert-dismissible xfade show com-chilipeppr-grbl1dot1warning" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<span class="com-chilipeppr-grbl1dot1warning-reset">If you are using Grbl 1.1, you should use the <a href="http://chilipeppr.com/jpadie">/jpadie</a> workspace.</span>
</div>
<div id="com-chilipeppr-ws-gcode-menu" class="">
<div class="pull-right">
<div class="dropdown xpull-right">
<button type="button" class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-ws" role="menu">
<!--<li id="com-chilipeppr-ws-gcode-menu-billboard" style="width:350px;"></li>-->
<li class="com-chilipeppr-ws-menu-billboard" style="width:350px;">
<!-- Billboard -->
<div class="com-chilipeppr-ws-billboard">
</div>
<!-- End Billboard -->
</li>
</ul>
</div>
</div>
<div id="com-chilipeppr-ws-gcode-dragdrop" style="margin-right:6px;" class=""></div>
<!-- <div class="btn-group"> -->
<button type="button" class="btn btn-xs btn-default zipwhip-button" data-container="body" data-toggle="popover" data-placement="auto" data-content="Get a text sent to you when your CNC job is completed." data-trigger="hover" data-delay="100"><span class="zipwhip"></span>
</button>
<!-- </div>
<div class="btn-group"> -->
<button type="button" class="btn btn-xs btn-default autolevel-button" data-container="body" data-toggle="popover" data-placement="auto" data-content="Allows you to auto-level your PCB before milling. Most raw PCB boards have a slight warpage. This widget lets you probe the warpage and then it auto-scales your Gcode to match the warpage so you get very clean/predictable z-positions in your milling job."
data-trigger="hover" data-delay="100">Auto-Level</button>
<!-- </div>
<div class="btn-group"> -->
<button type="button" class="btn btn-xs btn-default macro-button" data-container="body" data-toggle="popover" data-placement="auto" data-content="Run a macro." data-trigger="hover" data-delay="100">Macro</button>
<!-- </div>
<div class="btn-group"> -->
<button type="button" class="btn btn-xs btn-default jscut-button" data-container="body" data-toggle="popover" data-placement="auto" data-content="Load file from JSCut" data-trigger="hover" data-delay="100">JScut</button>
<button type="button" class="btn btn-xs btn-default eagle-button" data-container="body" data-toggle="popover" data-placement="auto" xdata-content="Laser Solderer" data-trigger="hover" data-delay="100">Eagle BRD Import</button>
<button type="button" class="btn btn-xs btn-default gpio-button" data-container="body" data-toggle="popover" data-placement="auto" data-content="GPIO Server by Ben Delarre. Allows you to control your GPIO ports on a Raspberry Pi or Beagle Bone Black to toggle on/off hardware components. For example, you could toggle a fan on/off via GPIO."
data-trigger="hover" data-delay="100">GPIO</button>
<button type="button" class="btn btn-xs btn-default shuttlexpress-button" data-container="body" data-toggle="popover" data-placement="auto" data-content="ShuttleXpress Jog Dial." data-trigger="hover" data-delay="100">ShuttleXpress</button>
<button type="button" class="btn btn-xs btn-default touchplate-button" data-container="body" data-toggle="popover" data-placement="auto" data-content="Use a touch plate to easily figure out your Z zero of your workpiece and set it." data-trigger="hover"
data-delay="100">Touch Plate</button>
<!-- </div>
<div class="btn-group"> -->
<!-- </div> -->
</div>
</div>
<!-- Zipwhip Text Messaging -->
<div class="zhigh hidden" id="com-chilipeppr-ws-zipwhip"></div>
<!-- Auto Leveller -->
<div class="zhigh hidden" id="com-chilipeppr-ws-autolevel">Auto-Level Here</div>
<!-- Macro -->
<div class="zhigh hidden" id="com-chilipeppr-ws-macro">Macro Here</div>
<!-- JScut -->
<div class="zhigh hidden" id="com-chilipeppr-ws-jscut">Jscut Here</div>
<!-- Eagle BRD -->
<div class="zhigh hidden" id="com-chilipeppr-ws-eagle">Eagle BRD Here</div>
<!-- GPIO -->
<div class="zhigh hidden" id="com-chilipeppr-ws-gpio">GPIO Here</div>
<!-- shuttlexpress -->
<div class="zhigh hidden" id="com-chilipeppr-ws-shuttlexpress">ShuttleXpress Here</div>
<!-- Touch Plate -->
<div class="zhigh hidden" id="com-chilipeppr-ws-touchplate">Touch Plate Here</div>
<!-- Gcode List -->
<div id="com-chilipeppr-gcode-list" class="zhigh">Load Gcode List Here</div>
<!-- Serial In/Out Text Log-->
<div id="com-chilipeppr-serialport-log" class="zhigh">Load Serial Port Log Here</div>
</div>
<!-- 3D Viewer -->
<div class="widget col-xs-6">
<div class="">
<div id="com-chilipeppr-3dviewer-controlpanel" style=""></div>
</div>
</div>
<div class="col-xs-3 nopadding">
<!-- XYZ -->
<div id="com-chilipeppr-xyz" class="">Load XYZ Here</div>
<!-- Tinyg -->
<div id="com-chilipeppr-grbl" class="">Load GRBL Here</div>
<!-- WebRTC Client -->
<!--<div id="com-chilipeppr-webrtcclient" class="">Load WebRTC Client Here</div>-->
<!-- Serial Port Selector -->
<div id="com-chilipeppr-serialport-spselector" class="">Load Serial Port Selector Here</div>
</div>
</div>
</div>
</div>
<!-- Keep this div hidden so it can be cloned and used by the Javascript -->
<div id="com-chilipeppr-workspace-grbl-billboard" class="hidden">
<div class="billboard-content">
<h4 class="billboard-title" style="">Grbl Workspace</h4>
<p class="billboard-url" style=""><a href="http://chilipeppr.com/grbl">chilipeppr.com/grbl</a>
</p>
<div class="billboard-imgcontain" style="">
<a href="http://chilipeppr.com/grbl">
<div class="billboard-img" style="background-image: url('https://www.synthetos.com/wp-content/uploads/2013/02/grblShieldBundle800-800x360.jpg')" />
</a>
<div class="billboard-stats2">
</div>
</div>
<p class="billboard-desc">
A ChiliPeppr Workspace for Grbl CNC controllers.
</p>
</div>
</div>
</body>
</html>