├── .gitignore
├── README.md
├── Roadmap- LaserWeb2.png
├── css
    ├── blank.png
    ├── font-awesome.css
    ├── googlesignin.css
    ├── main.css
    ├── smoothie.css
    └── user64.gif
├── fonts
    ├── FontAwesome.otf
    ├── fontawesome-webfont.eot
    ├── fontawesome-webfont.svg
    ├── fontawesome-webfont.ttf
    ├── fontawesome-webfont.woff
    └── fontawesome-webfont.woff2
├── index.html
├── index_old.html
├── js
    ├── dxf-render.js
    ├── fileprep.js
    ├── gapipicker.js
    ├── googlesignin.js
    ├── grbl.js
    ├── jog.js
    ├── laserraster.js
    ├── localstorage.js
    ├── macros.js
    ├── main.js
    ├── raster.js
    ├── smoothie.js
    ├── spjs.js
    ├── stlcam.js
    ├── svg-render.js
    ├── threegcode.js
    ├── tour.js
    └── viewer.js
├── laserweb logo.svg
├── lib
    ├── bootstrap
    │   ├── css
    │   │   ├── bootstrap-black.css
    │   │   ├── bootstrap-black.css~
    │   │   ├── bootstrap-callouts.css
    │   │   ├── bootstrap-colorselector.css
    │   │   ├── bootstrap-filestyle.min.js
    │   │   ├── bootstrap-theme.css
    │   │   ├── bootstrap-theme.css.map
    │   │   ├── bootstrap-theme.min.css
    │   │   ├── bootstrap-theme.min.css.map
    │   │   ├── bootstrap-tour.min.css
    │   │   ├── bootstrap.css
    │   │   ├── bootstrap.css.map
    │   │   ├── bootstrap.min.css
    │   │   ├── bootstrap.min.css.map
    │   │   └── dropdowns-enhancement.min.css
    │   ├── fonts
    │   │   ├── glyphicons-halflings-regular.eot
    │   │   ├── glyphicons-halflings-regular.svg
    │   │   ├── glyphicons-halflings-regular.ttf
    │   │   ├── glyphicons-halflings-regular.woff
    │   │   └── glyphicons-halflings-regular.woff2
    │   └── js
    │   │   ├── bootstrap-colorselector.js
    │   │   ├── bootstrap-filestyle.js
    │   │   ├── bootstrap-tour.min.js
    │   │   ├── bootstrap.js
    │   │   ├── bootstrap.min.js
    │   │   ├── dropdowns-enhancement.js
    │   │   └── npm.js
    ├── clipperjs
    │   └── clipper_unminified.js
    ├── dxf
    │   ├── dxf-parser.js
    │   └── three-dxf.js
    ├── fuelux
    │   ├── css
    │   │   ├── fuelux.css
    │   │   ├── fuelux.css.map
    │   │   └── fuelux.min.css
    │   ├── fonts
    │   │   ├── fuelux.eot
    │   │   ├── fuelux.svg
    │   │   ├── fuelux.ttf
    │   │   └── fuelux.woff
    │   ├── js
    │   │   ├── fuelux.js
    │   │   ├── fuelux.min.js
    │   │   └── npm.js
    │   └── templates
    │   │   ├── handlebars
    │   │       ├── bootstrap
    │   │       │   ├── button.hbs
    │   │       │   ├── input.hbs
    │   │       │   ├── modal-trigger.hbs
    │   │       │   ├── modal.hbs
    │   │       │   └── textarea.hbs
    │   │       └── fuelux
    │   │       │   ├── checkbox.hbs
    │   │       │   ├── combobox.hbs
    │   │       │   ├── datepicker.hbs
    │   │       │   ├── infinite-scroll.hbs
    │   │       │   ├── loader.hbs
    │   │       │   ├── pillbox.hbs
    │   │       │   ├── placard.hbs
    │   │       │   ├── radio.hbs
    │   │       │   ├── repeater.hbs
    │   │       │   ├── scheduler.hbs
    │   │       │   ├── search.hbs
    │   │       │   ├── selectlist.hbs
    │   │       │   ├── spinbox.hbs
    │   │       │   ├── tree.hbs
    │   │       │   └── wizard.hbs
    │   │   └── underscore
    │   │       ├── bootstrap
    │   │           ├── button-group.html
    │   │           ├── button.html
    │   │           ├── file-button.html
    │   │           ├── input-with-button-dropdown.html
    │   │           ├── input-with-checkbox.html
    │   │           ├── input-with-text.html
    │   │           ├── input.html
    │   │           ├── select.html
    │   │           └── textarea.html
    │   │       └── fuelux
    │   │           ├── checkboxes-inline.html
    │   │           ├── checkboxes.html
    │   │           ├── input-with-combobox.html
    │   │           ├── radios-inline.html
    │   │           ├── radios.html
    │   │           ├── search.html
    │   │           ├── selectlist.html
    │   │           └── spinbox.html
    ├── gcode-viewer
    │   ├── gcode-parser.js
    │   └── ui.js
    ├── jnumpad
    │   ├── .gitattributes
    │   ├── .gitignore
    │   ├── HISTORY.md
    │   ├── LICENSE
    │   ├── README.md
    │   ├── demos
    │   │   ├── bootstrap
    │   │   │   └── index.html
    │   │   └── jquerymobile
    │   │   │   └── index.html
    │   ├── jquery.numpad.css
    │   ├── jquery.numpad.js
    │   └── package.json
    ├── jquery
    │   ├── images
    │   │   ├── paypal.png
    │   │   ├── ui-bg_diagonals-thick_18_b81900_40x40.png
    │   │   ├── ui-bg_diagonals-thick_20_666666_40x40.png
    │   │   ├── ui-bg_flat_10_000000_40x100.png
    │   │   ├── ui-bg_glass_100_f6f6f6_1x400.png
    │   │   ├── ui-bg_glass_100_fdf5ce_1x400.png
    │   │   ├── ui-bg_glass_65_ffffff_1x400.png
    │   │   ├── ui-bg_gloss-wave_35_f6a828_500x100.png
    │   │   ├── ui-bg_highlight-soft_100_eeeeee_1x100.png
    │   │   ├── ui-bg_highlight-soft_75_ffe45c_1x100.png
    │   │   ├── ui-icons_222222_256x240.png
    │   │   ├── ui-icons_228ef1_256x240.png
    │   │   ├── ui-icons_ef8c08_256x240.png
    │   │   ├── ui-icons_ffd27a_256x240.png
    │   │   └── ui-icons_ffffff_256x240.png
    │   ├── jquery-ui.css
    │   ├── jquery-ui.js
    │   ├── jquery.min.js
    │   ├── jquery.ui.touch-punch.min.js
    │   └── mindmup-editabletable.js
    ├── nprogress
    │   ├── nprogress.css
    │   └── nprogress.js
    ├── paperjs
    │   └── paper-full.min.js
    ├── slacer
    │   ├── mesh.js
    │   ├── slicer.js
    │   └── stl.js
    ├── snap
    │   └── snap.svg-min.js
    ├── svgreader
    │   ├── SVGReader.js
    │   ├── svg.js
    │   ├── svg2three.js
    │   └── vec2.js
    └── threejs
    │   ├── CanvasRenderer.js
    │   ├── GridRect.js
    │   ├── OrbitControls.js
    │   ├── OrbitControls_old.js
    │   ├── Projector.js
    │   ├── TrackballControls.js
    │   ├── TransformControls.js
    │   ├── TweenMax.min.js
    │   ├── three.min.js
    │   └── three.min_old.js
├── openhardwarelogo.svg
├── package.json
├── test
    └── grbl.js
└── wiki
    └── images
        ├── arduino256.PNG
        └── hardwareserial.PNG


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## DEPRECATED!
2 | 
3 |  LASERWEB3 is available!  See [https://github.com/openhardwarecoza/LaserWeb3](https://github.com/openhardwarecoza/LaserWeb3) for details!
4 | 


--------------------------------------------------------------------------------
/Roadmap- LaserWeb2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/Roadmap- LaserWeb2.png


--------------------------------------------------------------------------------
/css/blank.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/css/blank.png


--------------------------------------------------------------------------------
/css/googlesignin.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Base structure
  3 |  */
  4 | 
  5 | /* Move down content because we have a fixed navbar that is 50px tall */
  6 | body {
  7 |   padding-top: 50px;
  8 | }
  9 | 
 10 | 
 11 | /*
 12 |  * Global add-ons
 13 |  */
 14 | 
 15 | .sub-header {
 16 |   padding-bottom: 10px;
 17 |   border-bottom: 1px solid #eee;
 18 | }
 19 | 
 20 | /*
 21 |  * Top navigation
 22 |  * Hide default border to remove 1px line.
 23 |  */
 24 | .navbar-fixed-top {
 25 |   border: 0;
 26 | }
 27 | 
 28 | /*
 29 |  * Sidebar
 30 |  */
 31 | 
 32 | /* Hide for mobile, show later */
 33 | .sidebar {
 34 |   display: none;
 35 | }
 36 | @media (min-width: 768px) {
 37 |   .sidebar {
 38 |     position: fixed;
 39 |     top: 51px;
 40 |     bottom: 0;
 41 |     left: 0;
 42 |     z-index: 1000;
 43 |     display: block;
 44 |     padding: 20px;
 45 |     overflow-x: hidden;
 46 |     overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
 47 |     background-color: #f5f5f5;
 48 |     border-right: 1px solid #eee;
 49 |   }
 50 | }
 51 | 
 52 | /* Sidebar navigation */
 53 | .nav-sidebar {
 54 |   margin-right: -21px; /* 20px padding + 1px border */
 55 |   margin-bottom: 20px;
 56 |   margin-left: -20px;
 57 | }
 58 | .nav-sidebar > li > a {
 59 |   padding-right: 20px;
 60 |   padding-left: 20px;
 61 | }
 62 | .nav-sidebar > .active > a,
 63 | .nav-sidebar > .active > a:hover,
 64 | .nav-sidebar > .active > a:focus {
 65 |   color: #fff;
 66 |   background-color: #428bca;
 67 | }
 68 | 
 69 | 
 70 | /*
 71 |  * Main content
 72 |  */
 73 | 
 74 | .main {
 75 |   padding: 20px;
 76 | }
 77 | @media (min-width: 768px) {
 78 |   .main {
 79 |     padding-right: 40px;
 80 |     padding-left: 40px;
 81 |   }
 82 | }
 83 | .main .page-header {
 84 |   margin-top: 0;
 85 | }
 86 | 
 87 | 
 88 | /*
 89 |  * Placeholder dashboard ideas
 90 |  */
 91 | 
 92 | .placeholders {
 93 |   margin-bottom: 30px;
 94 |   text-align: center;
 95 | }
 96 | .placeholders h4 {
 97 |   margin-bottom: 0;
 98 | }
 99 | .placeholder {
100 |   margin-bottom: 20px;
101 | }
102 | .placeholder img {
103 |   display: inline-block;
104 |   border-radius: 50%;
105 | }
106 | 


--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     height: 100%;
  3 |     width: 100%;
  4 |     position: absolute;
  5 | }
  6 | 
  7 | button:focus {outline:0 !important;}
  8 | 
  9 | .fa-stack{
 10 |     width: 1.28571em;
 11 | }
 12 | 
 13 | .icon-white {
 14 |     color: white;
 15 | }
 16 | .icon-bot-text { margin-top: 16px; font-size: 10px;}
 17 | .icon-top-text { margin-top: -16px; font-size: 10px; }
 18 | .icon-text { margin-top: 16px; font-size: 11px; font-weight: bold;}
 19 | 
 20 | .btn-ctl {
 21 |     padding: 15px 12px;
 22 |     border-radius: 4px;
 23 | }
 24 | 
 25 | .btn-jog {
 26 |     padding: 15px 11px;
 27 |     border-radius: 4px;
 28 | }
 29 | 
 30 | .btn-view {
 31 |     padding: 15px 12px;
 32 |     border-radius: 4px;
 33 | }
 34 | 
 35 | .btn-numpad {
 36 |     padding: 14px 17px;
 37 |     border-radius: 4px;
 38 | }
 39 | 
 40 | .numero {
 41 |   font-weight: bold;
 42 |   font-size: 16px;
 43 | }
 44 | 
 45 | .del  {
 46 |   font-weight: bold;
 47 |   font-size: 16px;
 48 | }
 49 | 
 50 | .clear {
 51 |   font-weight: bold;
 52 |   font-size: 16px;
 53 | }
 54 | 
 55 | .neg {
 56 |   font-weight: bold;
 57 |   font-size: 16px;
 58 | }
 59 | 
 60 | .cancel {
 61 |   font-weight: bold;
 62 |   font-size: 16px;
 63 | }
 64 | 
 65 | .done {
 66 |   font-weight: bold;
 67 |   font-size: 16px;
 68 | }
 69 | 
 70 | .sep {
 71 |   font-weight: bold;
 72 |   font-size: 16px;
 73 | }
 74 | 
 75 | 
 76 | 
 77 | /*for Desktops*/
 78 | @media all and (min-width : 1100px) {
 79 |   #container1 {
 80 |       float:left;
 81 |       width:100%;
 82 |       height: 100%;
 83 |       padding: 0px;
 84 |   }
 85 |   #col1 {
 86 |       border-right: dashed 1px #aaa;
 87 |       float:left;
 88 |       width:20%;
 89 |       height: 100%;
 90 |       padding: 10px 5px 5px 0px;
 91 |       overflow-y: auto;
 92 |       overflow-x: none;
 93 |       overflow-x: hidden;
 94 |   }
 95 |   #col2 {
 96 |       float:left;
 97 |       width:60%;
 98 |       height: calc(100% - 160px);
 99 |       padding: 10px;
100 |   }
101 |   #col3 {
102 |       border-left: dashed 1px #aaa;
103 |       float:left;
104 |       width:20%;
105 |       height: 100%;
106 |       padding: 5px;
107 |   }
108 | }
109 | 
110 | /*for small screens (pi hdmi, pipox9 etc)*/
111 | @media not all and (min-width : 1100px) {
112 |   #container1 {
113 |       float:left;
114 |       width:100%;
115 |       height: 100%;
116 |       padding: 5px;
117 |   }
118 |   #col1 {
119 |       float:left;
120 |       width:26%;
121 |       height: 100%;
122 |       padding: 10px 5px 5px 0px;
123 |       overflow-y: auto;
124 |       overflow-x: none;
125 |       overflow-x: hidden;
126 |   }
127 |   #col2 {
128 |       float:left;
129 |       width:50%;
130 |       height: calc(100% - 80px);
131 |       padding: 10px;
132 |   }
133 |   #col3 {
134 |       float:left;
135 |       width:24%;
136 |       height: 100%;
137 |       padding: 5px;
138 |   }
139 | }
140 | 
141 | #renderArea {
142 |     /*background-color: #ffffff;*/
143 |     /*position: relative;
144 |     top: 0;
145 |     left: 0;
146 |     right: 0;
147 |     bottom: 0;
148 |     border: 1px #000;
149 |     float: left;
150 |     margin-right: 1%;
151 |     z-index: -3;*/
152 |     display:inline-block;
153 |     min-width: 100% !important;
154 | 	  min-height: 100% !important;
155 |     cursor: none;
156 |     border-bottom: dashed 1px #aaa;
157 | }
158 | 
159 | #rasterArea {
160 |     background-color: #ffffff;
161 |     position: absolute;
162 |     top: 0;
163 |     left: 0;
164 |     right: 0;
165 |     bottom: 0;
166 |     border: 1px #000;
167 |     float: left;
168 |     margin-right: 1%;
169 | }
170 | /*#mobileRenderArea {
171 |     float: none;
172 |     margin-left: 0px;
173 |     margin-right: 0px;
174 |     margin-top: 0px;
175 | }*/
176 | .btn-file {
177 |     position: relative;
178 |     overflow: hidden;
179 | }
180 | .btn-file input[type=file] {
181 |     position: absolute;
182 |     top: 0;
183 |     right: 0;
184 |     min-width: 100%;
185 |     min-height: 100%;
186 |     font-size: 100px;
187 |     text-align: right;
188 |     filter: alpha(opacity=0);
189 |     opacity: 0;
190 |     outline: none;
191 |     background: white;
192 |     cursor: pointer;
193 |     display: block;
194 | }
195 | 
196 | .dro {
197 |     background-color: #ffffff;
198 |     text-align: left;
199 |     padding-left: 15px;
200 |     margin-bottom: 5px;
201 |     font-size: 20px;
202 |     width: 98%;
203 |     border: 1px solid #aaa;
204 |     font-weight: bold;
205 |     margin-left: 5px;
206 |     margin-right: 5px;
207 | }
208 | #console {
209 |     height: calc(100% - 210px);
210 |     width: 100%;
211 |     overflow-y: auto;
212 |     overflow-x: none;
213 |     text-align: left;
214 |     background-color: #fff;
215 |     padding: 5px;
216 |     font-size: 10px;
217 |     /*word-break: break-all;*/
218 |     white-space:normal;
219 |     border-top: dashed 1px #aaa;
220 |     border-bottom: dashed 1px #aaa;
221 |     margin-top: 5px;
222 | }
223 | .pf {
224 |   margin-top: -8px;
225 | }
226 | .ui-slider {
227 |     background: #ccc;
228 | }
229 | 
230 |  .ui-slider-handle {
231 |    -ms-touch-action: none;
232 | touch-action: none;
233 |  }
234 | 
235 | .settingstable {
236 |     counter-reset: rowNumber;
237 | }
238 | .settingstable tr:not(:first-child) {
239 |     counter-increment: rowNumber;
240 | }
241 | .settingstable tr td:first-child::before {
242 |     content: counter(rowNumber);
243 |     min-width: 1em;
244 |     margin-right: 0.5em;
245 | }
246 | 
247 | /* Badget over Glyphs */
248 | 
249 | .badge-notify {
250 |     background-color: #cc0000;
251 |     position:relative;
252 |    bottom: 5px;
253 |    right: 0px;
254 | }
255 | 
256 | d-grid {border: none; padding: 20px;}
257 | 			.nmpd-grid>tbody>tr>td {border: none;}
258 | 
259 | 			/* Some custom styling for Bootstrap */
260 | 			.qtyInput {display: block;
261 | 			  width: 100%;
262 | 			  padding: 6px 12px;
263 | 			  color: #555;
264 | 			  background-color: white;
265 | 			  border: 1px solid #ccc;
266 | 			  border-radius: 4px;
267 | 			  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
268 | 			  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
269 | 			  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
270 | 			  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
271 | 			  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
272 | }
273 | 
274 | .modal-backdrop
275 | {
276 |     opacity:0.1 !important;
277 | }
278 | 


--------------------------------------------------------------------------------
/css/smoothie.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     padding-top: 50px;
 3 | }
 4 | .footer {
 5 |     position: absolute;
 6 |     bottom: 0;
 7 |     width: 100%;
 8 |     /* Set the fixed height of the footer here */
 9 |     height: 60px;
10 |     background-color: #f5f5f5;
11 | }
12 | 


--------------------------------------------------------------------------------
/css/user64.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/css/user64.gif


--------------------------------------------------------------------------------
/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/js/dxf-render.js:
--------------------------------------------------------------------------------
  1 | var inflateGrp;
  2 | var fileParentGroup;
  3 | 
  4 | function drawDXF(file) {
  5 |     yflip = false;
  6 |     Array.prototype.unique = function() {
  7 |         var n = {},
  8 |             r = [];
  9 |         for (var i = 0; i < this.length; i++) {
 10 |             if (!n[this[i]]) {
 11 |                 n[this[i]] = true;
 12 |                 r.push(this[i]);
 13 |             }
 14 |         }
 15 |         return r;
 16 |     }
 17 | 
 18 | 
 19 | 
 20 |     // Remove the UI elements from last run
 21 |     cleanupThree();
 22 | 
 23 |     // Empty File Prep Table
 24 |     $("#layers").empty();
 25 |     // if (typeof(showDxf) !== 'undefined') {
 26 |     //   scene.remove(showDxf);
 27 |     // };
 28 | 
 29 |     if (typeof(tool_offset) !== 'undefined') {
 30 |         scene.remove(tool_offset);
 31 |         toolPath = null;
 32 |     };
 33 |     fileObject = new THREE.Group();
 34 | 
 35 |     row = [];
 36 |     pwr = [];
 37 |     cutSpeed = [];
 38 | 
 39 |     // $('#console').append('<p class="pf" style="color: #000000;"><b>Parsing DXF:...</b></p>');
 40 |     // $('#console').scrollTop($("#console")[0].scrollHeight - $("#console").height());
 41 | 
 42 |     //NEW Dxf  -- experimental
 43 |     parser2 = new window.DxfParser();
 44 |     dxf2 = parser2.parseSync(file);
 45 |     //console.log('DXF Data', dxf2);
 46 |     //cadCanvas = new processDXF(dxf2);
 47 | 
 48 |     for (i = 0; i < dxf2.entities.length; i++) {
 49 |         //console.log('Layer: ', dxf2.entities[i].layer);
 50 |         row[i] = dxf2.entities[i].layer
 51 |         drawEntity(i, dxf2.entities[i]);
 52 |     };
 53 | 
 54 | 
 55 | 
 56 |     // Make the 'geometry' object disappear
 57 |     // for (i=0; i<fileObject.children.length; i++) {
 58 |     //     //fileObject.children[i].material.color.setHex(0x000000);
 59 |     //     fileObject.children[i].material.opacity = 0.3;
 60 |     // }
 61 | 
 62 |     // Sadly removing it from the scene makes gcode circles end up at 0,0 since localToWorld needs it in the scene
 63 |     // fileObject.translateX((laserxmax / 2) * -1);
 64 |     // fileObject.translateY((laserymax / 2) * -1);
 65 |     fileObject.name = 'fileObject';
 66 |     //scene.add(fileObject);
 67 |     fileParentGroup = new THREE.Group();
 68 |     fileParentGroup.name = "fileParentGroup";
 69 |     fileParentGroup.add(fileObject);
 70 |     fileParentGroup.translateX((laserxmax / 2) * -1);
 71 |     fileParentGroup.translateY((laserymax / 2) * -1);
 72 |     scene.add(fileParentGroup);
 73 | 
 74 |     // // Make a copy to show, because we need the original copy, untranslated, for the gcodewriter parsing
 75 |     // showDxf = fileObject.clone();
 76 |     // // And display the showpiece, translated to virtual 0,0
 77 |     // showDxf = fileObject.clone();
 78 |     // showDxf.translateX(laserxmax /2 * -1);
 79 |     // showDxf.translateY(laserymax /2 * -1);
 80 |     // scene.add(showDxf);
 81 | 
 82 |     layers = [];
 83 |     layers = row.unique();
 84 |     //console.log(layers);
 85 |     for (var c = 0; c < layers.length; c++) {
 86 |         $('#layers').append('<form class="form-horizontal"><label class="control-label">'+ layers[c] +'</label><div class="input-group"><input class="form-control numpad" name=sp' + c + ' id=sp' + c + ' value=3200><span class="input-group-addon">mm/m</span></div><div class="input-group"><input class="form-control numpad" name=pwr' + c + ' id=pwr' + c + ' value=100><span class="input-group-addon">%</span></div></form>');
 87 | 
 88 | 
 89 |     }
 90 | 
 91 |     // document.getElementById('fileInputGcode').value = '';
 92 |     // document.getElementById('fileInputDXF').value = '';
 93 |     // $('#generate').hide();
 94 |     // $('#dxfparamstomc').show();
 95 |     // $('#svgparamstomc').hide();
 96 |     // $('#cutParams').modal('toggle');
 97 |     // document.getElementById('fileName').value = fileName;
 98 |     viewExtents(fileParentGroup);
 99 |     checkNumPad(); // Make newly added rows also numpad if configured
100 |     // clear SVG Invert + Move values if present
101 |     svgxpos = 0;
102 |     svgypos = 0;
103 | 
104 | 
105 | };
106 | 


--------------------------------------------------------------------------------
/js/gapipicker.js:
--------------------------------------------------------------------------------
  1 | /**!
  2 |  * Google Drive File Picker Example
  3 |  * By Daniel Lo Nigro (http://dan.cx/)
  4 |  */
  5 | (function() {
  6 | 	/**
  7 | 	 * Initialise a Google Driver file picker
  8 | 	 */
  9 | 	var FilePicker = window.FilePicker = function(options) {
 10 | 		// Config
 11 | 		this.apiKey = options.apiKey;
 12 | 		this.clientId = options.clientId;
 13 | 
 14 | 		// Elements
 15 | 		this.buttonEl = options.buttonEl;
 16 | 
 17 | 		// Events
 18 | 		this.onSelect = options.onSelect;
 19 | 		this.buttonEl.addEventListener('click', this.open.bind(this));
 20 | 
 21 | 		// Disable the button until the API loads, as it won't work properly until then.
 22 | 		this.buttonEl.disabled = true;
 23 | 
 24 | 		// Load the drive API
 25 | 		gapi.client.setApiKey(this.apiKey);
 26 | 		gapi.client.load('drive', 'v2', this._driveApiLoaded.bind(this));
 27 | 		google.load('picker', '1', { callback: this._pickerApiLoaded.bind(this) });
 28 | 	}
 29 | 
 30 | 	FilePicker.prototype = {
 31 | 		/**
 32 | 		 * Open the file picker.
 33 | 		 */
 34 | 		open: function() {
 35 | 			// Check if the user has already authenticated
 36 | 			var token = gapi.auth.getToken();
 37 | 			if (token) {
 38 | 				this._showPicker();
 39 | 			} else {
 40 | 				// The user has not yet authenticated with Google
 41 | 				// We need to do the authentication before displaying the Drive picker.
 42 | 				this._doAuth(false, function() { this._showPicker(); }.bind(this));
 43 | 			}
 44 | 		},
 45 | 
 46 | 		/**
 47 | 		 * Show the file picker once authentication has been done.
 48 | 		 * @private
 49 | 		 */
 50 | 		_showPicker: function() {
 51 | 			var accessToken = gapi.auth.getToken().access_token;
 52 | 			var view = new google.picker.DocsView();
 53 | 			view.setIncludeFolders(true);
 54 | 			this.picker = new google.picker.PickerBuilder()
 55 | 				.enableFeature(google.picker.Feature.NAV_HIDDEN)
 56 | 				.enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
 57 | 				.setAppId(this.clientId)
 58 | 				.setDeveloperKey(this.apiKey)
 59 | 				.setOAuthToken(accessToken)
 60 | 				.addView(view)
 61 | 				.setCallback(this._pickerCallback.bind(this))
 62 | 				.build()
 63 | 				.setVisible(true);
 64 | 		},
 65 | 
 66 | 		/**
 67 | 		 * Called when a file has been selected in the Google Drive file picker.
 68 | 		 * @private
 69 | 		 */
 70 | 		_pickerCallback: function(data) {
 71 | 			if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) {
 72 | 				var file = data[google.picker.Response.DOCUMENTS][0],
 73 | 					id = file[google.picker.Document.ID],
 74 | 					request = gapi.client.drive.files.get({
 75 | 						fileId: id
 76 | 					});
 77 | 
 78 | 				request.execute(this._fileGetCallback.bind(this));
 79 | 			}
 80 | 		},
 81 | 		/**
 82 | 		 * Called when file details have been retrieved from Google Drive.
 83 | 		 * @private
 84 | 		 */
 85 | 		_fileGetCallback: function(file) {
 86 | 			if (this.onSelect) {
 87 | 				this.onSelect(file);
 88 | 			}
 89 | 		},
 90 | 
 91 | 		/**
 92 | 		 * Called when the Google Drive file picker API has finished loading.
 93 | 		 * @private
 94 | 		 */
 95 | 		_pickerApiLoaded: function() {
 96 | 			this.buttonEl.disabled = false;
 97 | 		}
 98 | 
 99 | 	};
100 | }());
101 | 


--------------------------------------------------------------------------------
/js/grbl.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | // Grbl is built with the revealing prototype pattern.
  3 | 
  4 | var Grbl = function() {
  5 |     this.initiated = false;
  6 |     this.controls = {
  7 |         '$$': {
  8 |             description: 'view Grbl settings',
  9 |             command: '$$'
 10 |         },
 11 |         '$#': {
 12 |             description: 'view # parameters',
 13 |             parameter: '#',
 14 |             command: '$#'
 15 |         },
 16 |         '$G': {
 17 |             description: 'view parser state',
 18 |             command: '$G'
 19 |         },
 20 |         '$I': {
 21 |             description: 'view build info',
 22 |             command: '$I'
 23 |         },
 24 |         '$N': {
 25 |             description: 'view startup blocks',
 26 |             command: '$N'
 27 |         },
 28 |         '$#=': {
 29 |             parameter: '#',
 30 |             description: 'save Grbl setting',
 31 |             value: '',
 32 |             command: '$#='
 33 |         },
 34 |         '$N#': {
 35 |             parameter: '#',
 36 |             description: 'save startup block',
 37 |             value: '',
 38 |             command: '$N#'
 39 |         },
 40 |         '$C': {
 41 |             description: 'check gcode mode',
 42 |             command: '$C'
 43 |         },
 44 |         '$X': {
 45 |             description: 'kill alarm lock',
 46 |             command: '$X'
 47 |         },
 48 |         '$H': {
 49 |             description: 'run homing cycle',
 50 |             command: '$H'
 51 |         },
 52 |         '~': {
 53 |             description: 'cycle start',
 54 |             command: '~'
 55 |         },
 56 |         '!': {
 57 |             description: 'feed hold',
 58 |             command: '!'
 59 |         },
 60 |         '?': {
 61 |             description: 'current status',
 62 |             command: '?'
 63 |         },
 64 |         'ctrl-x': {
 65 |             description: 'reset Grbl',
 66 |             command: 'ctrl-x'
 67 |         }
 68 |     };
 69 |     this.settings = {}
 70 | }
 71 | 
 72 | Grbl.prototype = function() {
 73 |     var _checkStatusReportForError = function(rawMessageArray) {
 74 |         var messageArray = rawMessageArray
 75 |         var messageError = false;
 76 | 
 77 |         messageError = messageArray[0] === "Alarm" || messageArray[0] === "Idle" || messageArray[0] === "Run" ? false : true;
 78 |         messageError = messageArray[1] === "MPos" && !messageError ? false : true;
 79 |         messageError = messageArray[5] === "WPos" && !messageError ? false : true;
 80 |         messageError = messageArray[9] === "S" && !messageError ? false : true;
 81 |         messageError = messageArray[11] === "laser off" && !messageError ? false : true;
 82 | 
 83 |         if (messageError) {
 84 |             console.warn(messageArray);
 85 |         }
 86 | 
 87 |         return messageError
 88 |     }
 89 |     var _detectMessageType = function(data, grbl) {
 90 |         var messageType = null;
 91 | 
 92 |         messageType = (messageType === null && data[0] === '<' && data.indexOf('>') > -1) ? 'statusReport' : messageType;
 93 |         messageType = (messageType === null && data.indexOf('[') > -1 && data.indexOf(']') > -1) ? 'feedbackMessage' : messageType;
 94 |         messageType = (messageType === null && data.indexOf('ok') > -1) ? 'ok' : messageType;
 95 |         messageType = (messageType === null && data.indexOf('error:') > -1) ? 'error' : messageType;
 96 |         messageType = ((messageType === null || messageType === 'feedbackMessage') && data.indexOf('ALARM:') > -1) ? 'alarm' : messageType;
 97 |         messageType = (messageType === null && data[0] === '$') ? 'setting' : messageType;
 98 | 
 99 |         if (messageType === null || messageType === 'setting') {
100 |             for (var key in grbl.controls) {
101 |                 if (grbl.controls.hasOwnProperty(key)) {
102 |                     var control = grbl.controls[key];
103 |                     if (data.indexOf(control.description) > -1) {
104 |                         messageType = 'control'
105 |                         break;
106 |                     }
107 |                 }
108 |             }
109 |         }
110 | 
111 |         return messageType;
112 |     }
113 |     var setVersion = function(version) {
114 |         this.initiated = true;
115 |         this.version = version;
116 |         return this.version
117 |     }
118 |     var parseData = function(data) {
119 |         data = data.replace(/[\r\n]/g, '');
120 |         var error;
121 |         var messageType = _detectMessageType(data, this);
122 |         var grblState = {};
123 |         var message = {}
124 | 
125 |         if (messageType) {
126 |             switch (messageType) {
127 |                 case 'statusReport':
128 |                     // remove first < and last > and split on , and :
129 |                     var rawMessageArray = data.substr(data.indexOf('<') + 1, data.indexOf('>') - 1).split(/,|:/);
130 | 
131 |                     if (!_checkStatusReportForError(rawMessageArray)) {
132 |                         grblState = {
133 |                             state: rawMessageArray[0],
134 |                             MPos: [rawMessageArray[2], rawMessageArray[3], rawMessageArray[4]],
135 |                             WPos: [rawMessageArray[6], rawMessageArray[7], rawMessageArray[8]],
136 |                             S: rawMessageArray[10],
137 |                             laserOff: rawMessageArray[12]
138 |                         }
139 | 
140 |                         for (var key in grblState) {
141 |                             if (grblState.hasOwnProperty(key)) {
142 |                                 this[key] = grblState[key];
143 |                             }
144 |                         }
145 |                         error = false;
146 | 
147 |                         message = {
148 |                             messageType: messageType,
149 |                             state: grblState
150 |                         }
151 | 
152 |                     } else {
153 |                         error = true;
154 |                     }
155 |                     break;
156 |                 case 'feedbackMessage':
157 |                     // get grblMessages between []
158 |                     var grblFeedBackMessage = data.replace(/.*\[|\]/gi, '');
159 |                     error = false;
160 | 
161 |                     message = {
162 |                         messageType: messageType,
163 |                         message: grblFeedBackMessage
164 |                     }
165 |                     break;
166 |                 case 'ok':
167 | 
168 |                     error = false;
169 |                     message = {
170 |                         messageType: messageType,
171 |                         message: data
172 |                     }
173 |                     break;
174 |                 case 'error':
175 |                     error = false;
176 |                     message = {
177 |                         messageType: messageType,
178 |                         message: data
179 |                     }
180 |                     break;
181 |                 case 'alarm':
182 |                     error = false;
183 |                     message = {
184 |                         messageType: messageType,
185 |                         message: data
186 |                     }
187 |                     break
188 |                 case 'setting':
189 |                     var isSetting = function(setting) {
190 |                         var suffix = parseInt(setting.substring(1, setting.length));
191 |                         // check if returns NaN. NaN === NaN always returns false
192 |                         return suffix === suffix ? true : false;
193 |                     }
194 |                     var setting = data.split('=')[0]
195 |                     if (isSetting(setting)) {
196 |                         var command = data.split('=')[0];
197 |                         var value = data.split('=')[1].split(' ')[0];
198 |                         var description = data.replace(/.*\(|\)/gi, '');
199 |                         var settings = {
200 |                             value: value,
201 |                             description: description,
202 |                             command: command
203 |                         }
204 |                         this.settings[setting] = settings
205 |                     }
206 |                     error = false;
207 | 
208 |                     message = {
209 |                         messageType: messageType,
210 |                         setting: settings
211 |                     }
212 |                     break;
213 |                 case 'control':
214 |                     for (var key in this.controls) {
215 |                         if (this.controls.hasOwnProperty(key)) {
216 |                             var control = this.controls[key];
217 |                             if (data.indexOf(control.description) > -1) {
218 |                                 message = {
219 |                                     messageType: messageType,
220 |                                     control: this.controls[key]
221 |                                 }
222 |                                 break;
223 |                             }
224 |                         }
225 |                     }
226 | 
227 |                     error = false;
228 | 
229 |                     break;
230 |                 default:
231 |                     error = true;
232 |             }
233 |         } else {
234 |             error = true;
235 |         }
236 |         return error ? 0 : message;
237 |     }
238 |     var homingSequence = function() {
239 |         return "$H";
240 |     }
241 |     var laserOn = function() {
242 |         return "M3"
243 |     }
244 |     var laserOff = function() {
245 |         return "M3"
246 |     }
247 | 
248 |     return {
249 |         parseData: parseData, // parses incoming data and returns parsed messageType
250 |         setVersion: setVersion,
251 |         homingSequence: homingSequence,
252 |         laserOn: laserOn,
253 |         laserOff: laserOff
254 |     }
255 | }();
256 | 
257 | 
258 | // export code
259 | if (typeof exports !== 'undefined') {
260 |     if (typeof module !== 'undefined' && module.exports) {
261 |         exports = module.exports = Grbl;
262 |     }
263 |     exports.Grbl = Grbl;
264 | }
265 | 


--------------------------------------------------------------------------------
/js/jog.js:
--------------------------------------------------------------------------------
 1 | function initJog() {
 2 | 
 3 |     $('#bounding').on('click', function() {
 4 |       $('#console').append('<span class="pf" style="color: #000000;"><b>Drawing Bounding Box...</b></span><br>');
 5 |       $('#console').scrollTop($("#console")[0].scrollHeight - $("#console").height());
 6 |       sendGcode('G90\nG0 X'+$('#BBXMIN').val()+' Y'+$('#BBYMIN').val()+' F2000\nG0 X'+$('#BBXMAX').val()+' Y'+$('#BBYMIN').val()+' F2000\nG0 X'+$('#BBXMAX').val()+' Y'+$('#BBYMAX').val()+' F2000\nG0 X'+$('#BBXMIN').val()+' Y'+$('#BBYMAX').val()+' F2000\nG0 X'+$('#BBXMIN').val()+' Y'+$('#BBYMIN').val()+' F2000\nG90');
 7 |     });
 8 | 
 9 | 
10 | 
11 |     $('#xP').on('click', function() {
12 |        if (isConnected) {
13 |          var dist = $('input[name=stp]:checked', '#stepsize').val()
14 |          console.log('Jog Distance', dist);
15 |          sendGcode('G91\nG0 X'+ dist + '\nG90\n');
16 |        }
17 |     });
18 | 
19 |     $('#yP').on('click', function() {
20 |        if (isConnected) {
21 |          var dist = $('input[name=stp]:checked', '#stepsize').val()
22 |          console.log('Jog Distance', dist);
23 |          sendGcode('G91\nG0 Y'+ dist + '\nG90\n');
24 |        }
25 |     });
26 | 
27 |     $('#zP').on('click', function() {
28 |        if (isConnected) {
29 |          var dist = $('input[name=stp]:checked', '#stepsize').val()
30 |          console.log('Jog Distance', dist);
31 |          sendGcode('G91\nG0 Z'+ dist + '\nG90\n');
32 |        }
33 |     });
34 | 
35 |     $('#xM').on('click', function() {
36 |        if (isConnected) {
37 |          var dist = $('input[name=stp]:checked', '#stepsize').val()
38 |          console.log('Jog Distance', dist);
39 |          sendGcode('G91\nG0 X-'+ dist + '\nG90\n');
40 |        }
41 |     });
42 | 
43 |     $('#yM').on('click', function() {
44 |        if (isConnected) {
45 |          var dist = $('input[name=stp]:checked', '#stepsize').val()
46 |          console.log('Jog Distance', dist);
47 |          sendGcode('G91\nG0 Y-'+ dist + '\nG90\n');
48 |        }
49 |     });
50 | 
51 |     $('#zM').on('click', function() {
52 |        if (isConnected) {
53 |          var dist = $('input[name=stp]:checked', '#stepsize').val()
54 |          console.log('Jog Distance', dist);
55 |          sendGcode('G91\nG0 Z-'+ dist + '\nG90\n');
56 |        }
57 |     });
58 | 
59 |     // Jog Widget
60 |     $('#stepsize input').on('change', function() {
61 |        printLog('Jog will use ' +$('input[name=stp]:checked', '#stepsize').val() + ' mm per click', successcolor);
62 |        $(".stepsizeval").empty();
63 |        $(".stepsizeval").html($('input[name=stp]:checked', '#stepsize').val() + 'mm');
64 |     });
65 | 
66 | 
67 | 
68 | }
69 | 


--------------------------------------------------------------------------------
/js/localstorage.js:
--------------------------------------------------------------------------------
 1 | function initLocalStorage() {
 2 |   var settingsOpen = document.getElementById('jsonFile');
 3 |   settingsOpen.addEventListener('change', restoreSettingsLocal, false);
 4 | }
 5 | 
 6 | 
 7 | localParams = ['laserXMax', 'laserYMax', 'spotSize', 'rapidspeed', 'startgcode', 'laseron', 'laseroff', 'lasermultiply', 'homingseq', 'endgcode', 'useOffset', 'imagePosition', 'useNumPad', 'useVideo'];
 8 | 
 9 | function saveSettingsLocal() {
10 |     for (i = 0; i < localParams.length; i++) {
11 |         var val = $('#' + localParams[i]).val(); // Read the value from form
12 |         console.log('Saving: ', localParams[i], ' : ', val);
13 |         printLog('Saving: ' + localParams[i] + ' : ' + val, successcolor);
14 |         localStorage.setItem(localParams[i], val);
15 |     };
16 |     printLog('<b>Saved Settings: <br>NB:</b> Please refresh page for settings to take effect', errorcolor);
17 | };
18 | 
19 | function loadSettingsLocal() {
20 |     for (i = 0; i < localParams.length; i++) {
21 |         var val = localStorage.getItem(localParams[i]);
22 |         if (val) {
23 |             console.log('Loading: ', localParams[i], ' : ', val);
24 |             $('#' + localParams[i]).val(val) // Set the value to Form from Storage
25 |         };
26 |     };
27 | };
28 | 
29 | function backupSettingsLocal() {
30 |   var json = JSON.stringify(localStorage)
31 |   var blob = new Blob([json], {type: "application/json"});
32 |     invokeSaveAsDialog(blob, 'laserweb-settings-backup.json');
33 | 
34 | };
35 | 
36 | function checkSettingsLocal() {
37 |   $("#settingsstatus").hide();
38 |   var anyissues = false;
39 |   var anywarn = false;
40 |   printLog('<hr><b>Checking whether you have configured LaserWeb :</b><p>', msgcolor);
41 |   for (i = 0; i < localParams.length; i++) {
42 |     var val = $('#' + localParams[i]).val(); // Read the value from form
43 |     if(val) {
44 |       printLog('Checking : ' + localParams[i] + ' : ' + val, successcolor);
45 |     } else {
46 |       field = localParams[i]
47 |       if (field.indexOf('laseron') == 0 || field.indexOf('laseroff') == 0 ) {
48 |         printLog('Checking : ' + localParams[i] + ' : OPTIONAL ' + val, warncolor);
49 |         anywarn = true;
50 |       } else {
51 |         printLog('Checking : ' + localParams[i] + ' : NOT SET ' + val, errorcolor);
52 |         anyissues = true;
53 |       }
54 |     }
55 |   };
56 |   if (anyissues) {
57 |     printLog('<b>MISSING CONFIG: You need to configure LaserWeb for your setup. </b><hr>', errorcolor);
58 |     $("#togglesettings").click();
59 |     $("#settingsstatus").show();
60 |   }
61 | 
62 |   if (!anyissues && anywarn) {
63 |     printLog('<b>WARNINGS in Config: You might need to configure LaserWeb for your setup, depending on your controller.</b><hr>', warncolor);
64 |     $("#settingsstatus").hide();
65 |   }
66 | };
67 | 
68 | function restoreSettingsLocal(evt) {
69 |   console.log('Inside Restore');
70 |    var input, file, fr;
71 | 
72 |     console.log('event ', evt)
73 |      file = evt.target.files[0];
74 |      fr = new FileReader();
75 |      fr.onload = receivedText;
76 |      fr.readAsText(file);
77 |    }
78 | 
79 |    function receivedText(e) {
80 |      lines = e.target.result;
81 |      var o = JSON.parse(lines);
82 |      for (var property in o) {
83 |        if (o.hasOwnProperty(property)) {
84 |            localStorage.setItem(property, o[property]);
85 |        }
86 |    }
87 |    loadSettingsLocal();
88 |    }
89 | 


--------------------------------------------------------------------------------
/js/macros.js:
--------------------------------------------------------------------------------
  1 | function macrosInit() {
  2 | 
  3 |   $('#macroEdit').editableTableWidget({
  4 |       preventColumns: [1, 4, 5, 6]
  5 |   });
  6 | 
  7 | 
  8 |   // Show/Hide Macro Pad
  9 |   $('#togglemacro').on('click', function() {
 10 |     if ($( "#togglemacro" ).hasClass( "btn-primary" )) {
 11 |       $('#macro_container').hide();
 12 |       $('#renderArea').show();
 13 |       $('#viewer_container').show();
 14 |       $("#togglemacro").removeClass("btn-primary");
 15 |       $("#togglemacro").addClass("btn-default");
 16 |     } else {
 17 |       $('#macro_container').show();
 18 |       $('#renderArea').hide();
 19 |       $('#viewer_container').hide();
 20 |       $("#togglemacro").addClass("btn-primary");
 21 |       $("#togglemacro").removeClass("btn-default");
 22 |     }
 23 |   });
 24 | 
 25 |   $('#closemacro').on('click', function() {
 26 |     if ($( "#togglemacro" ).hasClass( "btn-primary" )) {
 27 |       $('#macro_container').hide();
 28 |       $('#renderArea').show();
 29 |       $('#viewer_container').show();
 30 |       $("#togglemacro").removeClass("btn-primary");
 31 |       $("#togglemacro").addClass("btn-default");
 32 |     } else {
 33 |       $('#macro_container').show();
 34 |       $('#renderArea').hide();
 35 |       $('#viewer_container').hide();
 36 |       $("#togglemacro").addClass("btn-primary");
 37 |       $("#togglemacro").removeClass("btn-default");
 38 |     }
 39 |   });
 40 | 
 41 |   // Show/Hide Macro Pad
 42 |   $('#editmacro').on('click', function() {
 43 |       $('#macrostatus').hide();
 44 |       printLog('Editing Macros', msgcolor);
 45 |       $("#macrostbody").empty();
 46 |       readMacros();
 47 |       $('#macro_pad').toggle();
 48 |       $('#macro_settings').toggle();
 49 |       $('#editmacro').hide();
 50 |       $('#savemacro').show();
 51 |       // $('#viewer_container').toggle();
 52 |       // $('#renderArea').toggle();
 53 |   });
 54 | 
 55 |   $('#addrow').on('click', function() {
 56 |       var oTable = document.getElementById('macroEdit');
 57 |       //gets rows of table
 58 |       var rowLength = oTable.rows.length;
 59 |       var nextNum = rowLength + 0; // (not +1 since rows.length includes the header anyway (; )
 60 |       $('#macroEdit > tbody:last-child').append('<tr><td></td><td>...Label...</td><td>G0 X100 (for example)</td><td><select id="colorselector'+ nextNum+'"><option value="#DC143C" data-color="#DC143C">crimson</option><option value="#FF8C00" data-color="#FF8C00">darkorange</option><option value="#FFD700" data-color="#FFD700">gold</option><option value="#6495ED" data-color="#6495ED">cornflowerblue</option><option value="#87CEFA" data-color="#87CEFA">lightskyblue</option><option value="#32CD32" data-color="#32CD32">limegreen</option></select></td><td><span id="colorValue'+nextNum+'">#DC143C</span></td><td><button type="button" class="btn btn-sm btn-default" onclick="deleteRow(this);"><i class="fa fa-times"></i></button></td></tr>');
 61 |       $('#macroEdit').editableTableWidget({
 62 |           preventColumns: [1, 4, 5, 6]
 63 |       });
 64 |        console.log('Setting button ', i)
 65 |        $('#colorselector'+nextNum).colorselector({
 66 |        callback: function (value, color, title) {
 67 |            console.log('Setting Color ', nextNum, value, color, title);
 68 |            $("#colorValue"+nextNum).html(value);
 69 |        }
 70 |       });
 71 |   });
 72 | 
 73 |   $('#savemacro').on('click', function() {
 74 |     saveMacros();
 75 |   });
 76 | 
 77 | 
 78 | 
 79 | readMacros();
 80 | }
 81 | 
 82 | 
 83 | // Table Auto Numbering Helper from http://jsfiddle.net/DominikAngerer/yx275pyd/2/
 84 | function runningFormatter(value, row, index) {
 85 |     return index;
 86 | }
 87 | 
 88 | // Table Delete row with onclick="deleteRow(this)
 89 | function deleteRow(t) {
 90 |     var row = t.parentNode.parentNode;
 91 |     document.getElementById("macroEdit").deleteRow(row.rowIndex);
 92 |     console.log(row);
 93 | }
 94 | 
 95 | function saveMacros() {
 96 |   printLog('Saving Macros', msgcolor);
 97 |   $('#macro_pad').toggle();
 98 |   $('#macro_settings').toggle();
 99 |   $('#savemacro').hide();
100 |   $('#editmacro').show();
101 |   // Cleanup
102 |   for (i = 1; i < 24; i++) {
103 |       var name = 'macro' + i;
104 |       localStorage.removeItem(name);
105 |   };
106 |   //gets table
107 |   var oTable = document.getElementById('macroEdit');
108 | 
109 |   //gets rows of table
110 |   var rowLength = oTable.rows.length;
111 | 
112 |   //loops through rows
113 |   for (i = 1; i < rowLength; i++) {
114 |       var macro = [];
115 |       //gets cells of current row
116 |       var oCells = oTable.rows.item(i).cells;
117 | 
118 |       //gets amount of cells of current row
119 |       var cellLength = oCells.length;
120 | 
121 |       //loops through each cell in current row
122 |       for (var j = 0; j < 3; j++) {
123 | 
124 |           // get your cell info here
125 | 
126 |           var cellVal = oCells.item(j).innerHTML;
127 |           console.log(cellVal);
128 |           macro.push(cellVal);
129 |       };
130 | 
131 |       var colorVal = $("#colorValue"+i).html();
132 |       macro.push(colorVal);
133 |       var name = 'macro' + i;
134 |       localStorage.setItem(name, macro);
135 |   };
136 | 
137 |   // Lets fire off initial Populate
138 |   readMacros();
139 | }
140 | 
141 | function readMacros() {
142 |     $("#macro_pad").empty();
143 |     $('#macro_pad').append('<h4 >Macro Buttons</h4>');
144 |     for (i = 1; i < 24; i++) {
145 |         var name = 'macro' + i;
146 |         var val = localStorage.getItem(name);
147 |         if (val) {
148 |             // Found a macro, so lets hide the error message
149 |             $('#macrostatus').hide();
150 |             var details = val.split(',');
151 |             var label = details[1];
152 |             var gcode = String(details[2]);
153 |             var color = String(details[3]);
154 |             console.log('Setting button ', i)
155 |             $('#macroEdit > tbody:last-child').append('<tr><td></td><td>' + details[1] + '</td><td>' + details[2] + '</td><td><select id="colorselector'+ i +'"><option value="#DC143C" data-color="#DC143C">crimson</option><option value="#FF8C00" data-color="#FF8C00">darkorange</option><option value="#FFD700" data-color="#FFD700">gold</option><option value="#6495ED" data-color="#6495ED">cornflowerblue</option><option value="#87CEFA" data-color="#87CEFA">lightskyblue</option><option value="#32CD32" data-color="#32CD32">limegreen</option></select></td><td><span id="colorValue'+i+'"></span></td><td><button type="button" class="btn btn-sm btn-default" onclick="deleteRow(this);"><i class="fa fa-times"></i></button></td></tr>');
156 |             $("#colorValue"+i).html(color);
157 |             var valname = '#colorValue' + i;
158 |             $('#colorselector'+i).colorselector({
159 |               callback: function (value, color, title) {
160 |                 var va = 'macro' + i;
161 |                 console.log('Setting Color ', valname, value, color, title);
162 |                 $(valname).html(value);
163 |               }
164 |            });
165 |            $('#colorselector'+i).colorselector("setColor", color);
166 |               if (i == 1) {
167 |                   $('#macro_pad').append('<button type="button" class="btn btn-lg btn-default" id="macro' + i + '" style="background-color: '+color+';" onclick="sendGcode(' + '\'' + gcode + '\'' + ')">' + label + '</button>');
168 |               } else if (i == 6 || i == 12 || i == 18) {
169 |                   $('#macro_pad').append('<button type="button" class="btn btn-lg btn-default" id="macro' + i + '" style="background-color: '+color+';"  onclick="sendGcode(' + '\'' + gcode + '\'' + ')">' + label + '</button>');
170 |               } else {
171 |                   $('#macro_pad').append('<button type="button" class="btn btn-lg btn-default" id="macro' + i + '" style="background-color: '+color+';"  onclick="sendGcode(' + '\'' + gcode + '\'' + ')">' + label + '</button>');
172 |               }
173 |             $('#macro_pad').append('</div>'); // close the last row
174 |         };
175 |         $('#macroEdit').editableTableWidget({
176 |             preventColumns: [1, 4, 5, 6]
177 |         });
178 |     };
179 | }
180 | 


--------------------------------------------------------------------------------
/js/raster.js:
--------------------------------------------------------------------------------
  1 | var minpwr;
  2 | var maxpwr;
  3 | var dpival;
  4 | var laserRapid;
  5 | var width;
  6 | var height;
  7 | var rectWidth;
  8 | var rectHeight;
  9 | var boundingBox;
 10 | var BBmaterial;
 11 | var BBgeometry;
 12 | var intensity;
 13 | var rastermesh; // see main.js - image shown on three canvas of raster
 14 | 
 15 | 
 16 | // add MAP function to the Numbers function
 17 | Number.prototype.map = function(in_min, in_max, out_min, out_max) {
 18 |     return (this - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
 19 | };
 20 | 
 21 | if (!String.prototype.format) {
 22 |     String.prototype.format = function() {
 23 |         var args = arguments;
 24 |         return this.replace(/{(\d+)}/g, function(match, number) {
 25 |             return typeof args[number] != 'undefined' ? args[number] : match;
 26 |         });
 27 |     };
 28 | }
 29 | 
 30 | function drawRaster() {
 31 | 
 32 |     // Remove the UI elements from last run
 33 |     cleanupThree();
 34 | 
 35 | 
 36 |     $('#rasterProgressShroud').hide();
 37 |     $('#rasterparams').show();
 38 |     $("body").trigger("click") // close dropdown menu
 39 | 
 40 |     if ($('#useRasterBlackWhiteSpeeds').prop('checked')) {
 41 |         $("#blackwhitespeedsection").show();
 42 |     } else {
 43 |         $("#blackwhitespeedsection").hide();
 44 |     }
 45 | };
 46 | 
 47 | function rasterInit() {
 48 |     // printLog('Raster module Activated', msgcolor)
 49 | 
 50 |     // Raster support
 51 |     var paperscript = {};
 52 | 
 53 |     $("#laserpwrslider").slider({
 54 |         range: true,
 55 |         min: 0,
 56 |         max: 100,
 57 |         values: [0, 100],
 58 |         slide: function(event, ui) {
 59 |             minpwr = [ui.values[0]];
 60 |             maxpwr = [ui.values[1]];
 61 |             $('#rasterNow').removeClass('disabled');
 62 |             $('#laserpwr').html($("#laserpwrslider").slider("values", 0) + '% - ' + $("#laserpwrslider").slider("values", 1) + '%');
 63 |             setImgDims()
 64 |         }
 65 |     });
 66 |     $('#laserpwr').html($("#laserpwrslider").slider("values", 0) + '% - ' + $("#laserpwrslider").slider("values", 1) + '%');
 67 |     minpwr = $("#laserpwrslider").slider("values", 0);
 68 |     maxpwr = $("#laserpwrslider").slider("values", 1);
 69 | 
 70 |     $("#laservariablespeedslider").slider({
 71 |         range: true,
 72 |         min: 0,
 73 |         max: 100,
 74 |         values: [20, 80],
 75 |         slide: function(event, ui) {
 76 |             $('#rasterNow').removeClass('disabled');
 77 |             laserRapid = $('#rapidRate').val();
 78 |             $('#laservariablespeed').html($("#laservariablespeedslider").slider("values", 0) * laserRapid / 100.0 + ' - ' + $("#laservariablespeedslider").slider("values", 1) * laserRapid / 100.0);
 79 |         }
 80 |     });
 81 |     $('#laservariablespeed').html($("#laservariablespeedslider").slider("values", 0) * $('#rapidRate').val() / 100.0 + ' - ' + $("#laservariablespeedslider").slider("values", 1) * $('#rapidRate').val() / 100.0);
 82 | 
 83 |     $("#useRasterBlackWhiteSpeeds").change(function() {
 84 |         if ($('#useRasterBlackWhiteSpeeds').prop('checked')) {
 85 |             $("#blackwhitespeedsection").show();
 86 |         } else {
 87 |             $("#blackwhitespeedsection").hide();
 88 |         }
 89 |     });
 90 | 
 91 |     $("#rapidRate").change(function() {
 92 |         $('#laservariablespeed').html($("#laservariablespeedslider").slider("values", 0) * $('#rapidRate').val() / 100.0 + ' - ' + $("#laservariablespeedslider").slider("values", 1) * $('#rapidRate').val() / 100.0);
 93 |     });
 94 | 
 95 |     // $('#spotsize').html(':  ' + ($("#spotsizeslider").slider("values", 0) / 100) + 'mm ');
 96 |     // spotSizeMul = $("#spotsizeslider").slider("values", 0) / 100;
 97 |     spotSizeMul = parseFloat($('#spotSize').val()) / 100;
 98 | 
 99 |     $('#rasterNow').on('click', function() {
100 |         // $('#rasterWidgetSendRasterToLaser').addClass('disabled');
101 |         // var spotSize = $("#spotsizeslider").slider("values", 0) / 100;
102 | 
103 |         dpival = parseFloat($('#rasterDPI').val()) * 0.03937007874016;
104 |         var img = document.getElementById('origImage');
105 |         width = img.naturalWidth;
106 |         var physheight = (height / dpival)
107 |         var physwidth = (width / dpival) ;
108 |         var spotSize = (physwidth / width);
109 |         var spotSizeMul = parseFloat($('#spotSize').val());
110 |         var laserFeed = $('#feedRate').val();
111 |         var laserRapid = $('#rapidRate').val();
112 |         var blackspeed = $("#laservariablespeedslider").slider("values", 0) * laserRapid / 100.0;
113 |         var whitespeed = $("#laservariablespeedslider").slider("values", 1) * laserRapid / 100.0;
114 |         var useVariableSpeed = $('#useRasterBlackWhiteSpeeds').prop('checked');
115 |         $('#rasterProgressShroud').hide();
116 |         var xoffset = parseFloat($('#rasterxoffset').val());
117 |         var yoffset = parseFloat($('#rasteryoffset').val());
118 |         var imagePosition = $('#imagePosition').val()
119 | 
120 |         paper.RasterNow({
121 |             completed: gcodereceived,
122 |             minIntensity: [minpwr],
123 |             maxIntensity: [maxpwr],
124 |             spotSize1: [spotSize],
125 |             beamSize1: [spotSizeMul],
126 |             imgheight: [height],
127 |             imgwidth: [width],
128 |             feedRate: [laserFeed],
129 |             blackRate: [blackspeed],
130 |             whiteRate: [whitespeed],
131 |             useVariableSpeed: [useVariableSpeed],
132 |             rapidRate: [laserRapid],
133 |             xOffset: [xoffset],
134 |             yOffset: [yoffset],
135 |             imagePos: [imagePosition],
136 |             physicalHeight: [physheight]
137 |         });
138 |     });
139 | 
140 |     $('#rasterDPI').bind('input propertychange change paste keyup', function() {
141 |         if (this.value.length) {
142 |             setImgDims();
143 |         }
144 |     });
145 | 
146 |     $('#rasterxoffset').bind('input propertychange change paste keyup', function() {
147 |         if (this.value.length) {
148 |             setImgDims();
149 |         }
150 |     });
151 | 
152 |     $('#rasteryoffset').bind('input propertychange change paste keyup', function() {
153 |         if (this.value.length) {
154 |             setImgDims();
155 |         }
156 |     });
157 | }
158 | 
159 | 
160 | 
161 | function setImgDims() {
162 |     // Rate of inch to mm = 0.03937007874016 from http://www.translatorscafe.com/cafe/EN/units-converter/digital-image-resolution/3-2/dot%2Finch-dot%2Fmillimeter/
163 |     printLog('Changing size: Clearing GCODE', msgcolor)
164 |     if (typeof(object) !== 'undefined') {
165 |       scene.remove(object)
166 |     }
167 |     document.getElementById('gcodepreview').value = '';
168 |     dpival = parseFloat($('#rasterDPI').val()) * 0.03937007874016;
169 |     minpwr = $("#laserpwrslider").slider("values", 0);
170 |     maxpwr = $("#laserpwrslider").slider("values", 1);
171 |     var img = document.getElementById('origImage');
172 |     width = img.naturalWidth;
173 |     height = img.naturalHeight;
174 |     $("#dims").text(width + 'px x ' + height + 'px');
175 |     $('#canvas-1').prop('width', (width * 2));
176 |     $('#canvas-1').prop('height', (height * 2));
177 |     var physwidth = (width / dpival) ;
178 |     var physheight = (height / dpival ) ;
179 |     $("#physdims").text(physwidth.toFixed(1) + 'mm x ' + physheight.toFixed(1) + 'mm');
180 |     var xoffset = parseFloat($('#rasterxoffset').val());
181 |     var yoffset = parseFloat($('#rasteryoffset').val()) * -1;
182 |     if (rastermesh) {
183 |         rastermesh.scale.x = (physwidth / width)  ;
184 |         rastermesh.scale.y = (physheight / height) ;
185 | 
186 |         var bbox2 = new THREE.Box3().setFromObject(rastermesh);
187 |         console.log('bbox for rastermesh: Min X: ', (bbox2.min.x + (laserxmax / 2)), '  Max X:', (bbox2.max.x + (laserxmax / 2)), 'Min Y: ', (bbox2.min.y + (laserymax / 2)), '  Max Y:', (bbox2.max.y + (laserymax / 2)));
188 |         var Xtofix = -(bbox2.min.x + (laserxmax / 2)) + xoffset;
189 |         var imagePosition = $('#imagePosition').val()
190 |         console.log('ImagePosition', imagePosition)
191 | 
192 |         imagePosition = $('#imagePosition').val()
193 |         if (imagePosition == "TopLeft") {
194 |             Ytofix = (laserymax / 2) - bbox2.max.y + yoffset;
195 |         } else {
196 |             Ytofix = -(bbox2.min.y + (laserymax / 2) + yoffset);
197 |         }
198 |         console.log('X Offset', Xtofix)
199 |         console.log('Y Offset', Ytofix)
200 |         rastermesh.translateX(Xtofix);
201 |         rastermesh.translateY(Ytofix);
202 |         currentWorld();
203 | 
204 |     }
205 | };
206 | 
207 | function gcodereceived() {
208 |     printLog('Raster Completed', msgcolor)
209 |     $('#rasterProgressShroud').hide();
210 |     $('#rasterparams').show();
211 |     console.log('New Gcode');
212 |     openGCodeFromText();
213 |     gCodeToSend = document.getElementById('gcodepreview').value;
214 |     $('#viewReset').click();
215 | 
216 | };
217 | 


--------------------------------------------------------------------------------
/js/smoothie.js:
--------------------------------------------------------------------------------
 1 | function runCommand(cmd, silent) {
 2 | 
 3 |     var host = $('#spjsip').val();
 4 |     if (host) {
 5 |         console.log('Connecting Smoothie at ', host);
 6 |     } else {
 7 |         host = '127.0.0.1'
 8 |     }
 9 |     // Get some values from elements on the page:
10 |     cmd += "\n";
11 |     url = silent ? "http://" + host + "/command_silent" : "http://" + host + "/command";
12 |     // Send the data using post
13 |     var posting = $.post(url, cmd);
14 |     // Put the results in a div
15 |     if (!silent) {
16 |         posting.done(function(data) {
17 |             $("#result").empty();
18 |             $.each(data.split('\n'), function(index) {
19 |                 printLog(this, msgcolor)
20 |                     //$("#console").append(this + '<br/>');
21 |             });
22 |         });
23 |     }
24 | }
25 | 
26 | function getTemperature() {
27 |     //runCommand("M105", false);
28 |     var regex_temp = /(B|T(\d*)):\s*([+]?[0-9]*\.?[0-9]+)?/gi;
29 | 
30 |     //    var test_data = "ok T:23.3 /0.0 @0 T1:23.4 /0.0 @0 B:24.8 /0.0 @0 P:29.4 /0.0 @0";
31 |     var posting = $.post("http://" + host + "/command", "M105\n");
32 |     posting.done(function(data) {
33 |         while ((result = regex_temp.exec(data)) !== null) {
34 |             var tool = result[1];
35 |             var value = result[3];
36 | 
37 |             if (tool == "T") {
38 |                 //$("#heat_actual_t0").html(value + "&deg;C");
39 |             } else if (tool == "T1") {
40 |                 //$("#heat_actual_t1").html(value + "&deg;C");
41 |             }
42 |             if (tool == "B") {
43 |                 //$("#heat_actual_bed").html(value + "&deg;C");
44 | 
45 |             }
46 |         }
47 |     });
48 | }
49 | 


--------------------------------------------------------------------------------
/js/stlcam.js:
--------------------------------------------------------------------------------
  1 | // Written by Sebastien Mischler https://github.com/lautr3k/SLAcer.js/tree/master/js/slacer
  2 | var shapes = null;;
  3 | var group = null;;
  4 | var slicegroup;
  5 | 
  6 | function hidestl() {
  7 |     $('#hidestl').addClass('disabled');
  8 |     $('#showstl').removeClass('disabled');
  9 |     scene.remove(stl);
 10 | }
 11 | 
 12 | function showstl() {
 13 |     $('#showstl').addClass('disabled');
 14 |     $('#hidestl').removeClass('disabled');
 15 |     scene.add(stl);
 16 | }
 17 | 
 18 | 
 19 | //start stl parsing functions
 20 | parseStlBinary = function(stl) { //this is from jsstl.  we have a failure on the new DataView
 21 |     var geo = new THREE.Geometry();
 22 |     var dv = new DataView(stl, 80); // 80 == unused header
 23 |     var isLittleEndian = true;
 24 |     var triangles = dv.getUint32(0, isLittleEndian);
 25 | 
 26 |     // console.log('arraybuffer length:  ' + stl.byteLength);
 27 |     // console.log('number of triangles: ' + triangles);
 28 | 
 29 |     var offset = 4;
 30 |     for (var i = 0; i < triangles; i++) {
 31 |         // Get the normal for this triangle
 32 |         var normal = new THREE.Vector3(
 33 |             dv.getFloat32(offset, isLittleEndian),
 34 |             dv.getFloat32(offset + 4, isLittleEndian),
 35 |             dv.getFloat32(offset + 8, isLittleEndian)
 36 |         );
 37 |         offset += 12;
 38 | 
 39 |         // Get all 3 vertices for this triangle
 40 |         for (var j = 0; j < 3; j++) {
 41 |             geo.vertices.push(
 42 |                 new THREE.Vector3(
 43 |                     dv.getFloat32(offset, isLittleEndian),
 44 |                     dv.getFloat32(offset + 4, isLittleEndian),
 45 |                     dv.getFloat32(offset + 8, isLittleEndian)
 46 |                 )
 47 |             );
 48 |             offset += 12
 49 |         }
 50 | 
 51 |         // there's also a Uint16 "attribute byte count" that we
 52 |         // don't need, it should always be zero.
 53 |         offset += 2;
 54 | 
 55 |         // Create a new face for from the vertices and the normal
 56 |         geo.faces.push(new THREE.Face3(i * 3, i * 3 + 1, i * 3 + 2, normal));
 57 |     }
 58 | 
 59 |     // The binary STL I'm testing with seems to have all
 60 |     // zeroes for the normals, unlike its ASCII counterpart.
 61 |     // We can use three.js to compute the normals for us, though,
 62 |     // once we've assembled our geometry. This is a relatively
 63 |     // expensive operation, but only needs to be done once.
 64 |     geo.computeFaceNormals();
 65 | 
 66 |     var mesh = new THREE.Mesh(
 67 |         geo,
 68 |         // new THREE.MeshNormalMaterial({
 69 |         //     overdraw:true
 70 |         // }
 71 |         new THREE.MeshLambertMaterial({
 72 |             overdraw: true,
 73 |             color: 0xaa0000,
 74 |             shading: THREE.FlatShading
 75 |         }));
 76 |     //scene.add(mesh);
 77 |     scene.add(mesh);
 78 | 
 79 |     stl = null;
 80 | };
 81 | //end stl parsing functions
 82 | 
 83 | 
 84 | 
 85 | // Start SLAcer.js - slice functions
 86 | var slicer = new SLAcer.Slicer();
 87 | console.log()
 88 | var shapes;
 89 | var group;
 90 | 
 91 | var fileObject = new THREE.Group();
 92 | 
 93 | 
 94 | function generateSlices() {
 95 |     var layerheight = parseFloat($('#layerheight').val());
 96 |     slicegrid(layerheight);
 97 | }
 98 | 
 99 | function slicegrid(step) {
100 |     var numx = Math.floor(laserxmax / (stlxsize + 3));
101 |     var numy = Math.floor(laserymax / (stlysize + 3));
102 |     var numlayers = Math.floor(stlzsize / parseFloat($('#layerheight').val()))
103 |     console.log('Will be able to fit ', numx, ' on X, and ', numy, 'on Y. ', 'We will need space for ', numlayers)
104 | 
105 |     // var rectShape = new THREE.Shape();
106 |     // rectShape.moveTo( 0,0 );
107 |     // rectShape.lineTo( 0, stlysize );
108 |     // rectShape.lineTo( stlxsize, stlysize );
109 |     // rectShape.lineTo( stlxsize, 0 );
110 |     // rectShape.lineTo( 0, 0 );
111 |     // rectShape.autoClose = true;
112 |     //
113 |     // var rectGeom = new THREE.ShapeGeometry( rectShape );
114 | 
115 |     slicegroup = new THREE.Group();
116 |     var i = 0;
117 |     for (col = 0; col < numy; col++) {
118 |         for (row = 0; row < numx; row++) {
119 |             // var rectMesh = new THREE.Line( rectGeom, new THREE.LineBasicMaterial( { color: 0xcccccc, opacity: 0.6 } ) ) ;
120 |             // rectMesh.position.x = ((- laserxmax / 2) + (stlxsize * row) );
121 |             // rectMesh.position.y = ((- laserymax / 2) + (stlysize * col) ) ;
122 |             // scene.add( rectMesh );
123 |             group = new THREE.Group();
124 |             //for(var i = 0; i < stlzsize; i+= step) {
125 |             (function(i) {
126 |                 drawSlice(i);
127 |             })(i);
128 |             i++
129 |             //}
130 |             group.translateX(((stlxsize + 3) * row));
131 |             group.translateY(((stlysize + 3) * col));
132 |             slicegroup.add(group);
133 |         }
134 |     }
135 | 
136 |     var bbox = new THREE.BoundingBoxHelper(slicegroup, 0x000000);
137 |     bbox.update();
138 |     //stl.add(bbox);
139 |     //object.add(stl);
140 | 
141 |     // Calculate position
142 |     console.log(' Min: ', bbox.box.min);
143 |     console.log(' Max: ', bbox.box.max);
144 | 
145 |     slicegroup.position.z = 0;
146 |     slicegroup.translateX(-bbox.box.min.x);
147 |     slicegroup.translateY(-bbox.box.min.y);
148 |     slicegroup.translateX(-laserxmax / 2)
149 |     slicegroup.translateY(-laserymax / 2)
150 | 
151 |     scene.add(slicegroup);
152 |     fileParentGroup = slicegroup;
153 |     fileobject = slicegroup;
154 |     viewExtents(slicegroup);
155 | }
156 | 
157 | function allSlice(maxheight, step) {
158 |     NProgress.set(0.2);
159 |     group = new THREE.Group();
160 |     for (var i = 0; i < maxheight; i += step) {
161 |         (function(i) {
162 |             drawSlice(i);
163 |             var progress = (i / maxheight);
164 |             NProgress.set(progress);
165 |         })(i);
166 |     }
167 |     scene.add(group);
168 |     NProgress.done();
169 |     NProgress.remove();
170 | 
171 |     var bbox = new THREE.BoundingBoxHelper(group, 0x000000);
172 |     bbox.update();
173 |     //stl.add(bbox);
174 |     //object.add(stl);
175 | 
176 |     // Calculate position
177 |     console.log(' Min: ', bbox.box.min);
178 |     console.log(' Max: ', bbox.box.max);
179 | 
180 |     group.position.z = 0;
181 |     group.translateX(-bbox.box.min.x);
182 |     group.translateY(-bbox.box.min.y);
183 |     group.translateX(-laserxmax / 2)
184 |     group.translateY(-laserymax / 2)
185 | }
186 | 
187 | function drawSlice(zheight) {
188 |     //group  = new THREE.Group();
189 |     var shapes = slicer.getFaces(zheight).shapes;
190 | 
191 | 
192 |     var i, il, y, yl, hole, line;
193 | 
194 |     for (i = 0, il = shapes.length; i < il; i++) {
195 |         shape = shapes[i];
196 | 
197 |         if (shape.holes && shape.holes.length) {
198 |             for (y = 0, yl = shape.holes.length; y < yl; y++) {
199 |                 hole = new THREE.Shape(shape.holes[y].getPoints());
200 |                 hole.autoClose = true;
201 |                 group.add(new THREE.Line(new THREE.ShapeGeometry(hole), new THREE.LineBasicMaterial({
202 |                     color: 0x0000ff,
203 |                     opacity: 1.0
204 |                 })));
205 |             }
206 |         }
207 | 
208 |         shape.holes = [];
209 |         shape.autoClose = true;
210 |         group.add(new THREE.Line(new THREE.ShapeGeometry(shape), new THREE.LineBasicMaterial({
211 |             color: 0x0000ff,
212 |             opacity: 1.0
213 |         })));
214 |     }
215 | 
216 |     //group.position.z = 0;
217 |     //scene.add(group);
218 | }
219 | 
220 | /*
221 | function drawSlice(zheight) {
222 |   var faces = slicer.getFaces(zheight);
223 |   console.log('Faces:', faces)
224 |   var svgGroup = new THREE.Group();
225 |   var fileObject = new THREE.Group();
226 |   //var stlslice = new Three.Group();
227 | 
228 |   for (i = 0; i< faces.shapes.length; i++) {
229 |     // current shape
230 |          var shape = faces.shapes[i];
231 |          console.log('Current Shape:', shape)
232 | 
233 |          // solid line
234 |          //if (shape.curves.length != 0) {
235 |            console.log('Generating Shape', shape)
236 |            shape.autoClose = true;
237 |            var geometry = new THREE.ShapeGeometry( shape );
238 |            var lineSvg = new THREE.Line( geometry, material );
239 |            svgGroup.add(lineSvg);
240 |          //} else {
241 | //           console.log('Skipped path: ', shape)
242 |          //}
243 |   }
244 |   svgGroup.position.z = zheight;
245 |   scene.add(svgGroup);
246 |   //fileObject.add(stlslice);
247 | 
248 | 
249 | }
250 | */
251 | 


--------------------------------------------------------------------------------
/js/tour.js:
--------------------------------------------------------------------------------
  1 | var tour;
  2 | 
  3 | function initTour() {
  4 |   tour = new Tour({
  5 |     smartPlacement: true,
  6 |     container: "body",
  7 |     steps: [
  8 |     // {
  9 |     //   element: "#connect",
 10 |     //   title: "Setup connection",
 11 |     //   content: "Note: You need Serial Port JSON Server running!<br>Select a Serial Port, Buffer and Baud rate, then connect.  "
 12 |     // },
 13 |     {
 14 |       element: "#openbutton",
 15 |       title: "Open Files",
 16 |       content: "Use this button to open DXF or SVG files for cutting,  and Bitmap files (JPG, GIF, PNG, BMP) for Engraving"
 17 |     },
 18 |     {
 19 |       element: "#userpic",
 20 |       title: "Optional: Google Drive",
 21 |       content: "You can sign in to your Google Drive and load job files directly from Google Drive"
 22 |     },
 23 |     // {
 24 |     //   element: "#toggleviewer",
 25 |     //   title: "Machine Control",
 26 |     //   content: "On this tab you can start/stop jobs, jog the machine, zero out work coordinates, etc",
 27 |     //   onShow: function (tour) { $('#toggleviewer').click()}
 28 |     // },
 29 |     {
 30 |       element: "#togglefile",
 31 |       title: "CAM -> Gcode Generator",
 32 |       content: "On this tab, you convert an opened file, to GCODE that the machine can understand. Here you'll set per-job parameters like laser power, feedrate, etc",
 33 |       onShow: function (tour) { $('#togglefile').click()}
 34 |     },
 35 |     {
 36 |       element: "#togglesettings",
 37 |       title: "Configure LaserWeb",
 38 |       content: "NB: Don't forget to configure LaserWeb to your specific machine! From the bed size, to Gcode commands, enabling features like touchscreen support and tool offset, camera overlays, etc. ",
 39 |       onShow: function (tour) { $('#togglesettings').click()}
 40 |     },
 41 |     {
 42 |       element: "#dropdownMenu1",
 43 |       title: "Help Me!",
 44 |       content: "When you feel stuck, just hit this button and we'll try and help you out!"
 45 |     },
 46 |     {
 47 |       element: "#transformcontrols",
 48 |       title: "Transform Controls",
 49 |       content: "Used for rotating, moving and scaling your files to prepare them for the job at hand"
 50 |     },
 51 |     {
 52 |       element: "#viewcontrols",
 53 |       title: "View Controls",
 54 |       content: "Macro mode allows you configure a few custom buttons, and Reset View zooms the loaded file into view"
 55 |     },
 56 |     {
 57 |       element: "#pancontrols",
 58 |       title: "Pan / Zoom controls",
 59 |       content: "Adjust your viewpoint"
 60 |     },
 61 |     {
 62 |       element: "#renderArea",
 63 |       title: "The Viewer",
 64 |       content: "Here you'll see your files opened as well as preview GCODE and machine moves"
 65 |     },
 66 |     // {
 67 |     //   element: "#drotabtn",
 68 |     //   title: "DRO",
 69 |     //   content: "The DRO displays realtime position feedback from the machine.  Useful for setting offsets, monitoring jobs, etc",
 70 |     //   onShow: function (tour) { $('#drotabtn').click()},
 71 |     //   placement: 'left'
 72 |     // },
 73 |     {
 74 |       element: "#gcodetabbtn",
 75 |       title: "G Code Tab",
 76 |       content: "View and Save the GCODE your generated",
 77 |       onShow: function (tour) { $('#gcodetabbtn').click()},
 78 |       onHide: function (tour) { $('#drotabtn').click()},
 79 |       placement: 'left'
 80 |     },
 81 |     // {
 82 |     //   element: "#command",
 83 |     //   title: "Manual Commands",
 84 |     //   content: "Use to send custom M and G code commands to your machine",
 85 |     //   placement: 'left'
 86 |     // },
 87 |     {
 88 |       element: "#console",
 89 |       title: "Log / Console",
 90 |       content: "Displays feedback / log output from LaserWeb Backend",
 91 |       placement: 'left'
 92 |     },
 93 |   ]});
 94 | 
 95 |   // Initialize the tour
 96 |   tour.init();
 97 | 
 98 |   // Start the tour
 99 |   tour.start();
100 | }
101 | 


--------------------------------------------------------------------------------
/lib/bootstrap/css/bootstrap-callouts.css:
--------------------------------------------------------------------------------
 1 | .bs-callout {
 2 |     padding: 6px;
 3 |     margin: 6px 0;
 4 |     border: 1px solid #eee;
 5 |     border-left-width: 5px;
 6 |     border-radius: 3px;
 7 |     background-color: #ffffff;
 8 | }
 9 | .bs-callout h4 {
10 |     margin-top: 0;
11 |     margin-bottom: 5px;
12 | }
13 | .bs-callout p:last-child {
14 |     margin-bottom: 0;
15 | }
16 | .bs-callout code {
17 |     border-radius: 3px;
18 | }
19 | .bs-callout+.bs-callout {
20 |     margin-top: -5px;
21 | }
22 | .bs-callout-default {
23 |     border-left-color: #777;
24 | }
25 | .bs-callout-default h4 {
26 |     color: #777;
27 | }
28 | .bs-callout-primary {
29 |     border-left-color: #428bca;
30 | }
31 | .bs-callout-primary h4 {
32 |     color: #428bca;
33 | }
34 | .bs-callout-success {
35 |     border-left-color: #5cb85c;
36 | }
37 | .bs-callout-success h4 {
38 |     color: #5cb85c;
39 | }
40 | .bs-callout-danger {
41 |     border-left-color: #d9534f;
42 | }
43 | .bs-callout-danger h4 {
44 |     color: #d9534f;
45 | }
46 | .bs-callout-warning {
47 |     border-left-color: #f0ad4e;
48 | }
49 | .bs-callout-warning h4 {
50 |     color: #f0ad4e;
51 | }
52 | .bs-callout-info {
53 |     border-left-color: #5bc0de;
54 | }
55 | .bs-callout-info h4 {
56 |     color: #5bc0de;
57 | }
58 | 


--------------------------------------------------------------------------------
/lib/bootstrap/css/bootstrap-colorselector.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * A colorselector for Twitter Bootstrap which lets you select a color from a predefined set of colors only.
  3 |  * https://github.com/flaute/bootstrap-colorselector
  4 |  *
  5 |  * Copyright (C) 2014 Flaute
  6 |  *
  7 |  * Licensed under the MIT license
  8 |  */
  9 | 
 10 | /* colorselector dropdown */
 11 | .dropdown-colorselector>.dropdown-menu {
 12 |   top: 80%;
 13 |   left: -7px;
 14 |   padding: 4px;
 15 |   min-width: 130px;
 16 |   max-width: 130px;
 17 | }
 18 | 
 19 | /*
 20 | .dropdown-colorselector>.dropdown-menu.pull-right {
 21 |   right: -7px;
 22 |   left: auto;
 23 | }
 24 | */
 25 | .dropdown-colorselector>.dropdown-menu>li {
 26 |   display: block;
 27 |   float: left;
 28 |   width: 20px;
 29 |   height: 20px;
 30 |   margin: 2px;
 31 | }
 32 | 
 33 | .dropdown-colorselector>.dropdown-menu>li>.color-btn {
 34 |   display: block;
 35 |   width: 20px;
 36 |   height: 20px;
 37 |   margin: 0;
 38 |   padding: 0;
 39 |   border-radius: 0;
 40 |   position: relative;
 41 |   -webkit-transition: all ease 0.1s;
 42 |   transition: all ease 0.1s;
 43 | }
 44 | 
 45 | .dropdown-colorselector>.dropdown-menu>li>.color-btn:hover {
 46 |   text-decoration: none;
 47 |   opacity: 0.8;
 48 |   filter: alpha(opacity = 80);
 49 |   -webkit-transform: scale(1.08);
 50 |   -ms-transform: scale(1.08);
 51 |   transform: scale(1.08);
 52 | }
 53 | 
 54 | .dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after {
 55 |   content: "\e013";
 56 |   font-family: 'Glyphicons Halflings';
 57 |   display: inline-block;
 58 |   font-size: 11px;
 59 |   color: #FFF;
 60 |   position: absolute;
 61 |   left: 0;
 62 |   right: 0;
 63 |   text-align: center;
 64 |   line-height: 20px;
 65 | }
 66 | 
 67 | .btn-colorselector {
 68 |   display: inline-block;
 69 |   width: 20px;
 70 |   height: 20px;
 71 |   background-color: #DDD;
 72 |   vertical-align: middle;
 73 |   border-radius: 0;
 74 | }
 75 | 
 76 | .dropdown-menu.dropdown-caret:before {
 77 |   border-bottom: 7px solid rgba(0, 0, 0, 0.2);
 78 |   border-left: 7px solid transparent;
 79 |   border-right: 7px solid transparent;
 80 |   content: "";
 81 |   display: inline-block;
 82 |   left: 9px;
 83 |   position: absolute;
 84 |   top: -7px;
 85 | }
 86 | 
 87 | .dropdown-menu.dropdown-caret:after {
 88 |   border-bottom: 6px solid #FFFFFF;
 89 |   border-left: 6px solid transparent;
 90 |   border-right: 6px solid transparent;
 91 |   content: "";
 92 |   display: inline-block;
 93 |   left: 10px;
 94 |   position: absolute;
 95 |   top: -6px;
 96 | }
 97 | 
 98 | /*
 99 | .dropdown-menu.pull-right.dropdown-caret:before {
100 |   left: auto;
101 |   right: 9px;
102 | }
103 | 
104 | .dropdown-menu.pull-right.dropdown-caret:after {
105 |   left: auto;
106 |   right: 10px;
107 | }
108 | */


--------------------------------------------------------------------------------
/lib/bootstrap/css/bootstrap-filestyle.min.js:
--------------------------------------------------------------------------------
1 | (function($){var nextId=0;var Filestyle=function(element,options){this.options=options;this.$elementFilestyle=[];this.$element=$(element)};Filestyle.prototype={clear:function(){this.$element.val("");this.$elementFilestyle.find(":text").val("");this.$elementFilestyle.find(".badge").remove()},destroy:function(){this.$element.removeAttr("style").removeData("filestyle");this.$elementFilestyle.remove()},disabled:function(value){if(value===true){if(!this.options.disabled){this.$element.attr("disabled","true");this.$elementFilestyle.find("label").attr("disabled","true");this.options.disabled=true}}else{if(value===false){if(this.options.disabled){this.$element.removeAttr("disabled");this.$elementFilestyle.find("label").removeAttr("disabled");this.options.disabled=false}}else{return this.options.disabled}}},buttonBefore:function(value){if(value===true){if(!this.options.buttonBefore){this.options.buttonBefore=true;if(this.options.input){this.$elementFilestyle.remove();this.constructor();this.pushNameFiles()}}}else{if(value===false){if(this.options.buttonBefore){this.options.buttonBefore=false;if(this.options.input){this.$elementFilestyle.remove();this.constructor();this.pushNameFiles()}}}else{return this.options.buttonBefore}}},icon:function(value){if(value===true){if(!this.options.icon){this.options.icon=true;this.$elementFilestyle.find("label").prepend(this.htmlIcon())}}else{if(value===false){if(this.options.icon){this.options.icon=false;this.$elementFilestyle.find(".icon-span-filestyle").remove()}}else{return this.options.icon}}},input:function(value){if(value===true){if(!this.options.input){this.options.input=true;if(this.options.buttonBefore){this.$elementFilestyle.append(this.htmlInput())}else{this.$elementFilestyle.prepend(this.htmlInput())}this.$elementFilestyle.find(".badge").remove();this.pushNameFiles();this.$elementFilestyle.find(".group-span-filestyle").addClass("input-group-btn")}}else{if(value===false){if(this.options.input){this.options.input=false;this.$elementFilestyle.find(":text").remove();var files=this.pushNameFiles();if(files.length>0&&this.options.badge){this.$elementFilestyle.find("label").append(' <span class="badge">'+files.length+"</span>")}this.$elementFilestyle.find(".group-span-filestyle").removeClass("input-group-btn")}}else{return this.options.input}}},size:function(value){if(value!==undefined){var btn=this.$elementFilestyle.find("label"),input=this.$elementFilestyle.find("input");btn.removeClass("btn-lg btn-sm");input.removeClass("input-lg input-sm");if(value!="nr"){btn.addClass("btn-"+value);input.addClass("input-"+value)}}else{return this.options.size}},placeholder:function(value){if(value!==undefined){this.options.placeholder=value;this.$elementFilestyle.find("input").attr("placeholder",value)}else{return this.options.placeholder}},buttonText:function(value){if(value!==undefined){this.options.buttonText=value;this.$elementFilestyle.find("label .buttonText").html(this.options.buttonText)}else{return this.options.buttonText}},buttonName:function(value){if(value!==undefined){this.options.buttonName=value;this.$elementFilestyle.find("label").attr({"class":"btn "+this.options.buttonName})}else{return this.options.buttonName}},iconName:function(value){if(value!==undefined){this.$elementFilestyle.find(".icon-span-filestyle").attr({"class":"icon-span-filestyle "+this.options.iconName})}else{return this.options.iconName}},htmlIcon:function(){if(this.options.icon){return'<span class="icon-span-filestyle '+this.options.iconName+'"></span> '}else{return""}},htmlInput:function(){if(this.options.input){return'<input type="text" class="form-control '+(this.options.size=="nr"?"":"input-"+this.options.size)+'" placeholder="'+this.options.placeholder+'" disabled> '}else{return""}},pushNameFiles:function(){var content="",files=[];if(this.$element[0].files===undefined){files[0]={name:this.$element[0]&&this.$element[0].value}}else{files=this.$element[0].files}for(var i=0;i<files.length;i++){content+=files[i].name.split("\\").pop()+", "}if(content!==""){this.$elementFilestyle.find(":text").val(content.replace(/\, $/g,""))}else{this.$elementFilestyle.find(":text").val("")}return files},constructor:function(){var _self=this,html="",id=_self.$element.attr("id"),files=[],btn="",$label;if(id===""||!id){id="filestyle-"+nextId;_self.$element.attr({id:id});nextId++}btn='<span class="group-span-filestyle '+(_self.options.input?"input-group-btn":"")+'"><label for="'+id+'" class="btn '+_self.options.buttonName+" "+(_self.options.size=="nr"?"":"btn-"+_self.options.size)+'" '+(_self.options.disabled?'disabled="true"':"")+">"+_self.htmlIcon()+'<span class="buttonText">'+_self.options.buttonText+"</span></label></span>";html=_self.options.buttonBefore?btn+_self.htmlInput():_self.htmlInput()+btn;_self.$elementFilestyle=$('<div class="bootstrap-filestyle input-group">'+html+"</div>");_self.$elementFilestyle.find(".group-span-filestyle").attr("tabindex","0").keypress(function(e){if(e.keyCode===13||e.charCode===32){_self.$elementFilestyle.find("label").click();return false}});_self.$element.css({position:"absolute",clip:"rect(0px 0px 0px 0px)"}).attr("tabindex","-1").after(_self.$elementFilestyle);if(_self.options.disabled){_self.$element.attr("disabled","true")}_self.$element.change(function(){var files=_self.pushNameFiles();if(_self.options.input==false&&_self.options.badge){if(_self.$elementFilestyle.find(".badge").length==0){_self.$elementFilestyle.find("label").append(' <span class="badge">'+files.length+"</span>")}else{if(files.length==0){_self.$elementFilestyle.find(".badge").remove()}else{_self.$elementFilestyle.find(".badge").html(files.length)}}}else{_self.$elementFilestyle.find(".badge").remove()}});if(window.navigator.userAgent.search(/firefox/i)>-1){_self.$elementFilestyle.find("label").click(function(){_self.$element.click();return false})}}};var old=$.fn.filestyle;$.fn.filestyle=function(option,value){var get="",element=this.each(function(){if($(this).attr("type")==="file"){var $this=$(this),data=$this.data("filestyle"),options=$.extend({},$.fn.filestyle.defaults,option,typeof option==="object"&&option);if(!data){$this.data("filestyle",(data=new Filestyle(this,options)));data.constructor()}if(typeof option==="string"){get=data[option](value)}}});if(typeof get!==undefined){return get}else{return element}};$.fn.filestyle.defaults={buttonText:"Choose file",iconName:"glyphicon glyphicon-folder-open",buttonName:"btn-default",size:"nr",input:true,badge:true,icon:true,buttonBefore:false,disabled:false,placeholder:""};$.fn.filestyle.noConflict=function(){$.fn.filestyle=old;return this};$(function(){$(".filestyle").each(function(){var $this=$(this),options={input:$this.attr("data-input")==="false"?false:true,icon:$this.attr("data-icon")==="false"?false:true,buttonBefore:$this.attr("data-buttonBefore")==="true"?true:false,disabled:$this.attr("data-disabled")==="true"?true:false,size:$this.attr("data-size"),buttonText:$this.attr("data-buttonText"),buttonName:$this.attr("data-buttonName"),iconName:$this.attr("data-iconName"),badge:$this.attr("data-badge")==="false"?false:true,placeholder:$this.attr("data-placeholder")};$this.filestyle(options)})})})(window.jQuery);


--------------------------------------------------------------------------------
/lib/bootstrap/css/bootstrap-theme.min.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["less/theme.less","less/mixins/vendor-prefixes.less","less/mixins/gradients.less","less/mixins/reset-filter.less"],"names":[],"mappings":";;;;AAmBA,YAAA,aAAA,UAAA,aAAA,aAAA,aAME,YAAA,EAAA,KAAA,EAAA,eC2CA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBDvCR,mBAAA,mBAAA,oBAAA,oBAAA,iBAAA,iBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBCsCA,mBAAA,MAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,iBDlCR,qBAAA,sBAAA,sBAAA,uBAAA,mBAAA,oBAAA,sBAAA,uBAAA,sBAAA,uBAAA,sBAAA,uBAAA,+BAAA,gCAAA,6BAAA,gCAAA,gCAAA,gCCiCA,mBAAA,KACQ,WAAA,KDlDV,mBAAA,oBAAA,iBAAA,oBAAA,oBAAA,oBAuBI,YAAA,KAyCF,YAAA,YAEE,iBAAA,KAKJ,aErEI,YAAA,EAAA,IAAA,EAAA,KACA,iBAAA,iDACA,iBAAA,4CAAA,iBAAA,qEAEA,iBAAA,+CCnBF,OAAA,+GH4CA,OAAA,0DACA,kBAAA,SAuC2C,aAAA,QAA2B,aAAA,KArCtE,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAgBN,aEtEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAiBN,aEvEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAkBN,UExEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,gBAAA,gBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,iBAAA,iBAEE,iBAAA,QACA,aAAA,QAMA,mBAAA,0BAAA,yBAAA,0BAAA,yBAAA,yBAAA,oBAAA,2BAAA,0BAAA,2BAAA,0BAAA,0BAAA,6BAAA,oCAAA,mCAAA,oCAAA,mCAAA,mCAME,iBAAA,QACA,iBAAA,KAmBN,aEzEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAoBN,YE1EI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,kBAAA,kBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,mBAAA,mBAEE,iBAAA,QACA,aAAA,QAMA,qBAAA,4BAAA,2BAAA,4BAAA,2BAAA,2BAAA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,+BAAA,sCAAA,qCAAA,sCAAA,qCAAA,qCAME,iBAAA,QACA,iBAAA,KA2BN,eAAA,WClCE,mBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,EAAA,IAAA,IAAA,iBD2CV,0BAAA,0BE3FI,iBAAA,QACA,iBAAA,oDACA,iBAAA,+CAAA,iBAAA,wEACA,iBAAA,kDACA,OAAA,+GF0FF,kBAAA,SAEF,yBAAA,+BAAA,+BEhGI,iBAAA,QACA,iBAAA,oDACA,iBAAA,+CAAA,iBAAA,wEACA,iBAAA,kDACA,OAAA,+GFgGF,kBAAA,SASF,gBE7GI,iBAAA,iDACA,iBAAA,4CACA,iBAAA,qEAAA,iBAAA,+CACA,OAAA,+GACA,OAAA,0DCnBF,kBAAA,SH+HA,cAAA,ICjEA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBD6DV,sCAAA,oCE7GI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SD2CF,mBAAA,MAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,iBD0EV,cAAA,iBAEE,YAAA,EAAA,IAAA,EAAA,sBAIF,gBEhII,iBAAA,iDACA,iBAAA,4CACA,iBAAA,qEAAA,iBAAA,+CACA,OAAA,+GACA,OAAA,0DCnBF,kBAAA,SHkJA,cAAA,IAHF,sCAAA,oCEhII,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SD2CF,mBAAA,MAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,gBDgFV,8BAAA,iCAYI,YAAA,EAAA,KAAA,EAAA,gBAKJ,qBAAA,kBAAA,mBAGE,cAAA,EAqBF,yBAfI,mDAAA,yDAAA,yDAGE,MAAA,KE7JF,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,UFqKJ,OACE,YAAA,EAAA,IAAA,EAAA,qBC3HA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,gBDsIV,eEtLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAKF,YEvLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAMF,eExLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAOF,cEzLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAeF,UEjMI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFuMJ,cE3MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFwMJ,sBE5MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFyMJ,mBE7MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF0MJ,sBE9MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF2MJ,qBE/MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF+MJ,sBElLI,iBAAA,yKACA,iBAAA,oKACA,iBAAA,iKFyLJ,YACE,cAAA,IC9KA,mBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,EAAA,IAAA,IAAA,iBDgLV,wBAAA,8BAAA,8BAGE,YAAA,EAAA,KAAA,EAAA,QEnOE,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFiOF,aAAA,QALF,+BAAA,qCAAA,qCAQI,YAAA,KAUJ,OCnME,mBAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,EAAA,IAAA,IAAA,gBD4MV,8BE5PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFyPJ,8BE7PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF0PJ,8BE9PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF2PJ,2BE/PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF4PJ,8BEhQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF6PJ,6BEjQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFoQJ,MExQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFsQF,aAAA,QC3NA,mBAAA,MAAA,EAAA,IAAA,IAAA,gBAAA,EAAA,IAAA,EAAA,qBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,gBAAA,EAAA,IAAA,EAAA"}


--------------------------------------------------------------------------------
/lib/bootstrap/css/bootstrap-tour.min.css:
--------------------------------------------------------------------------------
 1 | /* ========================================================================
 2 |  * bootstrap-tour - v0.10.3
 3 |  * http://bootstraptour.com
 4 |  * ========================================================================
 5 |  * Copyright 2012-2015 Ulrich Sossou
 6 |  *
 7 |  * ========================================================================
 8 |  * Licensed under the MIT License (the "License");
 9 |  * you may not use this file except in compliance with the License.
10 |  * You may obtain a copy of the License at
11 |  *
12 |  *     https://opensource.org/licenses/MIT
13 |  *
14 |  * Unless required by applicable law or agreed to in writing, software
15 |  * distributed under the License is distributed on an "AS IS" BASIS,
16 |  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 |  * See the License for the specific language governing permissions and
18 |  * limitations under the License.
19 |  * ========================================================================
20 |  */
21 | 
22 | .tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#000;opacity:.8;filter:alpha(opacity=80)}.tour-step-backdrop{position:relative;z-index:1101}.tour-step-backdrop>td{position:relative;z-index:1101}.tour-step-background{position:absolute!important;z-index:1100;background:inherit;border-radius:6px}.popover[class*=tour-]{z-index:1102}.popover[class*=tour-] .popover-navigation{padding:9px 14px}.popover[class*=tour-] .popover-navigation [data-role=end]{float:right}.popover[class*=tour-] .popover-navigation [data-role=prev],.popover[class*=tour-] .popover-navigation [data-role=next],.popover[class*=tour-] .popover-navigation [data-role=end]{cursor:pointer}.popover[class*=tour-] .popover-navigation [data-role=prev].disabled,.popover[class*=tour-] .popover-navigation [data-role=next].disabled,.popover[class*=tour-] .popover-navigation [data-role=end].disabled{cursor:default}.popover[class*=tour-].orphan{position:fixed;margin-top:0}.popover[class*=tour-].orphan .arrow{display:none}


--------------------------------------------------------------------------------
/lib/bootstrap/css/dropdowns-enhancement.min.css:
--------------------------------------------------------------------------------
1 | .dropdown-menu>li>label{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>label:hover,.dropdown-menu>li>label:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>li>input:checked~label,.dropdown-menu>li>input:checked~label:hover,.dropdown-menu>li>input:checked~label:focus,.dropdown-menu>.active>label,.dropdown-menu>.active>label:hover,.dropdown-menu>.active>label:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>li>input[disabled]~label,.dropdown-menu>li>input[disabled]~label:hover,.dropdown-menu>li>input[disabled]~label:focus,.dropdown-menu>.disabled>label,.dropdown-menu>.disabled>label:hover,.dropdown-menu>.disabled>label:focus{color:#999}.dropdown-menu>li>input[disabled]~label:hover,.dropdown-menu>li>input[disabled]~label:focus,.dropdown-menu>.disabled>label:hover,.dropdown-menu>.disabled>label:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.dropdown-menu>li>label{margin-bottom:0;cursor:pointer}.dropdown-menu>li>input[type=radio],.dropdown-menu>li>input[type=checkbox]{display:none;position:absolute;top:-9999em;left:-9999em}.dropdown-menu>li>label:focus,.dropdown-menu>li>input:focus~label{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu.pull-top{bottom:100%;top:auto;margin:0 0 2px;-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.175);box-shadow:0 -6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-center{right:50%;left:auto}.dropdown-menu.pull-middle{right:100%;margin:0 2px 0 0;box-shadow:-5px 0 10px rgba(0,0,0,.2);left:auto}.dropdown-menu.pull-middle.pull-right{right:auto;left:100%;margin:0 0 0 2px;box-shadow:5px 0 10px rgba(0,0,0,.2)}.dropdown-menu.pull-middle.pull-center{right:50%;margin:0;box-shadow:0 0 10px rgba(0,0,0,.2)}.dropdown-menu.bullet{margin-top:8px}.dropdown-menu.bullet:before{width:0;height:0;content:'';display:inline-block;position:absolute;border-color:transparent;border-style:solid;-webkit-transform:rotate(360deg);border-width:0 7px 7px;border-bottom-color:#ccc;border-bottom-color:rgba(0,0,0,.15);top:-7px;left:9px}.dropdown-menu.bullet:after{width:0;height:0;content:'';display:inline-block;position:absolute;border-color:transparent;border-style:solid;-webkit-transform:rotate(360deg);border-width:0 6px 6px;border-bottom-color:#fff;top:-6px;left:10px}.dropdown-menu.bullet.pull-right:before{left:auto;right:9px}.dropdown-menu.bullet.pull-right:after{left:auto;right:10px}.dropdown-menu.bullet.pull-top{margin-top:0;margin-bottom:8px}.dropdown-menu.bullet.pull-top:before{top:auto;bottom:-7px;border-bottom-width:0;border-top-width:7px;border-top-color:#ccc;border-top-color:rgba(0,0,0,.15)}.dropdown-menu.bullet.pull-top:after{top:auto;bottom:-6px;border-bottom:0;border-top-width:6px;border-top-color:#fff}.dropdown-menu.bullet.pull-center:before{left:auto;right:50%;margin-right:-7px}.dropdown-menu.bullet.pull-center:after{left:auto;right:50%;margin-right:-6px}.dropdown-menu.bullet.pull-middle{margin-right:8px}.dropdown-menu.bullet.pull-middle:before{top:50%;left:100%;right:auto;margin-top:-7px;border-right-width:0;border-bottom-color:transparent;border-top-width:7px;border-left-color:#ccc;border-left-color:rgba(0,0,0,.15)}.dropdown-menu.bullet.pull-middle:after{top:50%;left:100%;right:auto;margin-top:-6px;border-right-width:0;border-bottom-color:transparent;border-top-width:6px;border-left-color:#fff}.dropdown-menu.bullet.pull-middle.pull-right{margin-right:0;margin-left:8px}.dropdown-menu.bullet.pull-middle.pull-right:before{left:-7px;border-left-width:0;border-right-width:7px;border-right-color:#ccc;border-right-color:rgba(0,0,0,.15)}.dropdown-menu.bullet.pull-middle.pull-right:after{left:-6px;border-left-width:0;border-right-width:6px;border-right-color:#fff}.dropdown-menu.bullet.pull-middle.pull-center{margin-left:0;margin-right:0}.dropdown-menu.bullet.pull-middle.pull-center:before{border:0;display:none}.dropdown-menu.bullet.pull-middle.pull-center:after{border:0;display:none}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-top-left-radius:0}.dropdown-submenu>a:before{display:block;float:right;width:0;height:0;content:"";margin-top:6px;margin-right:-8px;border-width:4px 0 4px 4px;border-style:solid;border-left-style:dashed;border-top-color:transparent;border-bottom-color:transparent}@media (max-width:767px){.navbar-nav .dropdown-submenu>a:before{margin-top:8px;border-color:inherit;border-style:solid;border-width:4px 4px 0;border-left-color:transparent;border-right-color:transparent}.navbar-nav .dropdown-submenu>a{padding-left:40px}.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>a,.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>label{padding-left:35px}.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>.dropdown-menu>li>a,.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>.dropdown-menu>li>label{padding-left:45px}.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>a,.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>label{padding-left:55px}.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>a,.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>label{padding-left:65px}.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>a,.navbar-nav>.open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>label{padding-left:75px}}.navbar-default .navbar-nav .open>.dropdown-menu>.dropdown-submenu.open>a,.navbar-default .navbar-nav .open>.dropdown-menu>.dropdown-submenu.open>a:hover,.navbar-default .navbar-nav .open>.dropdown-menu>.dropdown-submenu.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open>.dropdown-menu>.dropdown-submenu.open>a:before{border-top-color:#555}}.navbar-inverse .navbar-nav .open>.dropdown-menu>.dropdown-submenu.open>a,.navbar-inverse .navbar-nav .open>.dropdown-menu>.dropdown-submenu.open>a:hover,.navbar-inverse .navbar-nav .open>.dropdown-menu>.dropdown-submenu.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open>.dropdown-menu>.dropdown-submenu.open>a:before{border-top-color:#fff}}


--------------------------------------------------------------------------------
/lib/bootstrap/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/bootstrap/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/lib/bootstrap/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/bootstrap/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/lib/bootstrap/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/bootstrap/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/lib/bootstrap/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/bootstrap/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/lib/bootstrap/js/bootstrap-colorselector.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * A colorselector for Twitter Bootstrap which lets you select a color from a predefined set of colors only.
  3 |  * https://github.com/flaute/bootstrap-colorselector
  4 |  *
  5 |  * Copyright (C) 2014 Flaute
  6 |  *
  7 |  * Licensed under the MIT license
  8 |  */
  9 | 
 10 | (function($) {
 11 |   "use strict";
 12 | 
 13 |   var ColorSelector = function(select, options) {
 14 |     this.options = options;
 15 |     this.$select = $(select);
 16 |     this._init();
 17 |   };
 18 | 
 19 |   ColorSelector.prototype = {
 20 | 
 21 |     constructor : ColorSelector,
 22 | 
 23 |     _init : function() {
 24 | 
 25 |       var callback = this.options.callback;
 26 | 
 27 |       var selectValue = this.$select.val();
 28 |       var selectColor = this.$select.find("option:selected").data("color");
 29 | 
 30 |       var $markupUl = $("<ul>").addClass("dropdown-menu").addClass("dropdown-caret");
 31 |       var $markupDiv = $("<div>").addClass("dropdown").addClass("dropdown-colorselector");
 32 |       var $markupSpan = $("<span>").addClass("btn-colorselector").css("background-color", selectColor);
 33 |       var $markupA = $("<a>").attr("data-toggle", "dropdown").addClass("dropdown-toggle").attr("href", "#").append($markupSpan);
 34 | 
 35 |       // create an li-tag for every option of the select
 36 |       $("option", this.$select).each(function() {
 37 | 
 38 |         var option = $(this);
 39 |         var value = option.attr("value");
 40 |         var color = option.data("color");
 41 |         var title = option.text();
 42 | 
 43 |         // create a-tag
 44 |         var $markupA = $("<a>").addClass("color-btn");
 45 |         if (option.prop("selected") === true || selectValue === color) {
 46 |           $markupA.addClass("selected");
 47 |         }
 48 |         $markupA.css("background-color", color);
 49 |         $markupA.attr("href", "#").attr("data-color", color).attr("data-value", value).attr("title", title);
 50 | 
 51 |         // create li-tag
 52 |         $markupUl.append($("<li>").append($markupA));
 53 |       });
 54 | 
 55 |       // append the colorselector
 56 |       $markupDiv.append($markupA);
 57 |       // append the colorselector-dropdown
 58 |       $markupDiv.append($markupUl);
 59 | 
 60 |       // hide the select
 61 |       this.$select.hide();
 62 |       
 63 |       // insert the colorselector
 64 |       this.$selector = $($markupDiv).insertAfter(this.$select);
 65 | 
 66 |       // register change handler
 67 |       this.$select.on("change", function() {
 68 | 
 69 |         var value = $(this).val();
 70 |         var color = $(this).find("option[value='" + value + "']").data("color");
 71 |         var title = $(this).find("option[value='" + value + "']").text();
 72 | 
 73 |         // remove old and set new selected color
 74 |         $(this).next().find("ul").find("li").find(".selected").removeClass("selected");
 75 |         $(this).next().find("ul").find("li").find("a[data-color='" + color + "']").addClass("selected");
 76 | 
 77 |         $(this).next().find(".btn-colorselector").css("background-color", color);
 78 |         
 79 |         callback(value, color, title);
 80 |       });
 81 | 
 82 |       // register click handler
 83 |       $markupUl.on('click.colorselector', $.proxy(this._clickColor, this));
 84 |     },
 85 | 
 86 |     _clickColor : function(e) {
 87 | 
 88 |       var a = $(e.target);
 89 | 
 90 |       if (!a.is(".color-btn")) {
 91 |         return false;
 92 |       }
 93 | 
 94 |       this.$select.val(a.data("value")).change();
 95 | 
 96 |       e.preventDefault();
 97 |       return true;
 98 |     },
 99 | 
100 |     setColor : function(color) {
101 |       // find value for color
102 |       var value = $(this.$selector).find("li").find("a[data-color='" + color + "']").data("value");
103 |       this.setValue(value);
104 |     },
105 | 
106 |     setValue : function(value) {
107 |       this.$select.val(value).change();
108 |     },
109 | 
110 |   };
111 | 
112 |   $.fn.colorselector = function(option) {
113 |     var args = Array.apply(null, arguments);
114 |     args.shift();
115 | 
116 |     return this.each(function() {
117 | 
118 |       var $this = $(this), data = $this.data("colorselector"), options = $.extend({}, $.fn.colorselector.defaults, $this.data(), typeof option == "object" && option);
119 | 
120 |       if (!data) {
121 |         $this.data("colorselector", (data = new ColorSelector(this, options)));
122 |       }
123 |       if (typeof option == "string") {
124 |         data[option].apply(data, args);
125 |       }
126 |     });
127 |   };
128 | 
129 |   $.fn.colorselector.defaults = {
130 |     callback : function(value, color, title) {
131 |     },
132 |     colorsPerRow : 8
133 |   };
134 | 
135 |   $.fn.colorselector.Constructor = ColorSelector;
136 | 
137 | })(jQuery, window, document);
138 | 


--------------------------------------------------------------------------------
/lib/bootstrap/js/dropdowns-enhancement.js:
--------------------------------------------------------------------------------
  1 | /* ========================================================================
  2 |  * Bootstrap Dropdowns Enhancement: dropdowns-enhancement.js v3.1.1 (Beta 1)
  3 |  * http://behigh.github.io/bootstrap_dropdowns_enhancement/
  4 |  * ========================================================================
  5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  6 |  * ======================================================================== */
  7 | 
  8 | (function($) {
  9 |     "use strict";
 10 | 
 11 |     var toggle   = '[data-toggle="dropdown"]',
 12 |         disabled = '.disabled, :disabled',
 13 |         backdrop = '.dropdown-backdrop',
 14 |         menuClass = 'dropdown-menu',
 15 |         subMenuClass = 'dropdown-submenu',
 16 |         namespace = '.bs.dropdown.data-api',
 17 |         eventNamespace = '.bs.dropdown',
 18 |         openClass = 'open',
 19 |         touchSupport = 'ontouchstart' in document.documentElement,
 20 |         opened;
 21 | 
 22 | 
 23 |     function Dropdown(element) {
 24 |         $(element).on('click' + eventNamespace, this.toggle)
 25 |     }
 26 | 
 27 |     var proto = Dropdown.prototype;
 28 | 
 29 |     proto.toggle = function(event) {
 30 |         var $element = $(this);
 31 | 
 32 |         if ($element.is(disabled)) return;
 33 | 
 34 |         var $parent = getParent($element);
 35 |         var isActive = $parent.hasClass(openClass);
 36 |         var isSubMenu = $parent.hasClass(subMenuClass);
 37 |         var menuTree = isSubMenu ? getSubMenuParents($parent) : null;
 38 | 
 39 |         closeOpened(event, menuTree);
 40 | 
 41 |         if (!isActive) {
 42 |             if (!menuTree)
 43 |                 menuTree = [$parent];
 44 | 
 45 |             if (touchSupport && !$parent.closest('.navbar-nav').length && !menuTree[0].find(backdrop).length) {
 46 |                 // if mobile we use a backdrop because click events don't delegate
 47 |                 $('<div class="' + backdrop.substr(1) + '"/>').appendTo(menuTree[0]).on('click', closeOpened)
 48 |             }
 49 | 
 50 |             for (var i = 0, s = menuTree.length; i < s; i++) {
 51 |                 if (!menuTree[i].hasClass(openClass)) {
 52 |                     menuTree[i].addClass(openClass);
 53 |                     positioning(menuTree[i].children('.' + menuClass), menuTree[i]);
 54 |                 }
 55 |             }
 56 |             opened = menuTree[0];
 57 |         }
 58 | 
 59 |         return false;
 60 |     };
 61 | 
 62 |     proto.keydown = function (e) {
 63 |         if (!/(38|40|27)/.test(e.keyCode)) return;
 64 | 
 65 |         var $this = $(this);
 66 | 
 67 |         e.preventDefault();
 68 |         e.stopPropagation();
 69 | 
 70 |         if ($this.is('.disabled, :disabled')) return;
 71 | 
 72 |         var $parent = getParent($this);
 73 |         var isActive = $parent.hasClass('open');
 74 | 
 75 |         if (!isActive || (isActive && e.keyCode == 27)) {
 76 |             if (e.which == 27) $parent.find(toggle).trigger('focus');
 77 |             return $this.trigger('click')
 78 |         }
 79 | 
 80 |         var desc = ' li:not(.divider):visible a';
 81 |         var desc1 = 'li:not(.divider):visible > input:not(disabled) ~ label';
 82 |         var $items = $parent.find(desc1 + ', ' + '[role="menu"]' + desc + ', [role="listbox"]' + desc);
 83 | 
 84 |         if (!$items.length) return;
 85 | 
 86 |         var index = $items.index($items.filter(':focus'));
 87 | 
 88 |         if (e.keyCode == 38 && index > 0)                 index--;                        // up
 89 |         if (e.keyCode == 40 && index < $items.length - 1) index++;                        // down
 90 |         if (!~index)                                      index = 0;
 91 | 
 92 |         $items.eq(index).trigger('focus')
 93 |     };
 94 | 
 95 |     proto.change = function (e) {
 96 | 
 97 |         var
 98 |             $parent,
 99 |             $menu,
100 |             $toggle,
101 |             selector,
102 |             text = '',
103 |             $items;
104 | 
105 |         $menu = $(this).closest('.' + menuClass);
106 | 
107 |         $toggle = $menu.parent().find('[data-label-placement]');
108 | 
109 |         if (!$toggle || !$toggle.length) {
110 |             $toggle = $menu.parent().find(toggle);
111 |         }
112 | 
113 |         if (!$toggle || !$toggle.length || $toggle.data('placeholder') === false)
114 |             return; // do nothing, no control
115 | 
116 |         ($toggle.data('placeholder') == undefined && $toggle.data('placeholder', $.trim($toggle.text())));
117 |         text = $.data($toggle[0], 'placeholder');
118 | 
119 |         $items = $menu.find('li > input:checked');
120 | 
121 |         if ($items.length) {
122 |             text = [];
123 |             $items.each(function () {
124 |                 var str = $(this).parent().find('label').eq(0),
125 |                     label = str.find('.data-label');
126 | 
127 |                 if (label.length) {
128 |                     var p = $('<p></p>');
129 |                     p.append(label.clone());
130 |                     str = p.html();
131 |                 }
132 |                 else {
133 |                     str = str.html();
134 |                 }
135 | 
136 | 
137 |                 str && text.push($.trim(str));
138 |             });
139 | 
140 |             text = text.length < 4 ? text.join(', ') : text.length + ' selected';
141 |         }
142 | 
143 |         var caret = $toggle.find('.caret');
144 | 
145 |         $toggle.html(text || '&nbsp;');
146 |         if (caret.length)
147 |             $toggle.append(' ') && caret.appendTo($toggle);
148 | 
149 |     };
150 | 
151 |     function positioning($menu, $control) {
152 |         if ($menu.hasClass('pull-center')) {
153 |             $menu.css('margin-right', $menu.outerWidth() / -2);
154 |         }
155 | 
156 |         if ($menu.hasClass('pull-middle')) {
157 |             $menu.css('margin-top', ($menu.outerHeight() / -2) - ($control.outerHeight() / 2));
158 |         }
159 |     }
160 | 
161 |     function closeOpened(event, menuTree) {
162 |         if (opened) {
163 | 
164 |             if (!menuTree) {
165 |                 menuTree = [opened];
166 |             }
167 | 
168 |             var parent;
169 | 
170 |             if (opened[0] !== menuTree[0][0]) {
171 |                 parent = opened;
172 |             } else {
173 |                 parent = menuTree[menuTree.length - 1];
174 |                 if (parent.parent().hasClass(menuClass)) {
175 |                     parent = parent.parent();
176 |                 }
177 |             }
178 | 
179 |             parent.find('.' + openClass).removeClass(openClass);
180 | 
181 |             if (parent.hasClass(openClass))
182 |                 parent.removeClass(openClass);
183 | 
184 |             if (parent === opened) {
185 |                 opened = null;
186 |                 $(backdrop).remove();
187 |             }
188 |         }
189 |     }
190 | 
191 |     function getSubMenuParents($submenu) {
192 |         var result = [$submenu];
193 |         var $parent;
194 |         while (!$parent || $parent.hasClass(subMenuClass)) {
195 |             $parent = ($parent || $submenu).parent();
196 |             if ($parent.hasClass(menuClass)) {
197 |                 $parent = $parent.parent();
198 |             }
199 |             if ($parent.children(toggle)) {
200 |                 result.unshift($parent);
201 |             }
202 |         }
203 |         return result;
204 |     }
205 | 
206 |     function getParent($this) {
207 |         var selector = $this.attr('data-target');
208 | 
209 |         if (!selector) {
210 |             selector = $this.attr('href');
211 |             selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, ''); //strip for ie7
212 |         }
213 | 
214 |         var $parent = selector && $(selector);
215 | 
216 |         return $parent && $parent.length ? $parent : $this.parent()
217 |     }
218 | 
219 |     // DROPDOWN PLUGIN DEFINITION
220 |     // ==========================
221 | 
222 |     var old = $.fn.dropdown;
223 | 
224 |     $.fn.dropdown = function (option) {
225 |         return this.each(function () {
226 |             var $this = $(this);
227 |             var data = $this.data('bs.dropdown');
228 | 
229 |             if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)));
230 |             if (typeof option == 'string') data[option].call($this);
231 |         })
232 |     };
233 | 
234 |     $.fn.dropdown.Constructor = Dropdown;
235 | 
236 |     $.fn.dropdown.clearMenus = function(e) {
237 |         $(backdrop).remove();
238 |         $('.' + openClass + ' ' + toggle).each(function () {
239 |             var $parent = getParent($(this));
240 |             var relatedTarget = { relatedTarget: this };
241 |             if (!$parent.hasClass('open')) return;
242 |             $parent.trigger(e = $.Event('hide' + eventNamespace, relatedTarget));
243 |             if (e.isDefaultPrevented()) return;
244 |             $parent.removeClass('open').trigger('hidden' + eventNamespace, relatedTarget);
245 |         });
246 |         return this;
247 |     };
248 | 
249 | 
250 |     // DROPDOWN NO CONFLICT
251 |     // ====================
252 | 
253 |     $.fn.dropdown.noConflict = function () {
254 |         $.fn.dropdown = old;
255 |         return this
256 |     };
257 | 
258 | 
259 |     $(document).off(namespace)
260 |         .on('click' + namespace, closeOpened)
261 |         .on('click' + namespace, toggle, proto.toggle)
262 |         .on('click' + namespace, '.dropdown-menu > li > input[type="checkbox"] ~ label, .dropdown-menu > li > input[type="checkbox"], .dropdown-menu.noclose > li', function (e) {
263 |             e.stopPropagation()
264 |         })
265 |         .on('change' + namespace, '.dropdown-menu > li > input[type="checkbox"], .dropdown-menu > li > input[type="radio"]', proto.change)
266 |         .on('keydown' + namespace, toggle + ', [role="menu"], [role="listbox"]', proto.keydown)
267 | }(jQuery));


--------------------------------------------------------------------------------
/lib/bootstrap/js/npm.js:
--------------------------------------------------------------------------------
 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
 2 | require('../../js/transition.js')
 3 | require('../../js/alert.js')
 4 | require('../../js/button.js')
 5 | require('../../js/carousel.js')
 6 | require('../../js/collapse.js')
 7 | require('../../js/dropdown.js')
 8 | require('../../js/modal.js')
 9 | require('../../js/tooltip.js')
10 | require('../../js/popover.js')
11 | require('../../js/scrollspy.js')
12 | require('../../js/tab.js')
13 | require('../../js/affix.js')


--------------------------------------------------------------------------------
/lib/fuelux/fonts/fuelux.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/fuelux/fonts/fuelux.eot


--------------------------------------------------------------------------------
/lib/fuelux/fonts/fuelux.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 3 | <svg xmlns="http://www.w3.org/2000/svg">
 4 | <metadata>Generated by Fontastic.me</metadata>
 5 | <defs>
 6 | <font id="fuelux" horiz-adv-x="512">
 7 | <font-face font-family="fuelux" units-per-em="512" ascent="480" descent="-32"/>
 8 | <missing-glyph horiz-adv-x="512" />
 9 | 
10 | <glyph unicode="&#57344;" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z m-148-114l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z m59-185l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z m173-5c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z m126 34c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z m148 114l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z m-232 190c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z m173-5l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
11 | <glyph unicode="&#57345;" d="M277 425c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z"/>
12 | <glyph unicode="&#57346;" d="M450 420l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
13 | <glyph unicode="&#57347;" d="M509 235l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z"/>
14 | <glyph unicode="&#57348;" d="M361 121c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z"/>
15 | <glyph unicode="&#57349;" d="M235 87c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z"/>
16 | <glyph unicode="&#57350;" d="M62 92l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z"/>
17 | <glyph unicode="&#57351;" d="M3 277l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z"/>
18 | <glyph unicode="&#57352;" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z"/>
19 | <glyph unicode="&#57353;" d="M336 218c0-47-38-85-85-85-46 0-84 38-84 85 0 46 38 84 84 84 47 0 85-38 85-84z"/>
20 | </font></defs></svg>
21 | 


--------------------------------------------------------------------------------
/lib/fuelux/fonts/fuelux.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/fuelux/fonts/fuelux.ttf


--------------------------------------------------------------------------------
/lib/fuelux/fonts/fuelux.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/fuelux/fonts/fuelux.woff


--------------------------------------------------------------------------------
/lib/fuelux/js/npm.js:
--------------------------------------------------------------------------------
 1 | // This file has been created by the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
 2 | require('jquery');
 3 | require('bootstrap');
 4 | 
 5 | require('../../js/checkbox');
 6 | require('../../js/combobox');
 7 | require('../../js/datepicker');
 8 | require('../../js/dropdown-autoflip');
 9 | require('../../js/loader');
10 | require('../../js/placard');
11 | require('../../js/radio');
12 | require('../../js/search');
13 | require('../../js/selectlist');
14 | require('../../js/spinbox');
15 | require('../../js/tree');
16 | require('../../js/wizard');
17 | require('../../js/infinite-scroll');
18 | require('../../js/pillbox');
19 | require('../../js/repeater');
20 | require('../../js/repeater-list');
21 | require('../../js/repeater-thumbnail');
22 | require('../../js/scheduler');
23 | require('../../js/picker');


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/bootstrap/button.hbs:
--------------------------------------------------------------------------------
1 | <div class="form-group{{#if validation}} has-{{validation}}{{/if}}">
2 | 	<label class="control-label{{#if horizontal}} col-sm-2{{/if}}" for="{{#if id}}{{id}}{{else}}myButton{{/if}}">{{#if label}}{{label}}{{/if}}</label>
3 | 	<div class="{{#if buttonalign}}{{buttonalign}}{{/if}}{{#if horizontal}} col-sm-10{{/if}}">
4 | 		<{{#if isinput}}input{{else}}{{#if islink}}a{{else}}button{{/if}}{{/if}} {{#unless islink}}type="{{#if type}}{{type}}{{else}}button{{/if}}"{{else}}role="button"{{/unless}} id="{{#if id}}{{id}}{{else}}myButton{{/if}}" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}myButton{{/if}}{{/if}}" class='btn{{#if buttonstyle}} {{buttonstyle}}{{else}} btn-default{{/if}}{{#if inputsize}} {{inputsize}}{{/if}}'{{#if disabled}} disabled{{/if}} aria-label="{{#if label}}{{label}}{{/if}}" {{#if isinput}}value="{{text}}"{{/if}}>{{#unless isinput}}{{text}}{{/unless}}</{{#if isinput}}input{{else}}{{#if islink}}a{{else}}button{{/if}}{{/if}}>
5 | 		{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
6 | 	</div>
7 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/bootstrap/input.hbs:
--------------------------------------------------------------------------------
 1 | <div class="form-group{{#if horizontal}}{{#if inputsize}} form-group-{{inputsize}}{{/if}}{{/if}}{{#if validation}} has-{{validation}}{{#if feedback}} has-feedback{{/if}}{{/if}}">
 2 | 	{{#if label}}<label for="{{#if id}}{{id}}{{else}}myInput{{/if}}" class="control-label{{#if horizontal}} col-sm-2{{/if}}">{{label}}</label>{{/if}}
 3 | 	{{#if horizontal}}<div class="col-sm-10">{{/if}}
 4 | 		{{#if hasAside}}<div class="input-group">{{/if}}
 5 | 			{{#if prependText}}<span id="{{#if id}}{{id}}{{else}}myInput{{/if}}Prepend" class="input-group-addon{{#if horizontal}}{{#if inputsize}} input-{{inputsize}}{{/if}}{{/if}}">{{prependText}}</span>{{/if}}
 6 | 			{{#with prependCheckbox}}<label class="input-group-addon checkbox-custom" data-initialize="checkbox">
 7 | 				<input class="sr-only" type="checkbox" aria-label="{{#if aria}}{{aria}}{{else}}{{value}}{{/if}}" {{#if checked}}checked="checked"{{/if}} id="{{#if ../id}}{{../id}}{{else}}myInput{{/if}}Checkbox" name="{{#if ../name}}{{../name}}{{else}}{{#if ../id}}{{../id}}{{else}}myInput{{/if}}{{/if}}Checkbox" value="{{value}}"{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}>
 8 | 			</label>{{/with}}
 9 | 			{{#with prependButtonDropdown}}
10 | 			<div class="input-group-btn">
11 | 				<button type="button" class="btn dropdown-toggle{{#if ../inputsize}} btn-{{../inputsize}}{{/if}}{{#if style}} {{style}}{{/if}}" data-toggle="dropdown"{{#if ../label}} aria-label="{{../label}} related options"{{/if}} aria-haspopup="true" aria-expanded="false"{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}>{{text}}&nbsp;<span class="caret"></span></button>
12 | 				<ul class="dropdown-menu">{{#each options}}
13 | 					{{#if separator}}<li role="separator" class="divider"></li>{{else}}<li><a href="#">{{value}}</a></li>{{/if}}{{/each}}
14 | 				</ul>
15 | 			</div>{{/with}}
16 | 			<input type="{{#if type}}{{type}}{{else}}text{{/if}}" class="{{#unless horizontal}}{{#if inputsize}}input-{{inputsize}} {{/if}}{{/unless}}form-control" id="{{#if id}}{{id}}{{else}}myInput{{/if}}" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}myInput{{/if}}{{/if}}"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}}{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}{{#if validation}}{{#if feedback}}aria-describedby="{{#if id}}{{id}}{{else}}myInput{{/if}}Status"{{/if}}{{/if}}>
17 | 			{{#with appendButtonDropdown}}
18 | 			<div class="input-group-btn">
19 | 				<button type="button" class="btn dropdown-toggle{{#if ../inputsize}} btn-{{../inputsize}}{{/if}}{{#if style}} {{style}}{{/if}}" data-toggle="dropdown"{{#if ../label}} aria-label="{{../label}} related options"{{/if}} aria-haspopup="true" aria-expanded="false"{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}>{{text}}&nbsp;<span class="caret"></span></button>
20 | 				<ul class="dropdown-menu dropdown-menu-right">{{#each options}}
21 | 					{{#if separator}}<li role="separator" class="divider"></li>{{else}}<li><a href="#">{{value}}</a></li>{{/if}}{{/each}}
22 | 				</ul>
23 | 			</div>{{/with}}
24 | 			{{#with appendCheckbox}}<label class="input-group-addon checkbox-custom" data-initialize="checkbox">
25 | 				<input class="sr-only" type="checkbox" aria-label="{{#if checkboxAria}}{{checkboxAria}}{{else}}{{value}}{{/if}}" {{#if checked}}checked="checked"{{/if}} id="{{#if ../id}}{{../id}}{{else}}myInput{{/if}}Checkbox" name="{{#if ../name}}{{../name}}{{else}}{{#if ../id}}{{../id}}{{else}}myInput{{/if}}{{/if}}Checkbox" value="{{value}}"{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}>
26 | 			</label>{{/with}}
27 | 			{{#if appendText}}<span id="{{#if id}}{{id}}{{else}}myInput{{/if}}Prepend" class="input-group-addon{{#if horizontal}}{{#if inputsize}} input-{{inputsize}}{{/if}}{{/if}}">{{appendText}}</span>{{/if}}
28 | 		{{#if hasAside}}</div>{{/if}}
29 | 		{{#if feedback}}<span class="glyphicon glyphicon-{{feedback}} form-control-feedback" aria-hidden="true"></span><span id="{{#if id}}{{id}}{{else}}myInput{{/if}}Status" class="sr-only">({{#if validation}}{{validation}}{{/if}})</span>{{/if}}
30 | 		{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
31 | 	{{#if horizontal}}</div>{{/if}}
32 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/bootstrap/modal-trigger.hbs:
--------------------------------------------------------------------------------
1 | <button type="button" class="btn{{#if btn-style}} {{btn-style}}{{else}} btn-default{{/if}}" data-toggle="modal" data-target="#{{target-id}}" {{#each data}}data-{{name}}="{{value}}" {{/each}}>
2 | 	{{text}}
3 | </button>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/bootstrap/modal.hbs:
--------------------------------------------------------------------------------
 1 | <div class="modal {{#unless no-fade}}fade{{/unless}}" id="{{#if id}}{{id}}{{else}}myModal{{/if}}" tabindex="-1" role="dialog" aria-labelledby="{{#if id}}{{id}}{{else}}myModal{{/if}}Label">
 2 | 	<div class="modal-dialog {{#if modal-size}}modal-{{modal-size}}{{/if}}">
 3 | 		<div class="modal-content">
 4 | 			<div class="modal-header">
 5 | 				<button type="button" class="close" data-dismiss="modal" aria-label="{{#if exit}}{{exit}}{{else}}{{#if close}}{{close}}{{else}}Close{{/if}}{{/if}}"><span aria-hidden="true">&times;</span></button>
 6 | 				<h4 class="modal-title" id="{{#if id}}{{id}}{{else}}myModal{{/if}}Label">{{title}}</h4>
 7 | 			</div>
 8 | 			<div class="modal-body">
 9 | 				{{#if body}}{{{body}}}{{/if}}
10 | 			</div>
11 | 			<div class="modal-footer">
12 | 				<button type="button" class="btn btn-default" data-dismiss="modal">{{#if close}}{{close}}{{else}}Close{{/if}}</button>
13 | 				<button type="button" class="btn btn-primary">{{#if confirm}}{{confirm}}{{else}}Save changes{{/if}}</button>
14 | 			</div>
15 | 		</div><!-- /.modal-content -->
16 | 	</div><!-- /.modal-dialog -->
17 | </div><!-- /.modal -->


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/bootstrap/textarea.hbs:
--------------------------------------------------------------------------------
1 | <div class="form-group{{#if validation}} has-{{validation}}{{/if}}">
2 | 	<label class="control-label{{#if horizontal}} col-sm-2{{/if}}" for="{{#if id}}{{id}}{{else}}myTextarea{{/if}}">{{#if label}}{{label}}{{/if}}</label>
3 | 	{{#if horizontal}}<div class="col-sm-10">{{/if}}
4 | 		<textarea class="form-control" id="{{#if id}}{{id}}{{else}}myTextarea{{/if}}" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}myTextarea{{/if}}{{/if}}" rows="{{#if rows}}{{rows}}{{/if}}"{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}>{{#if text}}{{text}}{{/if}}</textarea>
5 | 		{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
6 | 	{{#if horizontal}}</div>{{/if}}
7 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/checkbox.hbs:
--------------------------------------------------------------------------------
 1 | <div class="form-group{{#if validation}} has-{{validation}}{{/if}}">
 2 | 	<label for="{{#if id}}{{id}}{{else}}myCustomCheckboxWrapper{{/if}}" class="control-label{{#if horizontal}} col-sm-2{{/if}}">{{#if label}}{{label}}{{/if}}</label>
 3 | 
 4 | 	<div class="{{#if inline}}checkbox{{/if}}{{#if horizontal}} col-sm-10{{/if}}"{{#if required}} required{{/if}}>
 5 | 		{{#each checkboxes}}
 6 | 		{{#unless ../inline}}<div class="checkbox{{#if ../highlight}} highlight{{/if}}">{{/unless}}
 7 | 			<label class="checkbox-custom{{#if ../inline}} checkbox-inline{{/if}}{{#if ../highlight}} highlight{{/if}}"{{#unless ../doNotInit}} data-initialize="checkbox"{{/unless}} id="{{#if id}}{{id}}{{else}}{{#if ../id}}{{../id}}{{else}}myCustomCheckbox{{/if}}{{@index}}{{/if}}">
 8 | 				<input class="sr-only" type="checkbox" {{#if data-toggle}}data-toggle="{{data-toggle}}" {{/if}}{{#if checked}}checked="checked" {{/if}}{{#if disabled}}disabled="disabled" {{/if}}{{#if value}}value="{{value}}" {{/if}}name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}{{#if ../id}}{{../id}}{{else}}myCustomCheckbox{{/if}}{{/if}}{{@index}}{{/if}}">
 9 | 				<span class="checkbox-label">{{#if label}}{{label}}{{else}}Checkbox {{@index}} Label{{/if}}</span>
10 | 			</label>
11 | 		{{#unless ../inline}}</div>{{/unless}}
12 | 		{{/each}}
13 | 		{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
14 | 	</div>
15 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/combobox.hbs:
--------------------------------------------------------------------------------
 1 | <div class="form-group{{#if horizontal}}{{#if inputsize}} form-group-{{inputsize}}{{/if}}{{/if}}{{#if validation}} has-{{validation}}{{#if feedback}} has-feedback{{/if}}{{/if}}">
 2 | 	<label for="{{#if id}}{{id}}{{else}}myCombobox{{/if}}Input" class="control-label{{#if horizontal}} col-sm-2{{/if}}">{{#if label}}{{label}}{{/if}}</label>
 3 | 
 4 | 	{{#if horizontal}}<div class="col-sm-10">{{/if}}
 5 | 	<div class="input-group dropdown combobox{{#if prependCombobox}} input-append{{else}} input-prepend{{/if}}{{#if inputsize}} input-group-{{inputsize}}{{/if}}{{#if cols}} col-sm-{{cols}}{{/if}}" {{#unless doNotInit}}data-initialize="combobox"{{/unless}} id="{{#if id}}{{id}}{{else}}myCombobox{{/if}}">
 6 | 		{{#unless prependCombobox}}<input type="{{#if type}}{{type}}{{else}}text{{/if}}" class="{{#unless horizontal}}{{#if inputsize}}input-{{inputsize}} {{/if}}{{/unless}}form-control" id="{{#if id}}{{id}}{{else}}myCombobox{{/if}}Input" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}myCombobox{{/if}}{{/if}}"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}}{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}{{#if validation}}{{#if feedback}}aria-describedby="{{#if id}}{{id}}{{else}}myCombobox{{/if}}Status"{{/if}}{{/if}}>{{/unless}}
 7 | 		<div class="input-group-btn">
 8 | 			<button type="button" class="btn {{#if buttonstyle}}{{buttonstyle}}{{else}}btn-default{{/if}} dropdown-toggle{{#if inputsize}} btn-{{inputsize}}{{/if}}" data-toggle="dropdown"><span class="caret"></span></button>
 9 | 			<ul class="dropdown-menu{{#unless prependCombobox}} dropdown-menu-right{{/unless}}" role="menu">
10 | 				{{#each options}}
11 | 				<li data-value="{{value}}"{{#each data}} data-{{name}}="{{value}}"{{/each}}><a href="#">{{text}}</a></li>
12 | 				{{/each}}
13 | 			</ul>
14 | 		</div>
15 | 		{{#if prependCombobox}}<input type="{{#if type}}{{type}}{{else}}text{{/if}}" class="{{#unless horizontal}}{{#if inputsize}}input-{{inputsize}} {{/if}}{{/unless}}form-control" id="{{#if id}}{{id}}{{else}}myCombobox{{/if}}" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}myCombobox{{/if}}{{/if}}"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}}{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}{{#if validation}}{{#if feedback}}aria-describedby="{{#if id}}{{id}}{{else}}myCombobox{{/if}}Status"{{/if}}{{/if}}>{{/if}}
16 | 	</div>
17 | 	{{#if feedback}}<span class="glyphicon glyphicon-{{feedback}} form-control-feedback" aria-hidden="true"></span><span id="{{#if id}}{{id}}{{else}}myCombobox{{/if}}Status" class="sr-only">({{#if validation}}{{validation}}{{/if}})</span>{{/if}}
18 | 	{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
19 | 	{{#if horizontal}}</div>{{/if}}
20 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/datepicker.hbs:
--------------------------------------------------------------------------------
 1 | <div class="datepicker" {{#unless doNotInit}}data-initialize="datepicker"{{/unless}} id="{{#if id}}{{id}}{{else}}myDatepicker{{/if}}">
 2 | 	<div class="input-group">
 3 | 		<input class="form-control" id="{{#if id}}{{id}}Input{{else}}myDatepickerInput{{/if}}" name="{{#if name}}{{name}}{{#if id}}{{id}}Input{{else}}myDatepickerInput{{/if}}{{/if}}" type="text"/>
 4 | 		<div class="input-group-btn">
 5 | 			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 6 | 				<span class="glyphicon glyphicon-calendar"></span>
 7 | 				<span class="sr-only">Toggle Calendar</span>
 8 | 			</button>
 9 | 			<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
10 | 				<div class="datepicker-calendar">
11 | 					<div class="datepicker-calendar-header">
12 | 						<button type="button" class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
13 | 						<button type="button" class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
14 | 						<button type="button" class="title">
15 | 								<span class="month">
16 | 									<span data-month="0">January</span>
17 | 									<span data-month="1">February</span>
18 | 									<span data-month="2">March</span>
19 | 									<span data-month="3">April</span>
20 | 									<span data-month="4">May</span>
21 | 									<span data-month="5">June</span>
22 | 									<span data-month="6">July</span>
23 | 									<span data-month="7">August</span>
24 | 									<span data-month="8">September</span>
25 | 									<span data-month="9">October</span>
26 | 									<span data-month="10">November</span>
27 | 									<span data-month="11">December</span>
28 | 								</span> <span class="year"></span>
29 | 						</button>
30 | 					</div>
31 | 					<table class="datepicker-calendar-days">
32 | 						<thead>
33 | 						<tr>
34 | 							<th>Su</th>
35 | 							<th>Mo</th>
36 | 							<th>Tu</th>
37 | 							<th>We</th>
38 | 							<th>Th</th>
39 | 							<th>Fr</th>
40 | 							<th>Sa</th>
41 | 						</tr>
42 | 						</thead>
43 | 						<tbody></tbody>
44 | 					</table>
45 | 					<div class="datepicker-calendar-footer">
46 | 						<button type="button" class="datepicker-today">Today</button>
47 | 					</div>
48 | 				</div>
49 | 				<div class="datepicker-wheels" aria-hidden="true">
50 | 					<div class="datepicker-wheels-month">
51 | 						<h2 class="header">Month</h2>
52 | 						<ul>
53 | 							<li data-month="0"><button type="button">Jan</button></li>
54 | 							<li data-month="1"><button type="button">Feb</button></li>
55 | 							<li data-month="2"><button type="button">Mar</button></li>
56 | 							<li data-month="3"><button type="button">Apr</button></li>
57 | 							<li data-month="4"><button type="button">May</button></li>
58 | 							<li data-month="5"><button type="button">Jun</button></li>
59 | 							<li data-month="6"><button type="button">Jul</button></li>
60 | 							<li data-month="7"><button type="button">Aug</button></li>
61 | 							<li data-month="8"><button type="button">Sep</button></li>
62 | 							<li data-month="9"><button type="button">Oct</button></li>
63 | 							<li data-month="10"><button type="button">Nov</button></li>
64 | 							<li data-month="11"><button type="button">Dec</button></li>
65 | 						</ul>
66 | 					</div>
67 | 					<div class="datepicker-wheels-year">
68 | 						<h2 class="header">Year</h2>
69 | 						<ul></ul>
70 | 					</div>
71 | 					<div class="datepicker-wheels-footer clearfix">
72 | 						<button type="button" class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
73 | 						<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
74 | 					</div>
75 | 				</div>
76 | 			</div>
77 | 		</div>
78 | 	</div>
79 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/infinite-scroll.hbs:
--------------------------------------------------------------------------------
1 | <div class="infinitescroll" id="{{#if id}}{{id}}{{else}}myInfiniteScroll{{/if}}">{{#if content}}{{content}}{{/if}}</div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/loader.hbs:
--------------------------------------------------------------------------------
1 | <div class="loader" {{#unless doNotInit}}data-initialize="loader"{{/unless}} {{#each data}}data-{{name}}="{{value}}" {{/each}}id="{{#if id}}{{id}}{{else}}myLoader{{/if}}"></div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/pillbox.hbs:
--------------------------------------------------------------------------------
 1 | <div class="pillbox" {{#unless doNotInit}}data-initialize="pillbox"{{/unless}} id="{{#if id}}{{id}}{{else}}myPillbox{{/if}}">
 2 | 	<ul class="clearfix pill-group">
 3 | 	{{#each items}}
 4 | 		<li class="btn btn-default pill{{#if class}} {{class}}{{/if}}" data-value="{{value}}">
 5 | 		<span>{{title}}</span>
 6 | 			<span class="glyphicon glyphicon-close">
 7 | 				<span class="sr-only">Remove</span>
 8 | 			</span>
 9 | 		</li>
10 | 	{{/each}}
11 | 		<li class="pillbox-input-wrap btn-group">
12 | 			<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
13 | 			<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
14 | 			<button type="button" class="dropdown-toggle sr-only">
15 | 				<span class="caret"></span>
16 | 				<span class="sr-only">Toggle Dropdown</span>
17 | 			</button>
18 | 			<ul class="suggest dropdown-menu" role="menu" data-toggle="dropdown" data-flip="auto"></ul>
19 | 		</li>
20 | 	</ul>
21 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/placard.hbs:
--------------------------------------------------------------------------------
 1 | <div class="placard"{{#unless doNotInit}} data-initialize="placard"{{/unless}}{{#if ellipsis}} data-ellipsis="true"{{/if}} id="{{#if id}}{{id}}{{else}}myPlacard{{/if}}">
 2 | 	<div class="placard-popup"></div>
 3 | {{#if header}}
 4 | 	<div class="placard-header"><h5>{{header}}</h5></div>
 5 | {{/if}}
 6 | {{!-- div must come first, because if a placard has both div and textarea set to true, it is a div that behaves like a textarea --}}
 7 | {{#if div}}
 8 | 	<div class="form-control placard-field{{#if glass}} glass{{/if}}"{{#if textarea}} data-textarea="true"{{/if}} contenteditable="true">{{#if placeholder}}{{placeholder}}{{/if}}</div>
 9 | {{else if textarea}}
10 | 	<textarea class="form-control placard-field{{#if glass}} glass{{/if}}" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}myPlacard{{/if}}{{/if}}">{{#if placeholder}}{{placeholder}}{{/if}}</textarea>
11 | {{else}}
12 | 	<input class="form-control placard-field{{#if glass}} glass{{/if}}" type="text"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}} name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}myPlacard{{/if}}{{/if}}"/>
13 | {{/if}}
14 | {{#if footer}}
15 | 	<div class="placard-footer">
16 | 		<a class="placard-cancel" href="#">Cancel</a>
17 | 		<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
18 | 	</div>
19 | {{/if}}
20 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/radio.hbs:
--------------------------------------------------------------------------------
 1 | <div class="form-group{{#if validation}} has-{{validation}}{{/if}}">
 2 | 	<label for="{{#if id}}{{id}}{{else}}myCustomRadioWrapper{{/if}}" class="control-label{{#if horizontal}} col-sm-2{{/if}}">{{#if label}}{{label}}{{/if}}</label>
 3 | 
 4 | 	<div class="{{#if inline}}radio{{/if}}{{#if horizontal}} col-sm-10{{/if}}"{{#if required}} required{{/if}}>
 5 | 		{{#each radios}}
 6 | 		{{#unless ../inline}}<div class="radio{{#if ../highlight}} highlight{{/if}}">{{/unless}}
 7 | 			<label class="radio-custom{{#if ../inline}} radio-inline{{/if}}{{#if ../highlight}} highlight{{/if}}"{{#unless ../doNotInit}} data-initialize="radio"{{/unless}} id="{{#if id}}{{id}}{{else}}{{#if ../id}}{{../id}}{{else}}myCustomRadio{{/if}}{{@index}}{{/if}}">
 8 | 				<input class="sr-only" type="radio" {{#if data-toggle}}data-toggle="{{data-toggle}}" {{/if}}{{#if checked}}checked="checked" {{/if}}{{#if disabled}}disabled="disabled" {{/if}}{{#if value}}value="{{value}}" {{/if}}name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}{{#if ../id}}{{../id}}{{else}}myCustomRadio{{/if}}{{/if}}{{/if}}">
 9 | 				<span class="radio-label">{{#if label}}{{label}}{{else}}Radio {{@index}} Label{{/if}}</span>
10 | 			</label>
11 | 		{{#unless ../inline}}</div>{{/unless}}
12 | 		{{/each}}
13 | 		{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
14 | 	</div>
15 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/repeater.hbs:
--------------------------------------------------------------------------------
 1 | <div class="repeater"{{#each data}} data-{{name}}="{{value}}"{{/each}} id="{{#if id}}{{id}}{{else}}myRepeater{{/if}}">
 2 | 	<div class="repeater-header">
 3 | 		<div class="repeater-header-left">
 4 | 			<span class="repeater-title">{{#if title}}{{title}}{{else}}Awesome Repeater{{/if}}</span>
 5 | 			<div class="repeater-search">
 6 | 				<div class="search input-group">
 7 | 					<input type="search" class="form-control" placeholder="Search"/>
 8 | 					<span class="input-group-btn">
 9 | 						<button class="btn btn-default" type="button">
10 | 							<span class="glyphicon glyphicon-search"></span>
11 | 							<span class="sr-only">Search</span>
12 | 						</button>
13 | 					</span>
14 | 				</div>
15 | 			</div>
16 | 		</div>
17 | 		<div class="repeater-header-right">
18 | 			<div class="btn-group selectlist repeater-filters" data-resize="auto">
19 | 				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
20 | 					<span class="selected-label">&nbsp;</span>
21 | 					<span class="caret"></span>
22 | 					<span class="sr-only">Toggle Filters</span>
23 | 				</button>
24 | 				<ul class="dropdown-menu" role="menu">
25 | 					{{#each filters}}
26 | 						<li data-value="{{value}}" {{#if selected}}data-selected="true"{{/if}}><a href="#">{{text}}</a></li>
27 | 					{{/each}}
28 | 				</ul>
29 | 				<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text"/>
30 | 			</div>
31 | 			<div class="btn-group repeater-views" data-toggle="buttons">
32 | 				<label class="btn btn-default active">
33 | 					<input name="repeaterViews" type="radio" value="list"><span class="glyphicon glyphicon-list"></span>
34 | 				</label>
35 | 				<label class="btn btn-default">
36 | 					<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
37 | 				</label>
38 | 			</div>
39 | 		</div>
40 | 	</div>
41 | 	<div class="repeater-viewport">
42 | 		<div class="repeater-canvas"></div>
43 | 		<div class="loader repeater-loader"></div>
44 | 	</div>
45 | 	<div class="repeater-footer">
46 | 		<div class="repeater-footer-left">
47 | 			<div class="repeater-itemization">
48 | 				<span><span class="repeater-start"></span> - <span class="repeater-end"></span> of <span class="repeater-count"></span> items</span>
49 | 				<div class="btn-group selectlist" data-resize="auto">
50 | 					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
51 | 						<span class="selected-label">&nbsp;</span>
52 | 						<span class="caret"></span>
53 | 						<span class="sr-only">Toggle Dropdown</span>
54 | 					</button>
55 | 					<ul class="dropdown-menu" role="menu">
56 | 						{{#each itemsPerPage}}
57 | 							<li data-value="{{value}}" {{#if selected}}data-selected="true"{{/if}}><a href="#">{{text}}</a></li>
58 | 						{{/each}}
59 | 					</ul>
60 | 					<input class="hidden hidden-field" name="itemsPerPage" readonly="readonly" aria-hidden="true" type="text"/>
61 | 				</div>
62 | 				<span>Per Page</span>
63 | 			</div>
64 | 		</div>
65 | 		<div class="repeater-footer-right">
66 | 			<div class="repeater-pagination">
67 | 				<button type="button" class="btn btn-default btn-sm repeater-prev">
68 | 					<span class="glyphicon glyphicon-chevron-left"></span>
69 | 					<span class="sr-only">Previous Page</span>
70 | 				</button>
71 | 				<label id="{{pageLabelID}}" class="page-label">{{pageLabel}}</label>
72 | 				<div class="repeater-primaryPaging active">
73 | 					<div class="input-group input-append dropdown combobox">
74 | 						<input type="text" class="form-control" aria-labelledby="{{pageLabelID}}">
75 | 						<div class="input-group-btn">
76 | 							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
77 | 								<span class="caret"></span>
78 | 								<span class="sr-only">Toggle Dropdown</span>
79 | 							</button>
80 | 							<ul class="dropdown-menu dropdown-menu-right"></ul>
81 | 						</div>
82 | 					</div>
83 | 				</div>
84 | 				<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="{{pageLabelID}}">
85 | 				<span>of <span class="repeater-pages"></span></span>
86 | 				<button type="button" class="btn btn-default btn-sm repeater-next">
87 | 					<span class="glyphicon glyphicon-chevron-right"></span>
88 | 					<span class="sr-only">Next Page</span>
89 | 				</button>
90 | 			</div>
91 | 		</div>
92 | 	</div>
93 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/search.hbs:
--------------------------------------------------------------------------------
 1 | <div class="form-group{{#if horizontal}}{{#if inputsize}} form-group-{{inputsize}}{{/if}}{{/if}}{{#if validation}} has-{{validation}}{{#if feedback}} has-feedback{{/if}}{{/if}}">
 2 | 	<label for="{{#if id}}{{id}}{{else}}mySearch{{/if}}Input" class="control-label{{#if horizontal}} col-sm-2{{/if}}">{{#if label}}{{label}}{{/if}}</label>
 3 | 
 4 | 	{{#if horizontal}}<div class="col-sm-10">{{/if}}
 5 | 	<div class="search input-group{{#if inputsize}} input-group-{{inputsize}}{{/if}}" {{#unless doNotInit}}data-initialize="search"{{/unless}} role="search" id="{{#if id}}{{id}}{{else}}mySearch{{/if}}">
 6 | 		{{#unless prependSearch}}<input type="search" class="{{#unless horizontal}}{{#if inputsize}}input-{{inputsize}} {{/if}}{{/unless}}form-control" id="{{#if id}}{{id}}{{else}}mySearch{{/if}}Input" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}mySearch{{/if}}{{/if}}Input"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}}{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}{{#if validation}}{{#if feedback}}aria-describedby="{{#if id}}{{id}}{{else}}mySearch{{/if}}Status"{{/if}}{{/if}}>{{/unless}}
 7 | 		<span class="input-group-btn">
 8 | 			<button class="btn btn-default{{#if inputsize}} btn-{{inputsize}}{{/if}}" type="button"{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}>
 9 | 				<span class="glyphicon glyphicon-search"></span>
10 | 				<span class="sr-only">Search</span>
11 | 			</button>
12 | 		</span>
13 | 		{{#if prependSearch}}<input type="search" class="{{#unless horizontal}}{{#if inputsize}}input-{{inputsize}} {{/if}}{{/unless}}form-control" id="{{#if id}}{{id}}{{else}}mySearch{{/if}}Input" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}mySearch{{/if}}{{/if}}Input"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}}{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}{{#if validation}}{{#if feedback}}aria-describedby="{{#if id}}{{id}}{{else}}mySearch{{/if}}Status"{{/if}}{{/if}}>{{/if}}
14 | 	</div>
15 | 	{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
16 | 	{{#if feedback}}<span class="glyphicon glyphicon-{{feedback}} form-control-feedback" aria-hidden="true"></span><span id="{{#if id}}{{id}}{{else}}mySearch{{/if}}Status" class="sr-only">({{#if validation}}{{validation}}{{/if}})</span>{{/if}}
17 | 	{{#if horizontal}}</div>{{/if}}
18 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/selectlist.hbs:
--------------------------------------------------------------------------------
 1 | <div class="form-group{{#if validation}} has-{{validation}}{{/if}}">
 2 | 	<label class="control-label{{#if horizontal}} col-sm-2{{/if}}" for="{{#if id}}{{id}}{{else}}mySelectlist{{/if}}">{{#if label}}{{label}}{{/if}}</label>
 3 | 	<div class="controls text-{{#if buttonalign}}{{buttonalign}}{{else}}left{{/if}}{{#if horizontal}} col-sm-10{{/if}}">
 4 | 		<div class="btn-group selectlist"{{#unless doNotInit}} data-initialize="selectlist"{{/unless}} data-resize="auto" id="{{#if id}}{{id}}{{else}}mySelectlist{{/if}}">
 5 | 			<button class="btn {{#if buttonstyle}}{{buttonstyle}}{{else}}btn-default{{/if}} dropdown-toggle{{#if inputsize}} {{inputsize}}{{/if}}" data-toggle="dropdown" type="button"{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}>
 6 | 				<span class="selected-label">&nbsp;</span>
 7 | 				<span class="caret"></span>
 8 | 				<span class="sr-only">Toggle Dropdown</span>
 9 | 			</button>
10 | 			<ul class="dropdown-menu" role="menu">
11 | 				{{#each options}}
12 | 				<li data-value="{{value}}" {{#each data}}data-{{name}}="{{value}}" {{/each}}><a href="#">{{text}}</a></li>
13 | 				{{/each}}
14 | 			</ul>
15 | 			<input class="hidden hidden-field" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}mySelectlist{{/if}}{{/if}}" readonly="readonly" aria-hidden="true" type="text"/>
16 | 		</div>
17 | 		{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
18 | 	</div>
19 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/spinbox.hbs:
--------------------------------------------------------------------------------
 1 | <div class="form-group{{#if validation}} has-{{validation}}{{#if feedback}} has-feedback{{/if}}{{/if}}">
 2 | 	<label class="control-label{{#if horizontal}} col-sm-2{{/if}}" for="{{#if id}}{{id}}{{else}}mySpinbox{{/if}}Input">{{#if label}}{{label}}{{/if}}</label>
 3 | 	<div{{#if horizontal}} class="col-sm-10"{{/if}}>
 4 | 		<div class="spinbox" {{#unless doNotInit}}data-initialize="spinbox"{{/unless}} id="{{#if id}}{{id}}{{else}}mySpinbox{{/if}}">
 5 | 			<input id="{{#if id}}{{id}}Input{{else}}mySpinboxInput{{/if}}" name="{{#if name}}{{name}}{{else}}{{#if id}}{{id}}{{else}}mySpinbox{{/if}}{{/if}}" {{#if default}}value="{{default}}"{{/if}} type="text" class="form-control input-mini spinbox-input"{{#if required}} required{{/if}}{{#if readonly}} readonly{{/if}}{{#if disabled}} disabled{{/if}}{{#if validation}}{{#if feedback}}aria-describedby="{{#if id}}{{id}}{{else}}mySpinbox{{/if}}Status"{{/if}}{{/if}}>
 6 | 			<div class="spinbox-buttons btn-group btn-group-vertical">
 7 | 				<button type="button" class="btn btn-default spinbox-up btn-xs"{{#if disabled}} disabled{{/if}}>
 8 | 					<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
 9 | 				</button>
10 | 				<button type="button" class="btn btn-default spinbox-down btn-xs"{{#if disabled}} disabled{{/if}}>
11 | 					<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
12 | 				</button>
13 | 			</div>
14 | 			{{#if feedback}}<span class="glyphicon glyphicon-{{feedback}} form-control-feedback" aria-hidden="true"></span><span id="{{#if id}}{{id}}{{else}}mySpinbox{{/if}}Status" class="sr-only">({{#if validation}}{{validation}}{{/if}})</span>{{/if}}
15 | 		</div>
16 | 		{{#if helptext}}<p class="help-block">{{helptext}}</p>{{/if}}
17 | 	</div>
18 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/tree.hbs:
--------------------------------------------------------------------------------
 1 | <ul class="tree {{#if folderSelect}}tree-folder-select{{/if}}" id="{{#if id}}{{id}}{{else}}myTree{{/if}}" role="tree">
 2 | 	<li class="tree-branch hidden" data-template="treebranch" role="treeitem" aria-expanded="false">
 3 | 		<div class="tree-branch-header">
 4 | 			{{#if folderSelect}}<button type="button" class="glyphicon icon-caret glyphicon-play"><span class="sr-only">Open</span></button>{{/if}}
 5 | 			<button type="button" class="tree-branch-name">
 6 | 				{{#unless folderSelect}}<span class="glyphicon icon-caret glyphicon-play"></span>{{/unless}}
 7 | 				<span class="glyphicon icon-folder glyphicon-folder-close"></span>
 8 | 				<span class="tree-label"></span>
 9 | 			</button>
10 | 		</div>
11 | 		<ul class="tree-branch-children" role="group"></ul>
12 | 		<!-- this loader shows on nested folders and when overflow is triggered -->
13 | 		{{#if loaderHTML }}{{loaderHTML}}{{else}}<div class="tree-loader hidden" role="alert">Loading...</div>{{/if}}
14 | 	</li>
15 | 	<li class="tree-item hidden" data-template="treeitem" role="treeitem">
16 | 		<button type="button" class="tree-item-name">
17 | 			<span class="glyphicon icon-item fueluxicon-bullet"></span>
18 | 			<span class="tree-label"></span>
19 | 		</button>
20 | 	</li>
21 | 	<li class="tree-overflow hidden" data-template="treeoverflow" role="treeitem">
22 | 		<button type="button" class="tree-overflow-name">
23 | 			<span class="glyphicon"></span>
24 | 			<span class="tree-label"></span>
25 | 		</button>
26 | 	</li>
27 | 	<!-- Loader shown at root level and when tree is loading -->
28 | 	{{#if initialLoaderHTML}}{{initialLoaderHTML}}{{else}}{{#if loaderHTML }}{{loaderHTML}}{{else}}<li class="tree-loader hidden" role="alert">Loading...</li>{{/if}}{{/if}}
29 | </ul>


--------------------------------------------------------------------------------
/lib/fuelux/templates/handlebars/fuelux/wizard.hbs:
--------------------------------------------------------------------------------
 1 | <div class="wizard" {{#unless doNotInit}}data-initialize="wizard"{{/unless}} id="{{#if id}}{{id}}{{else}}myWizard{{/if}}">
 2 | 	<div class="steps-container">
 3 | 		<ul class="steps">
 4 | 			{{#each steps}}
 5 | 				<li data-step="{{step}}" class="{{#if active}}active{{/if}}{{#if complete}}complete{{/if}}"><span class="badge">{{stepBadge}}</span>{{stepLabel}}<span class="chevron"></span></li>
 6 | 			{{/each}}
 7 | 		</ul>
 8 | 	</div>
 9 | 	<div class="actions">
10 | 		<button type="button" class="btn btn-default btn-prev"><span class="glyphicon glyphicon-arrow-left"></span>Prev</button>
11 | 		<button type="button" class="btn btn-default btn-next" data-last="Complete">Next<span class="glyphicon glyphicon-arrow-right"></span></button>
12 | 	</div>
13 | 	<div class="step-content">
14 | 		{{#each steps}}
15 | 			<div class="step-pane{{#if active}} active{{/if}}{{#if styles}} {{styles}}{{/if}}" data-step="{{step}}">
16 | 				{{#if title}}<h4>{{title}}</h4>{{/if}}
17 | 				{{{content}}}
18 | 			</div>
19 | 		{{/each}}
20 | 	</div>
21 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/button-group.html:
--------------------------------------------------------------------------------
 1 | <!-- Button Group http://getbootstrap.com/components/#btn-groups -->
 2 | <div class="form-group">
 3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>"><%= label %></label>
 4 |   <div class="<%= buttonalign %><% if(horizontal) {%> col-sm-10<% } %>">
 5 |     <div id="<%= id %>Group" class="btn-group" role="group" aria-label="<%= label %>">
 6 |       <button type="<%= button1type %>" id="<%= id %>" name="<%= id %>" class='btn <%= button1style %><% if(inputsize.length > 0) {%> <%= inputsize %><% } %>' <% if(isDisabled) {%> disabled <% } %> aria-label="<%= button1label %>"><%= button1label %></button>
 7 |       <button type="<%= button2type %>" id="<%= id2 %>" name="<%= id2 %>" class='btn <%= button2style %><% if(inputsize.length > 0) {%> <%= inputsize %><% } %>' <% if(isDisabled) {%> disabled <% } %> aria-label="<%= button1label %>"><%= button2label %></button>
 8 |     </div>
 9 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
10 |   </div>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/button.html:
--------------------------------------------------------------------------------
1 | <!-- Button http://getbootstrap.com/css/#buttons -->
2 | <div class="form-group">
3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>"><%= label %></label>
4 |   <div class="<%= buttonalign %><% if(horizontal) {%> col-sm-10<% } %>">
5 |     <button type="<%= buttontype %>" id="<%= id %>" name="<%= id %>" class='btn <%= buttonstyle %><% if(inputsize.length > 0) {%> <%= inputsize %><% } %>' <% if(isDisabled) {%> disabled <% } %> aria-label="<%= label %>"><%= buttonlabel %></button>
6 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
7 |   </div>
8 | </div>
9 | 


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/file-button.html:
--------------------------------------------------------------------------------
1 | <!-- File Button http://getbootstrap.com/css/#forms -->
2 | <div class="form-group">
3 |   <label for="<%= id %>" class="control-label<% if(horizontal) { %> col-sm-2<% } %>"><%= label %></label>
4 |   <% if(horizontal) {%><div class="col-sm-10"><% } %>
5 |   <input type="file" id="<%= id %>" name="<%= id %>" <% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>>
6 |   <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
7 |   <% if(horizontal) {%></div><% } %>
8 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/input-with-button-dropdown.html:
--------------------------------------------------------------------------------
 1 | <!-- Button Drop Down http://getbootstrap.com/components/#input-groups-buttons-dropdowns -->
 2 | <div class="form-group<% if(horizontal && inputsize.length > 0) {%> form-group-<%= inputsize %><% } %>">
 3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>Input"><%= label %></label>
 4 |   <% if(horizontal) {%><div class="col-sm-10"><% } %>
 5 |     <div class="input-group<% if(inputsize.length > 0) {%> input-group-<%= inputsize %><% } %>" id="<%= id %>">
 6 |       <% if(placement=="appended") { %><input id="<%= id %>Input" name="<%= id %>Input" type="<%= inputtype %>" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>" aria-label=""<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>/><% } %>
 7 |       <div class="input-group-btn">
 8 |         <button type="button" class="btn <%= buttonstyle %> dropdown-toggle<% if(inputsize.length > 0) {%> btn-<%= inputsize %><% } %>" data-toggle="dropdown" aria-label="<%= label %> related options" aria-haspopup="true" aria-expanded="false"<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>><%= buttontext %>&nbsp;<span class="caret"></span>
 9 |         </button>
10 |         <ul class="dropdown-menu<% if(placement=="appended") { %> dropdown-menu-right<% } %>"><% _.each(buttonoptions, function(value) { %>
11 |           <li><a href="#"><%= value %></a></li><% }); %>
12 |         </ul>
13 |       </div><!-- /btn-group -->
14 |       <% if(placement=="prepended") { %><input id="<%= id %>Input" name="<%= id %>Input" type="<%= inputtype %>" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>" aria-label=""<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>/><% } %>
15 |     </div><!-- /input-group -->
16 |   <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
17 |   <% if(horizontal) {%></div><% } %>
18 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/input-with-checkbox.html:
--------------------------------------------------------------------------------
 1 | <!-- Appended checkbox http://getbootstrap.com/components/#input-groups-checkboxes-radios -->
 2 | <div class="form-group<% if(horizontal && inputsize.length > 0) {%> form-group-<%= inputsize %><% } %>">
 3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>Input"><%= label %></label>
 4 |   <% if(horizontal) {%><div class="col-sm-10"><% } %>
 5 |     <div class="input-group<% if(inputsize.length > 0) {%> input-group-<%= inputsize %><% } %>" id="<%= id %>">
 6 |       <% if(placement=="appended") { %><input id="<%= id %>Input" name="<%= id %>Input" type="<%= inputtype %>" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>" aria-label=""<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %> /><% } %>
 7 |       <label class="input-group-addon checkbox-custom" data-initialize="checkbox">
 8 |         <input class="sr-only" type="checkbox" aria-label="<%= checkboxValue %>" <% if (checked){ %>checked="checked"<% } %> id="<%= id %>Checkbox" value="<%= checkboxValue %>" <% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %> >
 9 |       </label>
10 |       <% if(placement=="prepended") { %><input id="<%= id %>Input" name="<%= id %>Input" type="<%= inputtype %>" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>" aria-label=""<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %> /><% } %>
11 |     </div>
12 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
13 |   <% if(horizontal) {%></div><% } %>
14 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/input-with-text.html:
--------------------------------------------------------------------------------
 1 | <!-- Prepended text http://getbootstrap.com/components/#input-groups -->
 2 | <div class="form-group<% if(horizontal && inputsize.length > 0) {%> form-group-<%= inputsize %><% } %>">
 3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>"><%= label %></label>
 4 |   <% if(horizontal) {%><div class="col-sm-10"><% } %>
 5 |     <div class="input-group<% if(inputsize.length > 0) {%> input-group-<%= inputsize %><% } %>">
 6 |       <% if(prepend) { %><span id="<%= id %>Prepend" class="input-group-addon<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>"><%= prepend %></span><% } %>
 7 |       <input id="<%= id %>" name="<%= id %>" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>" type="text"<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %> />
 8 |       <% if(append) { %><span id="<%= id %>Append" class="input-group-addon<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>"><%= append %></span><% } %>
 9 |     </div>
10 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
11 |   <% if(horizontal) {%></div><% } %>
12 | </div>
13 | 


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/input.html:
--------------------------------------------------------------------------------
1 | <!-- Text input http://getbootstrap.com/css/#forms -->
2 | <div class="form-group<% if(horizontal && inputsize.length > 0) {%> form-group-<%= inputsize %><% } %>">
3 |   <label for="<%= id %>" class="control-label<% if(horizontal) { %> col-sm-2<% } %>"><%= label %></label>
4 |   <% if(horizontal) {%><div class="col-sm-10"><% } %>
5 |     <input type="<%= inputtype %>" class="<% if(!horizontal && inputsize.length > 0) {%>input-<%= inputsize %> <% } %>form-control" id="<%= id %>" placeholder="<%= placeholder %>"<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>>
6 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
7 |   <% if(horizontal) {%></div><% } %>
8 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/select.html:
--------------------------------------------------------------------------------
 1 | <!-- Bootstrap Select http://getbootstrap.com/css/#selects -->
 2 | <div class="form-group">
 3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>"><%= label %></label>
 4 |   <div class="controls <% if(horizontal) {%> col-sm-10<% } %>">
 5 |     <select id="<%= id %>" name="<%= id %>" class="form-control<% if(inputsize.length > 0) {%> <%= inputsize %><% } %>"<% if(multiple) {%> multiple <% } %><% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>><% _.each(options, function(option) { %>
 6 |       <option><%= option %></option><% }); %>
 7 |     </select>
 8 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
 9 |   </div>
10 | </div>
11 | 


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/bootstrap/textarea.html:
--------------------------------------------------------------------------------
1 | <!-- Textarea http://getbootstrap.com/css/#textarea -->
2 | <div class="form-group">
3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>"><%= label %></label>
4 |   <% if(horizontal) {%><div class="col-sm-10"><% } %>
5 |     <textarea class="form-control" id="<%= id %>" name="<%= id %>" rows="<%= rows %>"<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>><%= textarea %></textarea>
6 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
7 |   <% if(horizontal) {%></div><% } %>
8 | </div>
9 | 


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/fuelux/checkboxes-inline.html:
--------------------------------------------------------------------------------
 1 | <!-- Fuel UX Checkboxes Inline http://getfuelux.com/javascript.html#checkbox-examples-inline -->
 2 | <div class="form-group">
 3 |   <label for="<%= name %>" class="control-label<% if(horizontal) { %> col-sm-2<% } %>"><%= label %></label>
 4 | 
 5 |   <div class="checkbox<% if(horizontal) {%> col-sm-10<% } %><% if(required) {%> required<% } %>">
 6 |     <% _.each(checkboxes, function(checkbox, i){ %><label class="checkbox-custom checkbox-inline<% if(isDisabled) {%> disabled<% } %>" data-initialize="checkbox" id="<%= name+'-'+i %>">
 7 |       <input class="sr-only" name="<%= name %>" type="checkbox" value="<%= checkbox %>"<% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>> <span class="checkbox-label"><%= checkbox %></span>
 8 |     </label><% }); %>
 9 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
10 |   </div>
11 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/fuelux/checkboxes.html:
--------------------------------------------------------------------------------
 1 | <!-- Fuel UX Checkboxes http://getfuelux.com/javascript.html#checkbox -->
 2 | <div class="form-group">
 3 |   <label for="<%= name %>" class="control-label<% if(horizontal) { %> col-sm-2<% } %>"><%= label %></label>
 4 |   <div class="<% if(horizontal) {%> col-sm-10<% } %><% if(required) {%> required<% } %>">
 5 |     <% _.each(checkboxes, function(checkbox, i){ %><div class="checkbox">
 6 |       <label class="checkbox-custom<% if(isDisabled) {%> disabled<% } %>" data-initialize="checkbox" id="<%= name+'-'+i %>">
 7 |         <input class="sr-only" name="<%= name %>" type="checkbox" value="<%= checkbox %>"<% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>>
 8 |         <span class="checkbox-label"><%= checkbox %></span>
 9 |       </label>
10 |     </div><% }); %>
11 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
12 |   </div>
13 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/fuelux/input-with-combobox.html:
--------------------------------------------------------------------------------
 1 | <!-- Input With Combobox http://getfuelux.com/javascript.html#combobox -->
 2 | <div class="form-group<% if(horizontal && inputsize.length > 0) {%> form-group-<%= inputsize %><% } %>">
 3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>Input"><%= label %></label>
 4 |   <% if(horizontal) {%><div class="col-sm-10"><% } %>
 5 |     <div class="input-group <% if(placement=="appended") { %>input-append<% } else { %>input-prepend<% } %> dropdown combobox<% if(inputsize.length > 0) {%> input-group-<%= inputsize %><% } %>" data-initialize="combobox" id="<%= id %>">
 6 |       <% if(placement=="appended") { %><input id="<%= id %>Input" name="<%= id %>Input" type="<%= inputtype %>" aria-label="" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>" <% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %> /><% } %>
 7 |       <div class="input-group-btn">
 8 |         <button type="button" class="btn <%= buttonstyle %> dropdown-toggle<% if(inputsize.length > 0) {%> btn-<%= inputsize %><% } %>" aria-label="<%= label %> autofill suggestions" data-toggle="dropdown"><span class="caret"></span></button>
 9 |         <ul class="dropdown-menu dropdown-menu-right" role="menu"><% _.each(buttonoptions, function(value) { %>
10 |           <li data-value="<%= value %>"><a href="#"><%= value %></a></li><% }); %>
11 |         </ul>
12 |       </div>
13 |       <% if(placement=="prepended") { %><input id="<%= id %>Input" name="<%= id %>Input" type="<%= inputtype %>" aria-label="" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>"<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %> /><% } %>
14 |     </div>
15 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
16 |   <% if(horizontal) {%></div><% } %>
17 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/fuelux/radios-inline.html:
--------------------------------------------------------------------------------
 1 | <!-- Fuel UX Radios Inline http://getfuelux.com/javascript.html#radio-examples-inline -->
 2 | <div class="form-group">
 3 |   <label for="<%= name %>" class="control-label<% if(horizontal) { %> col-sm-2<% } %>"><%= label %></label>
 4 | 
 5 |   <div class="radio<% if(horizontal) {%> col-sm-10<% } %><% if(required) {%> required <% } %>">
 6 |       <% _.each(radios, function(radio, i){ %><label class="radio-custom radio-inline<% if(isDisabled) {%> disabled<% } %>" data-initialize="radio" id="<%= name+'-'+i %>">
 7 |         <input class="sr-only" name="<%= name %>" type="radio" value="<%= radio %>"<% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>> <span class="radio-label"><%= radio %></span>
 8 |       </label><% }); %>
 9 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
10 |   </div>
11 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/fuelux/radios.html:
--------------------------------------------------------------------------------
 1 | <!-- Fuel UX Radios http://getfuelux.com/javascript.html#radio -->
 2 | <div class="form-group">
 3 |   <label for="<%= name %>" class="control-label<% if(horizontal) { %> col-sm-2<% } %>"><%= label %></label>
 4 |   <div class="<% if(horizontal) {%> col-sm-10<% } %><% if(required) {%> required<% } %>">
 5 |     <% _.each(radios, function(radio, i){ %><div class="radio">
 6 |       <label class="radio-custom<% if(isDisabled) {%> disabled<% } %>" data-initialize="radio" id="<%= name+'-'+i %>">
 7 |         <input class="sr-only" name="<%= name %>" type="radio" value="<%= radio %>"<% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>>
 8 |         <span class="radio-label"><%= radio %></span>
 9 |       </label>
10 |     </div><% }); %>
11 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
12 |   </div>
13 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/fuelux/search.html:
--------------------------------------------------------------------------------
 1 | <!-- Input With Search http://getfuelux.com/javascript.html#search-->
 2 | <div class="form-group<% if(horizontal && inputsize.length > 0) {%> form-group-<%= inputsize %><% } %>">
 3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>Input"><%= label %></label>
 4 |   <% if(horizontal) {%><div class="col-sm-10"><% } %>
 5 |     <div class="search input-group<% if(inputsize.length > 0) {%> input-group-<%= inputsize %><% } %>" data-initialize="search" role="search" id="<%= id %>">
 6 |       <% if(placement=="appended") { %><input id="<%= id %>Input" name="<%= id %>Input" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>" type="search"<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>/><% } %>
 7 |       <span class="input-group-btn">
 8 |         <button class="btn btn-default<% if(inputsize.length > 0) {%> btn-<%= inputsize %><% } %>" type="button"<% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>>
 9 |           <span class="glyphicon glyphicon-search"></span>
10 |           <span class="sr-only">Search</span>
11 |         </button>
12 |       </span>
13 |       <% if(placement=="prepended") { %><input id="<%= id %>Input" name="<%= id %>Input" class="form-control<% if(!horizontal && inputsize.length > 0) {%> input-<%= inputsize %><% } %>" placeholder="<%= placeholder %>" type="search"<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>/><% } %>
14 |     </div>
15 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
16 |   <% if(horizontal) {%></div><% } %>
17 | </div>
18 | 


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/fuelux/selectlist.html:
--------------------------------------------------------------------------------
 1 | <!-- Fuel UX Select http://getfuelux.com/javascript.html#selectlist -->
 2 | <div class="form-group">
 3 |   <label class="control-label<% if(horizontal) { %> col-sm-2<% } %>" for="<%= id %>"><%= label %></label>
 4 |   <div class="controls <%= buttonalign %><% if(horizontal) {%> col-sm-10<% } %>">
 5 |     <div class="btn-group selectlist" data-initialize="selectlist" data-resize="auto" id="<%= id %>">
 6 |       <button class="btn btn-default dropdown-toggle<% if(inputsize.length > 0) {%> <%= inputsize %><% } %>" data-toggle="dropdown" type="button"<% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>>
 7 |         <span class="selected-label">&nbsp;</span>
 8 |         <span class="caret"></span>
 9 |         <span class="sr-only">Toggle Dropdown</span>
10 |       </button>
11 |       <ul class="dropdown-menu" role="menu"><% _.each(options, function(option) { %>
12 |         <li data-value="<%= option %>"><a href="#"><%= option %></a></li><% }); %>
13 |       </ul>
14 |       <input class="hidden hidden-field" name="<%= id %>" readonly="readonly" aria-hidden="true" type="text"/>
15 |     </div>
16 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
17 |   </div>
18 | </div>


--------------------------------------------------------------------------------
/lib/fuelux/templates/underscore/fuelux/spinbox.html:
--------------------------------------------------------------------------------
 1 | <!-- Spinbox http://getfuelux.com/javascript.html#spinbox -->
 2 | <div class="form-group">
 3 |   <label for="<%= id %>" class="control-label<% if(horizontal) { %> col-sm-2<% } %>"><%= label %></label>
 4 |   <div<% if(horizontal) {%> class="col-sm-10"<% } %>>
 5 |     <div class="spinbox" data-initialize="spinbox" id="<%= id %>">
 6 |       <input id="<%= id %>Input" type="text" class="form-control input-mini spinbox-input" value="<%= placeholder %>" <% if(required) {%> required <% } %><% if(readonly) {%> readonly <% } %><% if(isDisabled) {%> disabled <% } %>>
 7 |       <div class="spinbox-buttons btn-group btn-group-vertical">
 8 |         <button type="button" class="btn btn-default spinbox-up btn-xs"<% if(isDisabled) {%> disabled<% } %>>
 9 |           <span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
10 |         </button>
11 |         <button type="button" class="btn btn-default spinbox-down btn-xs"<% if(isDisabled) {%> disabled<% } %>>
12 |           <span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
13 |         </button>
14 |       </div>
15 |     </div>
16 |     <% if (helptext.length > 0) { %><p class="help-block"><%= helptext %></p><% } %>
17 |   </div>
18 | </div>


--------------------------------------------------------------------------------
/lib/gcode-viewer/ui.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 |     AUTHOR:  John Lauer
 4 |     -- Significant UI changes by AUTHOR: Peter van der Walt
 5 | 
 6 | */
 7 | 
 8 | 
 9 | function createObject(gcode) {
10 |   if (typeof(object) != 'undefined') {
11 |         scene.remove(object);
12 |     }
13 | 
14 | 	//Create the object
15 | 	createObjectFromGCode(gcode);
16 | //  object =  drawobject();
17 | 
18 | 	//object.translateX(laserxmax /2 * -1);
19 | 	//object.translateY(laserymax /2 * -1);
20 | 
21 |     //scene.add(object);
22 | 		//console.log('[VIEWER] - added Object');
23 | 	}
24 | 
25 | function openGCodeFromText() {
26 | 	$('#renderprogressholder .progress-bar').width(0);
27 | 	//console.log('Starting Gcode Render');
28 | 	var startTime = Date.now();
29 | 	var gcode = $('#gcodepreview').val();
30 | 	//if (document.hasFocus()) {
31 | 	createObject(gcode);
32 |         //console.log('adding object with existing focus');
33 |   //  } else {
34 |         // wait for focus, then render
35 |         //console.log('waiting for focus');
36 | 	//$(window).bind('focus', function(event) {
37 | 	//    createObject(gcode);
38 |   //          //console.log('focus exists');
39 |   //          // unbind for next object load
40 |           //  $(this).unbind(event);
41 |   //      });
42 |   //  }
43 | 	console.timeEnd("Process 3D View");
44 | 	var currentTime = Date.now();
45 | 	var elapsed = (currentTime - startTime);
46 | 
47 |   printLog('3D Render completed in '+elapsed, successcolor)
48 | 
49 | 	// Pretty Gcode Viewer
50 | 	//$("#gcodelinestbody").empty();
51 | 
52 |   // rest of gcodelinestbody is written by the doChunk on gcode-parser
53 | 
54 | }
55 | 


--------------------------------------------------------------------------------
/lib/jnumpad/.gitattributes:
--------------------------------------------------------------------------------
 1 | # Auto detect text files and perform LF normalization
 2 | * text=auto
 3 | 
 4 | # Custom for Visual Studio
 5 | *.cs     diff=csharp
 6 | 
 7 | # Standard to msysgit
 8 | *.doc	 diff=astextplain
 9 | *.DOC	 diff=astextplain
10 | *.docx diff=astextplain
11 | *.DOCX diff=astextplain
12 | *.dot  diff=astextplain
13 | *.DOT  diff=astextplain
14 | *.pdf  diff=astextplain
15 | *.PDF	 diff=astextplain
16 | *.rtf	 diff=astextplain
17 | *.RTF	 diff=astextplain
18 | 


--------------------------------------------------------------------------------
/lib/jnumpad/.gitignore:
--------------------------------------------------------------------------------
 1 | # Windows image file caches
 2 | Thumbs.db
 3 | ehthumbs.db
 4 | 
 5 | # Folder config file
 6 | Desktop.ini
 7 | 
 8 | # Recycle Bin used on file shares
 9 | $RECYCLE.BIN/
10 | 
11 | # Windows Installer files
12 | *.cab
13 | *.msi
14 | *.msm
15 | *.msp
16 | 
17 | # Windows shortcuts
18 | *.lnk
19 | 
20 | # =========================
21 | # Operating System Files
22 | # =========================
23 | 
24 | # OSX
25 | # =========================
26 | 
27 | .DS_Store
28 | .AppleDouble
29 | .LSOverride
30 | 
31 | # Thumbnails
32 | ._*
33 | 
34 | # Files that might appear on external disk
35 | .Spotlight-V100
36 | .Trashes
37 | 
38 | # Directories potentially created on remote AFP share
39 | .AppleDB
40 | .AppleDesktop
41 | Network Trash Folder
42 | Temporary Items
43 | .apdisk
44 | 
45 | # Eclipse files and directories
46 | .project
47 | .settings
48 | 
49 | # npm files
50 | npm-debug.log
51 | 


--------------------------------------------------------------------------------
/lib/jnumpad/HISTORY.md:
--------------------------------------------------------------------------------
 1 | ### v1.4
 2 | 	* Added possibility to open and close the numpad programmatically: <code>$(selector).numpad('open')</code> and <code>$(selector).numpad('close')</code> 
 3 | 
 4 | ### v1.3.1
 5 |    	* Registered the plugin in the npm repository.
 6 | 
 7 | ### v1.3
 8 |    	* Added support for negative numbers and an appropriate button.
 9 | 	* Added support for fractions and a corresponding decimal button.
10 | 	* Removed the plus and minus button to save space.
11 | 	* Fixed changing multiple elements at the same time when the numpad is used for a collection (e.g. table column).
12 | 
13 | ### v1.2.1
14 |     * Fixed maxlength parameter for the numpad display. Additionally it is now inherited from the original input field (target).
15 | 
16 | ### v1.2
17 |     * Added <code>onChange</code> callback and corresponding <code>numpad.change</code> event triggered every time the user changes the value displayed on the keypad.
18 | 	* Pressing done now triggers a change event on the target input - just like regular keyboard typing would do 
19 | 	
20 | ### v1.1
21 |     * Added <code>onKeypadOpen</code> and <code>onKeypadClose</code> callbacks and corresponding <code>numpad.open</code> and <code>numpad.close</code> events
22 | 
23 | ### v1.0.1
24 |     * Added support for Bootstrap
25 |     * Added Bootstrap demo
26 | 
27 | ### v1.0
28 |     * Initial Releas


--------------------------------------------------------------------------------
/lib/jnumpad/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2014-2015 almasaeed2010
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/lib/jnumpad/README.md:
--------------------------------------------------------------------------------
 1 | # jQuery.NumPad
 2 | Flexible touch-optimized numeric keypad for web applications based on jQuery. One of the best things about jQuery.NumPad is that it can easily fit into most UI frameworks using jQuery by merely setting a few templates! The numeric keypad can be used to fill inputs, password fields, general div-elements or entire table columns.
 3 | 
 4 | ## Demos
 5 | - With jQuery mobile: [http://a.kabachnik.info/numeric-keypad-for-jquerymobile.html](http://a.kabachnik.info/numeric-keypad-for-jquerymobile.html)
 6 | - With Bootstrap: [http://a.kabachnik.info/jquery-numpad.html](http://a.kabachnik.info/jquery-numpad.html)
 7 | - Stand alone: coming soon!
 8 | 
 9 | ## Documentation
10 | [http://a.kabachnik.info/jquery-numpad.html](http://a.kabachnik.info/jquery-numpad.html)
11 | 
12 | ## Quick start
13 | 
14 | 1) Include the plugin and the CSS in your header
15 | 
16 | ```html
17 | <link rel="stylesheet" href="path_to_numpad_folder/jquery.numpad.css">
18 | <script type="text/javascript" src="path_to_numpad_folder/jquery.numpad.js"></script>
19 | ```
20 | 
21 | 2) Initialize numpads for every element you want to toggle a numeric keypad
22 | 
23 | ```javascript
24 | function($){
25 | 	$('selector1').numpad();
26 | }
27 | ```
28 | 
29 | ## TODOs & Known bugs
30 | - Fix conflicts with the locale based number formatting on input fields with type="number".
31 | - Add position options to place the keypad above or aside the target element
32 | - Make a simple calculator
33 | 
34 | ## License
35 | jQuery.NumPad is an open source project by [Andrej Kabachnik](http://a.kabachnik.info), that is licensed under [MIT](http://opensource.org/licenses/MIT). If you like the plugin an wish to support further development, you can show your appriciation by a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=B2Y3Y6E45FDBU">donation</a>. Even small donations are a great support!
36 | 


--------------------------------------------------------------------------------
/lib/jnumpad/demos/bootstrap/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 | 	<meta charset="utf-8">
  5 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  6 | 	<title>jQuery.NumPad - numeric keypad for jQuery Mobile (Demo)</title>
  7 | 		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  8 | 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  9 | 		<!-- Bootstrap -->
 10 | 		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
 11 | 		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
 12 | 		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 13 | 		<!-- jQuery.NumPad -->
 14 | 		<script src="../../jquery.numpad.js"></script>
 15 | 		<link rel="stylesheet" href="../../jquery.numpad.css">
 16 | 		<script type="text/javascript">
 17 | 			// Set NumPad defaults for jQuery mobile. 
 18 | 			// These defaults will be applied to all NumPads within this document!
 19 | 			$.fn.numpad.defaults.gridTpl = '<table class="table modal-content"></table>';
 20 | 			$.fn.numpad.defaults.backgroundTpl = '<div class="modal-backdrop in"></div>';
 21 | 			$.fn.numpad.defaults.displayTpl = '<input type="text" class="form-control" />';
 22 | 			$.fn.numpad.defaults.buttonNumberTpl =  '<button type="button" class="btn btn-default"></button>';
 23 | 			$.fn.numpad.defaults.buttonFunctionTpl = '<button type="button" class="btn" style="width: 100%;"></button>';
 24 | 			$.fn.numpad.defaults.onKeypadCreate = function(){$(this).find('.done').addClass('btn-primary');};
 25 | 			
 26 | 			// Instantiate NumPad once the page is ready to be shown
 27 | 			$(document).ready(function(){
 28 | 				$('#text-basic').numpad();
 29 | 				$('#password').numpad({
 30 | 					displayTpl: '<input class="form-control" type="password" />',
 31 | 					hidePlusMinusButton: true,
 32 | 					hideDecimalButton: true	
 33 | 				});
 34 | 				$('#numpadButton-btn').numpad({
 35 | 					target: $('#numpadButton')
 36 | 				});
 37 | 				$('#numpad4div').numpad();
 38 | 				$('#numpad4column .qtyInput').numpad();
 39 | 				
 40 | 				$('#numpad4column tr').on('click', function(e){
 41 | 					$(this).find('.qtyInput').numpad('open');
 42 | 				});
 43 | 			});
 44 | 		</script>
 45 | 		<style type="text/css">
 46 | 			.nmpd-grid {border: none; padding: 20px;}
 47 | 			.nmpd-grid>tbody>tr>td {border: none;}
 48 | 			
 49 | 			/* Some custom styling for Bootstrap */
 50 | 			.qtyInput {display: block;
 51 | 			  width: 100%;
 52 | 			  padding: 6px 12px;
 53 | 			  color: #555;
 54 | 			  background-color: white;
 55 | 			  border: 1px solid #ccc;
 56 | 			  border-radius: 4px;
 57 | 			  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 58 | 			  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 59 | 			  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 60 | 			  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 61 | 			  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 62 | 			}
 63 | 		</style>
 64 | 	</head>
 65 | 	<body>
 66 | 		<h1>jQuery.NumPad demo for Boostrap</h1>
 67 | 		<div class="well well-lg">jQuery.NumPad is a touch optimized on-screen numeric keypad, which can be used within any web UIs based on jQuery. This page shows how the NumPad can be integrated with bootstrap. It is fully compatible with bootstrap themes! See the full <a href="http://a.kabachnik.info/jquery-numpad.html">docs</a> for more information.</div>
 68 | 		<h2>Simple forms</h2>
 69 | 		<form>
 70 | 			<div class="form-group">
 71 | 				<label for="text-basic">Simple numeric input</label>
 72 | 				<input type="number" class="form-control" id="text-basic" placeholder="Enter a number">
 73 | 			</div>
 74 | 			<div class="form-group">
 75 | 				<label for="password">Pin code</label>
 76 | 				<input type="password" class="form-control" id="password" placeholder="Pin code">
 77 | 			</div>
 78 | 			<label for="numpadButton">Separate numpad button + maxlength=4 + input validation</label>
 79 | 			<div class="input-group">
 80 | 				<input type="text" id="numpadButton" class="form-control" placeholder="Enter a number" aria-describedby="numpadButton-btn" maxlength="4" onchange="alert('Value changed to ' + $(this).val());">
 81 | 				<span class="input-group-btn">
 82 | 					<button class="btn btn-default" id="numpadButton-btn" type="button"><i class="glyphicon glyphicon-th"></i></button>
 83 | 				</span>
 84 | 			</div>
 85 | 		</form>
 86 | 		<h2>Table</h2>
 87 | 		<p>Click on a row to open the numpad for the editable cell programmatically</p>
 88 | 		<table id="numpad4column" class="table">
 89 | 			<thead>
 90 | 				<tr>
 91 | 					<th>Product</th>
 92 | 					<th>Price</th>
 93 | 					<th>Quantity</th>
 94 | 				</tr>
 95 | 			</thead>
 96 | 			<tbody>
 97 | 				<tr>
 98 | 					<td>XXL Keyboard</td>
 99 | 					<td>29,95</td>
100 | 					<td class="qtyInput">1</td>
101 | 				</tr>
102 | 				<tr>
103 | 					<td>XXL Mouse</td>
104 | 					<td>19,95</td>
105 | 					<td class="qtyInput">1</td>
106 | 				</tr>
107 | 				<tr>
108 | 					<td>DVD-RW</td>
109 | 					<td>1,95</td>
110 | 					<td class="qtyInput">20</td>
111 | 				</tr>
112 | 			</tbody>
113 | 		 </table>
114 | 	</body>
115 | </html>
116 | 


--------------------------------------------------------------------------------
/lib/jnumpad/demos/jquerymobile/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 | 	<meta charset="utf-8">
  5 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
  6 | 	<title>jQuery.NumPad - numeric keypad for jQuery Mobile (Demo)</title>
  7 | 		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  8 | 		<link rel="stylesheet" href="../../jquery.numpad.css">
  9 | 		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
 10 | 		<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 11 | 		<script src="../../jquery.numpad.js"></script>
 12 | 		<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
 13 | 		<script type="text/javascript">
 14 | 			// Set NumPad defaults for jQuery mobile. 
 15 | 			// These defaults will be applied to all NumPads within this document!
 16 | 			$.fn.numpad.defaults.gridTpl = '<table class="ui-bar-a"></table>';
 17 | 			$.fn.numpad.defaults.backgroundTpl = '<div class="ui-popup-screen ui-overlay-a"></div>';
 18 | 			$.fn.numpad.defaults.displayTpl = '<input data-theme="b" type="text" />';
 19 | 			$.fn.numpad.defaults.buttonNumberTpl =  '<a data-role="button" data-theme="b"></a>';
 20 | 			$.fn.numpad.defaults.buttonFunctionTpl = '<a data-role="button" data-theme="a"></a>';
 21 | 			$.fn.numpad.defaults.onKeypadCreate = function(){$(this).enhanceWithin();};
 22 | 			
 23 | 			// Instantiate NumPad once the page is ready to be shown
 24 | 			$(document).on('pageshow', function(){
 25 | 				$('#text-basic').numpad();
 26 | 				$('#password').numpad({
 27 | 					displayTpl: '<input data-theme="b" type="password" />',
 28 | 					hidePlusMinusButton: true,
 29 | 					hideDecimalButton: true
 30 | 				});
 31 | 				$('#numpadButton-btn').numpad({
 32 | 					target: $('#numpadButton'),
 33 | 				});
 34 | 				$('#numpad4div').numpad();
 35 | 				$('#numpad4column .qtyInput').numpad();
 36 | 			});
 37 | 		</script>
 38 | 		<style type="text/css">
 39 | 			.controlgroup-textinput{
 40 | 				padding-top: .22em;
 41 | 				padding-bottom: .22em;
 42 | 			}
 43 | 		</style>
 44 | 	</head>
 45 | 	<body>
 46 | 	<div data-role="page" class="jqm-demos" data-quicklinks="true">
 47 | 
 48 | 		<div data-role="header" class="jqm-header">
 49 | 			<h2>Numeric keypad for jQuery mobile</h2>
 50 | 		</div><!-- /header -->
 51 | 
 52 |     <div role="main" class="ui-content jqm-content">
 53 |     	<div class="ui-body ui-body-a ui-corner-all">
 54 |           <p>jQuery.NumPad is a touch optimized on-screen numeric keypad, which can be used within any web UIs based on jQuery. This page shows how the NumPad can be integrated with jQuery mobile. It is even compatible with ThemeRoller!</p>
 55 |       	</div>
 56 | 		<h2>Numeric keypads for input fields</h2>
 57 |         <div data-demo-html="true">
 58 |              <label for="text-basic">Simple input (click to toggle numpad)</label>
 59 |              <input type="text" name="text-basic" id="text-basic" value="1">
 60 |         </div><!-- /demo-html -->
 61 |         
 62 |         <div data-demo-html="true">
 63 |              <label for="password">Password input for PIN codes (click to toggle numpad - note, that sensitive data is hidden at all times!)</label>
 64 |              <input type="password" name="password" id="password" value="">
 65 |         </div><!-- /demo-html -->
 66 | 
 67 |         <div>
 68 | 			<label for="numpadButton">Input with extra numpad button (the input is directly editable, while the button shows the NumPad). Additionally this one has a maxlength="4" and an onChange event handler.</label>
 69 | 			<div data-role="controlgroup" data-type="horizontal">
 70 | 				<input type="text" id="numpadButton" data-wrapper-class="controlgroup-textinput ui-btn" value="2" maxlength="4" onchange="alert('Value changed to ' + $(this).val());">
 71 | 				<button id="numpadButton-btn" class="ui-btn ui-icon-grid ui-btn-icon-notext ui-alt-icon ui-nodisc-icon">&nbsp;</button>
 72 | 			</div>
 73 |         </div><!-- /demo-html -->
 74 | 		<h2>Numeric keypad for a div element</h2>
 75 | 		<div data-demo-html="true">
 76 |              <div id="numpad4div">3</div>
 77 |         </div><!-- /demo-html -->
 78 | 		<h2>Numeric keypad for table column</h2>
 79 | 		<p>Click on a cell of the quantity column to get a numeric keypad for editing the quantity.</p>
 80 | 		<div data-demo-html="true">
 81 |              <table id="numpad4column" data-role="table" class="ui-responsive">
 82 | 				<thead>
 83 | 					<tr>
 84 | 						<th>Product</th>
 85 | 						<th>Price</th>
 86 | 						<th>Quantity</th>
 87 | 					</tr>
 88 | 				</thead>
 89 | 				<tbody>
 90 | 					<tr>
 91 | 						<td>XXL Keyboard</td>
 92 | 						<td>29,95</td>
 93 | 						<td class="qtyInput">1</td>
 94 | 					</tr>
 95 | 					<tr>
 96 | 						<td>XXL Mouse</td>
 97 | 						<td>19,95</td>
 98 | 						<td class="qtyInput">1</td>
 99 | 					</tr>
100 | 					<tr>
101 | 						<td>DVD-RW</td>
102 | 						<td>1,95</td>
103 | 						<td class="qtyInput">20</td>
104 | 					</tr>
105 | 				</tbody>
106 | 			 </table>
107 |         </div><!-- /demo-html -->
108 | 	</div>
109 | 
110 | 
111 | </div><!-- /page -->
112 | 
113 | </body>
114 | </html>
115 | 


--------------------------------------------------------------------------------
/lib/jnumpad/jquery.numpad.css:
--------------------------------------------------------------------------------
1 | .nmpd-wrapper {display: none;}
2 | .nmpd-target {cursor: pointer;}
3 | .nmpd-grid {position:absolute; left:50px; top:50px; z-index:5000; -khtml-user-select: none; border-radius:6px; padding:10px; width: initial;}
4 | .nmpd-overlay {z-index:4999;}
5 | input.nmpd-display {text-align: right;}
6 | 


--------------------------------------------------------------------------------
/lib/jnumpad/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "jquery.numpad",
 3 |   "version": "1.3.2",
 4 |   "description": "Touch-optimized numeric on-screen keypad for jQuery",
 5 |   "main": "jquery.numpad.js",
 6 |   "repository": {
 7 |     "type": "git",
 8 |     "url": "https://github.com/kabachello/jQuery.NumPad"
 9 |   },
10 |   "keywords": [
11 |     "jquery-plugin",
12 |     "ecosystem:jquery",
13 |     "keyboard",
14 |     "keypad",
15 |     "numeric",
16 |     "input"
17 |   ],
18 |   "author": "Andrej Kabachnik",
19 |   "license": "MIT",
20 |   "bugs": {
21 |     "url": "https://github.com/kabachello/jQuery.NumPad/issues"
22 |   },
23 |   "homepage": "http://a.kabachnik.info/jquery-numpad.html"
24 | }
25 | 


--------------------------------------------------------------------------------
/lib/jquery/images/paypal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/paypal.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_diagonals-thick_18_b81900_40x40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_diagonals-thick_18_b81900_40x40.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_diagonals-thick_20_666666_40x40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_diagonals-thick_20_666666_40x40.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_flat_10_000000_40x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_flat_10_000000_40x100.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_glass_100_f6f6f6_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_glass_100_f6f6f6_1x400.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_glass_100_fdf5ce_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_glass_100_fdf5ce_1x400.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_glass_65_ffffff_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_glass_65_ffffff_1x400.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_gloss-wave_35_f6a828_500x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_gloss-wave_35_f6a828_500x100.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_highlight-soft_100_eeeeee_1x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_highlight-soft_100_eeeeee_1x100.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-bg_highlight-soft_75_ffe45c_1x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-bg_highlight-soft_75_ffe45c_1x100.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-icons_222222_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-icons_222222_256x240.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-icons_228ef1_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-icons_228ef1_256x240.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-icons_ef8c08_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-icons_ef8c08_256x240.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-icons_ffd27a_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-icons_ffd27a_256x240.png


--------------------------------------------------------------------------------
/lib/jquery/images/ui-icons_ffffff_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/lib/jquery/images/ui-icons_ffffff_256x240.png


--------------------------------------------------------------------------------
/lib/jquery/jquery.ui.touch-punch.min.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * jQuery UI Touch Punch 0.2.3
 3 |  *
 4 |  * Copyright 2011–2014, Dave Furfero
 5 |  * Dual licensed under the MIT or GPL Version 2 licenses.
 6 |  *
 7 |  * Depends:
 8 |  *  jquery.ui.widget.js
 9 |  *  jquery.ui.mouse.js
10 |  */
11 | !function(a){function f(a,b){if(!(a.originalEvent.touches.length>1)){a.preventDefault();var c=a.originalEvent.changedTouches[0],d=document.createEvent("MouseEvents");d.initMouseEvent(b,!0,!0,window,1,c.screenX,c.screenY,c.clientX,c.clientY,!1,!1,!1,!1,0,null),a.target.dispatchEvent(d)}}if(a.support.touch="ontouchend"in document,a.support.touch){var e,b=a.ui.mouse.prototype,c=b._mouseInit,d=b._mouseDestroy;b._touchStart=function(a){var b=this;!e&&b._mouseCapture(a.originalEvent.changedTouches[0])&&(e=!0,b._touchMoved=!1,f(a,"mouseover"),f(a,"mousemove"),f(a,"mousedown"))},b._touchMove=function(a){e&&(this._touchMoved=!0,f(a,"mousemove"))},b._touchEnd=function(a){e&&(f(a,"mouseup"),f(a,"mouseout"),this._touchMoved||f(a,"click"),e=!1)},b._mouseInit=function(){var b=this;b.element.bind({touchstart:a.proxy(b,"_touchStart"),touchmove:a.proxy(b,"_touchMove"),touchend:a.proxy(b,"_touchEnd")}),c.call(b)},b._mouseDestroy=function(){var b=this;b.element.unbind({touchstart:a.proxy(b,"_touchStart"),touchmove:a.proxy(b,"_touchMove"),touchend:a.proxy(b,"_touchEnd")}),d.call(b)}}}(jQuery);


--------------------------------------------------------------------------------
/lib/jquery/mindmup-editabletable.js:
--------------------------------------------------------------------------------
  1 | /*global $, window*/
  2 | $.fn.editableTableWidget = function (options) {
  3 | 	'use strict';
  4 | 	return $(this).each(function () {
  5 | 		var buildDefaultOptions = function () {
  6 | 				var opts = $.extend({}, $.fn.editableTableWidget.defaultOptions);
  7 | 				opts.editor = opts.editor.clone();
  8 | 				return opts;
  9 | 			},
 10 | 			activeOptions = $.extend(buildDefaultOptions(), options),
 11 | 			ARROW_LEFT = 37, ARROW_UP = 38, ARROW_RIGHT = 39, ARROW_DOWN = 40, ENTER = 13, ESC = 27, TAB = 9,
 12 | 			element = $(this),
 13 | 			editor = activeOptions.editor.css('position', 'absolute').hide().appendTo(element.parent()),
 14 | 			active,
 15 | 			showEditor = function (select) {
 16 | 				active = element.find('td:focus');
 17 | 				if (active.length) {
 18 | 
 19 | 					if ($.inArray(active.index() + 1, activeOptions.preventColumns) != -1) {
 20 | 						active.blur();
 21 | 						return;
 22 | 					}
 23 | 
 24 | 					editor.val(active.text())
 25 | 						.removeClass('error')
 26 | 						.show()
 27 | 						.offset(active.offset())
 28 | 						.css(active.css(activeOptions.cloneProperties))
 29 | 						.width(active.width())
 30 | 						.height(active.height())
 31 | 						.focus();
 32 | 					if (select) {
 33 | 						editor.select();
 34 | 					}
 35 | 				}
 36 | 			},
 37 | 			setActiveText = function () {
 38 | 				var text = editor.val(),
 39 | 					evt = $.Event('change'),
 40 | 					originalContent;
 41 | 				if (active.text() === text || editor.hasClass('error')) {
 42 | 					return true;
 43 | 				}
 44 | 				originalContent = active.html();
 45 | 				active.text(text).trigger(evt, text);
 46 | 				if (evt.result === false) {
 47 | 					active.html(originalContent);
 48 | 				}
 49 | 			},
 50 | 			movement = function (element, keycode) {
 51 | 				if (keycode === ARROW_RIGHT) {
 52 | 					return element.next('td');
 53 | 				} else if (keycode === ARROW_LEFT) {
 54 | 					return element.prev('td');
 55 | 				} else if (keycode === ARROW_UP) {
 56 | 					return element.parent().prev().children().eq(element.index());
 57 | 				} else if (keycode === ARROW_DOWN) {
 58 | 					return element.parent().next().children().eq(element.index());
 59 | 				}
 60 | 				return [];
 61 | 			};
 62 | 		editor.blur(function () {
 63 | 			setActiveText();
 64 | 			editor.hide();
 65 | 		}).keydown(function (e) {
 66 | 			if (e.which === ENTER) {
 67 | 				setActiveText();
 68 | 				editor.hide();
 69 | 				active.focus();
 70 | 				e.preventDefault();
 71 | 				e.stopPropagation();
 72 | 			} else if (e.which === ESC) {
 73 | 				editor.val(active.text());
 74 | 				e.preventDefault();
 75 | 				e.stopPropagation();
 76 | 				editor.hide();
 77 | 				active.focus();
 78 | 			} else if (e.which === TAB) {
 79 | 				active.focus();
 80 | 			} else if (this.selectionEnd - this.selectionStart === this.value.length) {
 81 | 				var possibleMove = movement(active, e.which);
 82 | 				if (possibleMove.length > 0) {
 83 | 					possibleMove.focus();
 84 | 					e.preventDefault();
 85 | 					e.stopPropagation();
 86 | 				}
 87 | 			}
 88 | 		})
 89 | 		.on('input paste', function () {
 90 | 			var evt = $.Event('validate');
 91 | 			active.trigger(evt, editor.val());
 92 | 			if (evt.result === false) {
 93 | 				editor.addClass('error');
 94 | 			} else {
 95 | 				editor.removeClass('error');
 96 | 			}
 97 | 		});
 98 | 		element.on('click keypress dblclick', showEditor)
 99 | 		.css('cursor', 'pointer')
100 | 		.keydown(function (e) {
101 | 			var prevent = true,
102 | 				possibleMove = movement($(e.target), e.which);
103 | 			if (possibleMove.length > 0) {
104 | 				possibleMove.focus();
105 | 			} else if (e.which === ENTER) {
106 | 				showEditor(false);
107 | 			} else if (e.which === 17 || e.which === 91 || e.which === 93) {
108 | 				showEditor(true);
109 | 				prevent = false;
110 | 			} else {
111 | 				prevent = false;
112 | 			}
113 | 			if (prevent) {
114 | 				e.stopPropagation();
115 | 				e.preventDefault();
116 | 			}
117 | 		});
118 | 
119 | 		element.find('td').prop('tabindex', 1);
120 | 
121 | 		$(window).on('resize', function () {
122 | 			if (editor.is(':visible')) {
123 | 				editor.offset(active.offset())
124 | 				.width(active.width())
125 | 				.height(active.height());
126 | 			}
127 | 		});
128 | 	});
129 | 
130 | };
131 | $.fn.editableTableWidget.defaultOptions = {
132 | 	cloneProperties: ['padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right',
133 | 					  'text-align', 'font', 'font-size', 'font-family', 'font-weight',
134 | 					  'border', 'border-top', 'border-bottom', 'border-left', 'border-right'],
135 | 	editor: $('<input>')
136 | };
137 | 


--------------------------------------------------------------------------------
/lib/nprogress/nprogress.css:
--------------------------------------------------------------------------------
 1 | /* Make clicks pass-through */
 2 | #nprogress {
 3 |   pointer-events: none;
 4 | }
 5 | 
 6 | #nprogress .bar {
 7 |   background: #29d;
 8 | 
 9 |   position: fixed;
10 |   z-index: 1031;
11 |   top: 0;
12 |   left: 0;
13 | 
14 |   width: 100%;
15 |   height: 4px;
16 | }
17 | 
18 | /* Fancy blur effect */
19 | #nprogress .peg {
20 |   display: block;
21 |   position: absolute;
22 |   right: 0px;
23 |   width: 100px;
24 |   height: 100%;
25 |   box-shadow: 0 0 10px #29d, 0 0 5px #29d;
26 |   opacity: 1.0;
27 | 
28 |   -webkit-transform: rotate(3deg) translate(0px, -4px);
29 |       -ms-transform: rotate(3deg) translate(0px, -4px);
30 |           transform: rotate(3deg) translate(0px, -4px);
31 | }
32 | 
33 | /* Remove these to get rid of the spinner */
34 | #nprogress .spinner {
35 |   display: block;
36 |   position: fixed;
37 |   z-index: 1031;
38 |   top: 15px;
39 |   right: 15px;
40 | }
41 | 
42 | #nprogress .spinner-icon {
43 |   width: 18px;
44 |   height: 18px;
45 |   box-sizing: border-box;
46 | 
47 |   border: solid 2px transparent;
48 |   border-top-color: #29d;
49 |   border-left-color: #29d;
50 |   border-radius: 50%;
51 | 
52 |   -webkit-animation: nprogress-spinner 400ms linear infinite;
53 |           animation: nprogress-spinner 400ms linear infinite;
54 | }
55 | 
56 | .nprogress-custom-parent {
57 |   overflow: hidden;
58 |   position: relative;
59 | }
60 | 
61 | .nprogress-custom-parent #nprogress .spinner,
62 | .nprogress-custom-parent #nprogress .bar {
63 |   position: absolute;
64 | }
65 | 
66 | @-webkit-keyframes nprogress-spinner {
67 |   0%   { -webkit-transform: rotate(0deg); }
68 |   100% { -webkit-transform: rotate(360deg); }
69 | }
70 | @keyframes nprogress-spinner {
71 |   0%   { transform: rotate(0deg); }
72 |   100% { transform: rotate(360deg); }
73 | }
74 | 


--------------------------------------------------------------------------------
/lib/slacer/mesh.js:
--------------------------------------------------------------------------------
 1 | // namespace
 2 | var SLAcer = SLAcer || {};
 3 | 
 4 | ;(function() {
 5 | 
 6 |     // Constructor
 7 |     function Mesh(geometry, material) {
 8 |         // normalize geometry
 9 |         if (geometry instanceof THREE.BufferGeometry) {
10 |             geometry = new THREE.Geometry().fromBufferGeometry(geometry);
11 |         }
12 | 
13 |         // center geometry
14 |         geometry.center();
15 | 
16 |         // bounding box min coords
17 |         //var min = geometry.boundingBox.min;
18 | 
19 |         // set geometry origin to [0, 0]
20 |         //geometry.translate(-min.x, -min.y, -min.z);
21 | 
22 |         // call parent constructor
23 |         THREE.Mesh.call(this, geometry, material || new THREE.MeshNormalMaterial());
24 | 
25 |         // get geometry volume
26 |         this.getVolume();
27 |     }
28 | 
29 |     // extends
30 |     Mesh.prototype = Object.create(THREE.Mesh.prototype);
31 |     Mesh.prototype.constructor = Mesh;
32 | 
33 |     // -------------------------------------------------------------------------
34 | 
35 |     Mesh.prototype.getSize = function() {
36 |         return this.geometry.boundingBox.size();
37 |     };
38 | 
39 |     // http://stackoverflow.com/questions/23279521
40 |     Mesh.prototype.getVolume = function(update) {
41 |         if (! update && this.userData.volume !== undefined) {
42 |             return this.userData.volume;
43 |         }
44 | 
45 |         var volume   = 0;
46 |         var faces    = this.geometry.faces;
47 |         var vertices = this.geometry.vertices;
48 | 
49 |         var face, v1, v2, v3;
50 | 
51 |         for (var i = 0; i < faces.length; i++) {
52 |             face = faces[i];
53 | 
54 |             v1 = vertices[face.a];
55 |             v2 = vertices[face.b];
56 |             v3 = vertices[face.c];
57 | 
58 |             volume += (
59 |                 -(v3.x * v2.y * v1.z)
60 |                 +(v2.x * v3.y * v1.z)
61 |                 +(v3.x * v1.y * v2.z)
62 |                 -(v1.x * v3.y * v2.z)
63 |                 -(v2.x * v1.y * v3.z)
64 |                 +(v1.x * v2.y * v3.z)
65 |             ) / 6;
66 |         }
67 | 
68 |         return (this.userData.volume = volume);
69 |     };
70 | 
71 |     // -------------------------------------------------------------------------
72 | 
73 |     // export module
74 |     SLAcer.Mesh = Mesh;
75 | 
76 | })();
77 | 


--------------------------------------------------------------------------------
/lib/slacer/stl.js:
--------------------------------------------------------------------------------
  1 | // Written by Sebastien Mischler https://github.com/lautr3k/SLAcer.js/tree/master/js/slacer`
  2 | 
  3 | // namespace
  4 | var MeshesJS = MeshesJS || {};
  5 | var stl;
  6 | var mesh;
  7 | var stlxsize, stlysize, stlzsize;
  8 | ;(function() {
  9 | 
 10 | 
 11 | 
 12 |     // Constructor
 13 |     function STLLoader() {}
 14 | 
 15 |     STLLoader.prototype.ColorLuminance = function(hex, lum) {
 16 | 
 17 |     	// validate hex string
 18 |     	hex = String(hex).replace(/[^0-9a-f]/gi, '');
 19 |     	if (hex.length < 6) {
 20 |     		hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2];
 21 |     	}
 22 |     	lum = lum || 0;
 23 | 
 24 |     	// convert to decimal and change luminosity
 25 |     	var rgb = "#", c, i;
 26 |     	for (i = 0; i < 3; i++) {
 27 |     		c = parseInt(hex.substr(i*2,2), 16);
 28 |     		c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16);
 29 |     		rgb += ("00"+c).substr(c.length);
 30 |     	}
 31 | 
 32 |     	return rgb;
 33 |     };
 34 | 
 35 |     // methods
 36 |     STLLoader.prototype.onGeometry = function(geometry, number, mainScope, fileInfo) {
 37 |         console.log("Geometry dropped STL no: ", number);
 38 |         console.log ("geometry:  ", geometry);
 39 |         var self = this;
 40 | 
 41 |         console.log ("self inside onGeometry:  ", self);
 42 | 
 43 |         //render here,
 44 | 
 45 |         stl = new THREE.Group();
 46 |         var material = new THREE.MeshPhongMaterial( {ambient: 0xffffff, color: 0xff5533, specular: 0x111111, shininess: 200 } );  //taken from slotted disk example of STLLoader.  Bright orange!  Gets your attention!
 47 | 
 48 |         //var colorrandom = '#' + Math.floor(Math.random()*16777215).toString(16);
 49 |         var colorrandom = '#ff5533'
 50 |         //var material = new THREE.MeshPhongMaterial( { color: colorrandom, specular: 0x111111, shininess: 60 } );  //taken from slotted disk example of STLLoader.  Bright orange!  Gets your attention!
 51 |         //var material = new THREE.MeshBasicMaterial({color: colorrandom});
 52 | 
 53 |         //return three mesh here
 54 |         mesh = new THREE.Mesh( geometry, material );    //THIS MESH
 55 |         stl.add(mesh);
 56 |         console.log ("mesh:  ", mesh);
 57 |         slicer.loadMesh(mesh);
 58 | 
 59 |         var bbox = new THREE.BoundingBoxHelper(mesh, boxColor);
 60 |         bbox.update();
 61 |         //stl.add(bbox);
 62 |         //object.add(stl);
 63 | 
 64 |         // Calculate position
 65 |         console.log('Object no: ', number, ' Min: ', bbox.box.min);
 66 |         console.log('Object no: ', number, ' Max: ', bbox.box.max);
 67 | 
 68 |         // Put object on Z=0
 69 |         mesh.translateX(bbox.box.min.x * -1)
 70 |         bbox.translateX(bbox.box.min.x * -1)
 71 | 
 72 |         mesh.translateY(bbox.box.min.y * -1)
 73 |         bbox.translateY(bbox.box.min.y * -1)
 74 | 
 75 |         mesh.translateZ(bbox.box.min.z * -1)
 76 |         bbox.translateZ(bbox.box.min.z * -1)
 77 | 
 78 |         mesh.translateX(- laserxmax / 2)
 79 |         bbox.translateX(- laserxmax / 2)
 80 | 
 81 |         mesh.translateY(- laserymax / 2)
 82 |         bbox.translateY(- laserymax / 2)
 83 | 
 84 |         stlxsize = (bbox.box.max.x - bbox.box.min.x);
 85 |         stlysize = (bbox.box.max.y - bbox.box.min.y);
 86 |         stlzsize = (bbox.box.max.z - bbox.box.min.z);
 87 | 
 88 | 
 89 | 
 90 | 
 91 |         //return Edge Helper
 92 |         var edgecolor = self.ColorLuminance(colorrandom, -0.05);	// -5% darker colorrandom
 93 |         var edges = new THREE.EdgesHelper(mesh, edgecolor);      //ray changed edges from black to soft grey color // peter changed to shades (;)   //ray wins
 94 |         stl.add(edges);
 95 | 
 96 |         var boxColor = self.ColorLuminance(colorrandom, 0.4); // 40% lighter colorrandom
 97 | 
 98 |         //console.log ("ray mainscope:  ", mainScope);      //Getting back the scope of the main widget (ie "this" inside cpdefine)
 99 | 
100 |         //chilipeppr.publish("/com-chilipeppr-widget-3dviewer/sceneadd", stl);
101 |         //chilipeppr.publish("/com-chilipeppr-widget-3dviewer/sceneadd", object);
102 | 
103 |         //mainScope.onGotNewStlFile(geometry, mesh, stl, fileInfo);
104 |         scene.add(stl);
105 |         showstl();
106 | 
107 |         viewExtents(stl)
108 |         $('#layers > tbody:last-child').append('<tr><td>STL</td><td>  <div class="input-group" style="margin-bottom:5px; width: 100%;"><input class="form-control" name=sp0 id=sp0 value=3200><span class="input-group-addon"  style="width: 30px;">mm/m</span><input class="form-control" name=pwr0 id=pwr0 value=100><span class="input-group-addon"  style="width: 30px;">%</span></div></td></tr>');
109 | 
110 |     };
111 |     STLLoader.prototype.onError = function(error) {};
112 | 
113 |     STLLoader.prototype.loadFile = function(file, number, mainScope) {
114 |         console.log("Inside STL.js loadFile");
115 |         console.log("Working with STL no: ", number);
116 |         // self alias
117 |         var self = this;
118 | 
119 |         var fileInfo = {
120 |             name: file.name,
121 |             size: file.size
122 |         };
123 | 
124 |         console.log ("name: ", file.name);
125 |         // file reader instance
126 |         var reader = new FileReader();
127 | 
128 |         // on file loaded
129 |         reader.onloadend = function(event) {
130 |             console.log("Inside STL.js loadFile:onLoadend");
131 |             // if error/abort
132 |             if (this.error) {
133 |                 self.onError(this.error);
134 |                 return;
135 |             }
136 | 
137 |             // Parse ASCII STL
138 |             if (typeof this.result === 'string' ) {
139 |                 console.log("Inside STL.js Found ASCII");
140 |                 self.loadString(this.result, number, mainScope, fileInfo);
141 |                 return;
142 |             }
143 | 
144 |             // buffer reader
145 |             var view = new DataView(this.result);
146 | 
147 |             // get faces number
148 |             try {
149 |                 var faces = view.getUint32(80, true);
150 |             }
151 |             catch(error) {
152 |                 self.onError(error);
153 |                 return;
154 |             }
155 | 
156 |             // is binary ?
157 |             var binary = view.byteLength == (80 + 4 + 50 * faces);
158 | 
159 |             if (! binary) {
160 |                 // get the file contents as string
161 |                 // (faster than convert array buffer)
162 |                 reader.readAsText(file);
163 |                 return;
164 |             }
165 | 
166 |             // parse binary STL
167 |             console.log("Inside STL.js Binary STL");
168 |             self.loadBinaryData(view, faces, number, mainScope, fileInfo);
169 |         };
170 | 
171 |         // start reading file as array buffer
172 |         reader.readAsArrayBuffer(file);
173 |     };
174 | 
175 |     STLLoader.prototype.loadString = function(data, number, mainScope, fileInfo) {
176 |         var length, normal, patternNormal, patternVertex, result, text;
177 |         var geometry = new THREE.Geometry();
178 |         var patternFace = /facet([\s\S]*?)endfacet/g;
179 | 
180 |         while((result = patternFace.exec(data)) !== null) {
181 |             text = result[0];
182 | 
183 |             patternNormal = /normal[\s]+([\-+]?[0-9]+\.?[0-9]*([eE][\-+]?[0-9]+)?)+[\s]+([\-+]?[0-9]*\.?[0-9]+([eE][\-+]?[0-9]+)?)+[\s]+([\-+]?[0-9]*\.?[0-9]+([eE][\-+]?[0-9]+)?)+/g;
184 |             patternVertex = /vertex[\s]+([\-+]?[0-9]+\.?[0-9]*([eE][\-+]?[0-9]+)?)+[\s]+([\-+]?[0-9]*\.?[0-9]+([eE][\-+]?[0-9]+)?)+[\s]+([\-+]?[0-9]*\.?[0-9]+([eE][\-+]?[0-9]+)?)+/g;
185 | 
186 |             while((result = patternNormal.exec(text)) !== null) {
187 |                 normal = new THREE.Vector3(
188 |                     parseFloat(result[1]),
189 |                     parseFloat(result[3]),
190 |                     parseFloat(result[5])
191 |                 );
192 |             }
193 | 
194 |             while((result = patternVertex.exec(text)) !== null) {
195 |                 geometry.vertices.push(new THREE.Vector3(
196 |                     parseFloat(result[1]),
197 |                     parseFloat(result[3]),
198 |                     parseFloat(result[5])
199 |                 ));
200 |             }
201 | 
202 |             length = geometry.vertices.length;
203 | 
204 |             geometry.faces.push(new THREE.Face3(length-3, length-2, length-1, normal));
205 |         }
206 | 
207 |         geometry.computeBoundingBox();
208 |         geometry.computeBoundingSphere();
209 | 
210 |         this.onGeometry(geometry, number, mainScope, fileInfo);
211 |     };
212 | 
213 |     STLLoader.prototype.loadBinaryData = function(view, faces, number, mainScope, fileInfo) {
214 |         console.log('Yay We are inside loadBinaryData:   Face:', faces, ', View: ', view, ' Number: ', number );
215 |         if (! view instanceof DataView) {
216 |             var view = new DataView(view);
217 |         }
218 | 
219 |         if (! faces) {
220 |             try {
221 |                 var faces = view.getUint32(80, true);
222 |             }
223 |             catch(error) {
224 |                 this.onError(error);
225 |                 return;
226 |             }
227 |         }
228 | 
229 |         var dataOffset = 84;
230 |         var faceLength = 12 * 4 + 2;
231 |         var offset = 0;
232 |         var geometry = new THREE.BufferGeometry();
233 | 
234 |         var vertices = new Float32Array( faces * 3 * 3 );
235 |         var normals = new Float32Array( faces * 3 * 3 );
236 | 
237 |         for ( var face = 0; face < faces; face ++ ) {
238 |             var start = dataOffset + face * faceLength;
239 |             var normalX = view.getFloat32( start, true );
240 |             var normalY = view.getFloat32( start + 4, true );
241 |             var normalZ = view.getFloat32( start + 8, true );
242 | 
243 |             for (var i = 1; i <= 3; i ++) {
244 |                 var vertexstart = start + i * 12;
245 | 
246 |                 normals[ offset ] = normalX;
247 |                 normals[ offset + 1 ] = normalY;
248 |                 normals[ offset + 2 ] = normalZ;
249 | 
250 |                 vertices[ offset ] = view.getFloat32( vertexstart, true );
251 |                 vertices[ offset + 1 ] = view.getFloat32( vertexstart + 4, true );
252 |                 vertices[ offset + 2 ] = view.getFloat32( vertexstart + 8, true );
253 | 
254 |                 offset += 3;
255 |             }
256 |         }
257 | 
258 |         geometry.addAttribute('position', new THREE.BufferAttribute(vertices, 3));
259 |         geometry.addAttribute('normal', new THREE.BufferAttribute(normals, 3));
260 | 
261 |         var geometry2 = new THREE.Geometry();
262 |         geometry2 = new THREE.Geometry().fromBufferGeometry(geometry);
263 |         geometry2.computeBoundingBox();
264 |         geometry2.computeBoundingSphere();
265 | 
266 |         this.onGeometry(geometry2, number, mainScope, fileInfo);
267 |     };
268 | 
269 |     // export module
270 |     MeshesJS.STLLoader = STLLoader;
271 | 
272 | })();
273 | 


--------------------------------------------------------------------------------
/lib/svgreader/svg.js:
--------------------------------------------------------------------------------
 1 | function svgInit() {
 2 |   $('#pullcolors').on('click', function() {
 3 |     $("#svglinestbody").empty();
 4 |     $('#svgnewway').show();
 5 |     $('#svgoldway').hide();
 6 |     var svg2 = $('#svgpreview').html();
 7 |     svgrows = pullcolors(svg2).unique();
 8 |     for (c = 0; c < svgrows.length; c++) {
 9 | 
10 |     };
11 |     //console.log(svgrows.length);
12 |     for (i = 0; i < svgrows.length; i++) {
13 |       var r = svgrows[i][0];
14 |       var g = svgrows[i][1];
15 |       var b = svgrows[i][2];
16 |       $('#svglinestable > tbody:last-child').append('<tr><td bgcolor="'+RGBToHex(r, g, b)+'"></td><td> <div class="input-group"><input style="text-align: right;" class ="form-control" name=svgf'+i+' id=sp'+i+' value=3200><span class="input-group-addon">mm/min</span></div><br><div class="input-group"><input style="text-align: right;" class=form-control name=svgpwr'+i+' id=pwr'+i+' value=100><span class="input-group-addon">%</span></div></td></tr>');
17 |     };
18 |     $('#processSVG').removeClass('disabled');
19 |   });
20 | }
21 | 
22 | // New SVG
23 | function processSVG() {
24 |   var s = '';
25 |   var svg = $('#svgpreview').html();
26 |   //console.log(svg);
27 |   
28 |   //console.log(svg);
29 |   //var svgfile = XMLS.serializeToString(svg);
30 |   SVGlaserRapid = $('#SVGrapidRate').val();
31 |   //SVGlaserScale = svgscale * ($('#SVGscaleval').val() / 100);
32 |   //SVGlaserFeed = $('#SVGfeedRate[i]').val();
33 |   //SVGlaserPwr = $('#SVGlaserPwr[i]').val();
34 |     for (i = 0; i < svgrows.length; i++) {
35 |       SVGlaserFeed = $('#sp'+i).val();
36 |       SVGlaserPwr = $('#pwr'+i).val();
37 |       parsecolor = svgrows[i];
38 |       console.log('Color to parse now: '+parsecolor);
39 |       s += svg2gcode(svg, {
40 |         feedRate: SVGlaserFeed,
41 |         seekRate: SVGlaserRapid,
42 |         bitWidth: 0.1,
43 |     //    scale: SVGlaserScale,
44 |         safeZ: 0.01,
45 |         laserpwr: SVGlaserPwr,
46 |         gcodePreamble: gcodePreamble,
47 |         gcodePostamble: gcodePostamble
48 |       })
49 |     };
50 |     document.getElementById("gcodepreview").value = s;
51 | };
52 | 


--------------------------------------------------------------------------------
/lib/svgreader/vec2.js:
--------------------------------------------------------------------------------
  1 | 
  2 | // ### Common / Math / Vec2
  3 | 
  4 | // A 2D column vector
  5 | function Vec2(x, y) {
  6 |   if (x) {
  7 |     this.x = x;
  8 |   }
  9 | 
 10 |   if (y) {
 11 |     this.y = y;
 12 |   }
 13 | };
 14 | 
 15 | Vec2.prototype = {
 16 |   x : 0,
 17 |   y : 0,
 18 | 
 19 |   // set x and y
 20 |   // TODO: mark as dirty for other calculations
 21 |   set : function(x, y) {
 22 |     this.x = x;
 23 |     this.y = y;
 24 |     return this;
 25 |   },
 26 | 
 27 |   // reset x and y to zero
 28 |   // TODO: mark as dirty for other calcs
 29 |   zero : function() {
 30 |     this.x = 0;
 31 |     this.y = 0;
 32 |     return this;
 33 |   },
 34 | 
 35 |   // negate the values of this vector and return a new Vec2
 36 |   negate : function(returnNew) {
 37 |     if (returnNew) {
 38 |       return new Vec2(-this.x, -this.y);
 39 |     } else {
 40 |       this.x = -this.x;
 41 |       this.y = -this.y;
 42 |       return this;
 43 |     }
 44 |   },
 45 | 
 46 |   // Add the incoming `vec2` vector to this vector
 47 |   // TODO: mark dirty for other calcs
 48 |   add : function(vec2, returnNew) {
 49 |     if (!returnNew) {
 50 |       this.x += vec2.x;
 51 |       this.y += vec2.y;
 52 |       return this;
 53 |     } else {
 54 |       // Return a new vector if `returnNew` is truthy
 55 |       return new Vec2(
 56 |         this.x + vec2.x,
 57 |         this.y + vec2.y
 58 |       );
 59 |     }
 60 |   },
 61 | 
 62 |   // Subtract the incoming `vec2` from this vector
 63 |   // TODO: mark dirty for other calcs
 64 |   subtract : function(vec2, returnNew) {
 65 |     if (!returnNew) {
 66 |       this.x -= vec2.x;
 67 |       this.y -= vec2.y;
 68 |       return this;
 69 |     } else {
 70 |       // Return a new vector if `returnNew` is truthy
 71 |       return new Vec2(
 72 |         this.x - vec2.x,
 73 |         this.y - vec2.y
 74 |       );
 75 |     }
 76 |   },
 77 | 
 78 |   // Multiply this vector by the incoming `vec2`
 79 |   // TODO: mark dirty for other calcs
 80 |   multiply : function(vec2, returnNew) {
 81 |     var x,y;
 82 |     if (vec2.x !== undef) {
 83 |       x = vec2.x;
 84 |       y = vec2.y;
 85 | 
 86 |     // Handle incoming scalars
 87 |     } else {
 88 |       x = y = vec2;
 89 |     }
 90 | 
 91 |     if (!returnNew) {
 92 |       this.x *= x;
 93 |       this.y *= y;
 94 |       return this;
 95 |     } else {
 96 |       return new Vec2(
 97 |         this.x * x,
 98 |         this.y * y
 99 |       );
100 |     }
101 |   },
102 | 
103 |   // Rotate this vector. Accepts a `Rotation` or angle in radians.
104 |   //
105 |   // Passing a truthy `inverse` will cause the rotation to
106 |   // be reversed.
107 |   //
108 |   // If `returnNew` is truthy, a new
109 |   // `Vec2` will be created with the values resulting from
110 |   // the rotation. Otherwise the rotation will be applied
111 |   // to this vector directly, and this vector will be returned.
112 |   rotate : function(r, inverse, returnNew) {
113 |     var
114 |     x = this.x,
115 |     y = this.y,
116 |     rx, cos, sin, ry;
117 | 
118 |     inverse = (inverse) ? -1 : 1;
119 | 
120 |     if (r.s !== undef) {
121 |       sin = r.s;
122 |       cos = r.c;
123 |     } else {
124 |       sin = Math.sin(r);
125 |       cos = Math.cos(r)
126 |     }
127 | 
128 |     var
129 |     x = this.x,
130 |     y = this.y,
131 |     rx = cos * x - (inverse * sin) * y,
132 |     ry = (inverse * sin) * x + cos * y;
133 | 
134 |     if (returnNew) {
135 |       return new Vec2(rx, ry);
136 |     } else {
137 |       this.set(rx, ry);
138 |       return this;
139 |     }
140 |   },
141 | 
142 |   // Calculate the length of this vector (the norm)
143 |   // TODO: used cached value if available
144 |   length : function() {
145 |     var x = this.x, y = this.y;
146 |     return Math.sqrt(x * x + y * y);
147 |   },
148 | 
149 |   // Get the length squared. For performance, use this instead of `Vec2#length` (if possible).
150 |   // TODO: use cached value if available
151 |   lengthSquared : function() {
152 |     var x = this.x, y = this.y;
153 |     return x * x + y * y;
154 |   },
155 | 
156 |   // Return the distance betwen this `Vec2` and the incoming vec2 vector
157 |   // and return a scalar
158 |   distance : function(vec2) {
159 |     // TODO: prime candidate for optimizations
160 |     return this.subtract(vec2, true).length();
161 |   },
162 | 
163 |   distanceSquared : function(vec2) {
164 |     var c = this.subtract(vec2, true);
165 |     return dot22(c, c);
166 |   },
167 | 
168 |   // Convert this vector into a unit vector.
169 |   // Returns the length.
170 |   normalize : function() {
171 |     var length = this.length();
172 | 
173 |     // Don't bother normalizing a vector with a length ~0
174 |     if (length < Number.MIN_VALUE) {
175 |       return 0;
176 |     }
177 | 
178 |     // Collect a ratio to shrink the x and y coords
179 |     var invertedLength = 1/length;
180 | 
181 |     // Convert the coords to be greater than zero
182 |     // but smaller than or equal to 1.0
183 |     this.x *= invertedLength;
184 |     this.y *= invertedLength;
185 | 
186 |     return length;
187 |   },
188 | 
189 |   // Determine if another `Vec2`'s components match this ones
190 |   equal : function(v, w) {
191 |     if (w === undef) {
192 |       return (
193 |         this.x === v.x &&
194 |         this.y == v.y
195 |       );
196 |     } else {
197 |       return (
198 |         this.x === v &&
199 |         this.y === w
200 |       )
201 |     }
202 |   },
203 | 
204 |   // Return a new `Vec2` that contains the absolute value of
205 |   // each of this vector's parts
206 |   abs : function() {
207 |     return new Vec2(
208 |       Math.abs(this.x),
209 |       Math.abs(this.y)
210 |     );
211 |   },
212 | 
213 |   // Return a new `Vec2` consisting of the smallest values
214 |   // from this vector and the incoming
215 |   //
216 |   // When returnNew is truthy, a new `Vec2` will be returned
217 |   // otherwise the minimum values in either this or `v` will
218 |   // be applied to this vector.
219 |   min : function(v, returnNew) {
220 |     var
221 |     tx = this.x,
222 |     ty = this.y,
223 |     vx = v.x,
224 |     vy = v.y,
225 |     x = tx < vx ? tx : vx,
226 |     y = ty < vy ? ty : vy;
227 | 
228 |     if (returnNew) {
229 |       return new Vec2(x, y);
230 |     } else {
231 |       this.x = x;
232 |       this.y = y;
233 |       return this;
234 |     }
235 |   },
236 | 
237 |   // Return a new `Vec2` consisting of the largest values
238 |   // from this vector and the incoming
239 |   //
240 |   // When returnNew is truthy, a new `Vec2` will be returned
241 |   // otherwise the minimum values in either this or `v` will
242 |   // be applied to this vector.
243 |   max : function(v, returnNew) {
244 |     var
245 |     tx = this.x,
246 |     ty = this.y,
247 |     vx = v.x,
248 |     vy = v.y,
249 |     x = tx > vx ? tx : vx,
250 |     y = ty > vy ? ty : vy;
251 | 
252 |     if (returnNew) {
253 |       return new Vec2(x, y);
254 |     } else {
255 |       this.x = x;
256 |       this.y = y;
257 |       return this;
258 |     }
259 |   },
260 | 
261 |   // Clamp values into a range.
262 |   // If this vector's values are lower than the `low`'s
263 |   // values, then raise them.  If they are higher than
264 |   // `high`'s then lower them.
265 |   //
266 |   // Passing returnNew as true will cause a new Vec2 to be
267 |   // returned.  Otherwise, this vector's values will be clamped
268 |   clamp : function(low, high, returnNew) {
269 |     var ret = this.min(high, true).max(low)
270 |     if (returnNew) {
271 |       return ret;
272 |     } else {
273 |       this.x = ret.x;
274 |       this.y = ret.y;
275 |       return this;
276 |     }
277 |   },
278 | 
279 |   // Ensure this vector contains finite values
280 |   isValid : function() {
281 |     return isFinite(this.x) && isFinite(this.y);
282 |   },
283 | 
284 |   // Get the skew vector such that dot(skew_vec, other) == cross(vec, other)
285 |   skew : function() {
286 |     // Returns a new vector.
287 |     return new Vec2(-this.y, this.x)
288 |   }
289 | };
290 | 


--------------------------------------------------------------------------------
/lib/threejs/GridRect.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * @author mrdoob / http://mrdoob.com/
 3 |  */
 4 | 
 5 | THREE.GridHelper = function ( sizeX, sizeY, step ) {
 6 | 
 7 | 	var geometry = new THREE.Geometry();
 8 | 	var material = new THREE.LineBasicMaterial( { vertexColors: THREE.VertexColors } );
 9 | 
10 | 	this.color1 = new THREE.Color( 0x444444 );
11 | 	this.color2 = new THREE.Color( 0x888888 );
12 | 
13 | 	for ( var i = - (sizeX / 2); i <= (sizeX / 2); i += step ) {
14 | 		geometry.vertices.push(
15 | 			new THREE.Vector3( i, ((sizeY / 2) * -1), 0 ), new THREE.Vector3( i, (sizeY / 2), 0 )
16 | 		);
17 | 		var color = i === 0 ? this.color1 : this.color2;
18 | 		geometry.colors.push( color, color, color, color );
19 | 	}
20 | 
21 | 	for ( var i = - (sizeY / 2); i <= (sizeY / 2); i += step ) {
22 | 		geometry.vertices.push(
23 | 			new THREE.Vector3( ((sizeX / 2) * -1), i, 0 ), new THREE.Vector3( (sizeX / 2 ), i, 0 )
24 | 
25 | 		);
26 | 		var color = i === 0 ? this.color1 : this.color2;
27 | 		geometry.colors.push( color, color, color, color );
28 | 	}
29 | 
30 | 	THREE.LineSegments.call( this, geometry, material );
31 | 
32 | };
33 | 
34 | THREE.GridHelper.prototype = Object.create( THREE.LineSegments.prototype );
35 | THREE.GridHelper.prototype.constructor = THREE.GridHelper;
36 | 
37 | THREE.GridHelper.prototype.setColors = function( colorCenterLine, colorGrid ) {
38 | 
39 | 	this.color1.set( colorCenterLine );
40 | 	this.color2.set( colorGrid );
41 | 
42 | 	this.geometry.colorsNeedUpdate = true;
43 | 
44 | };
45 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "laserweb2",
 3 |   "version": "1.0.0",
 4 |   "description": "Yup, its time to start working on its successor already!",
 5 |   "main": "index.html",
 6 |   "scripts": {
 7 |     "test": "mocha"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git+https://github.com/Cinezaster/LaserWeb2.git"
12 |   },
13 |   "author": "",
14 |   "license": "ISC",
15 |   "bugs": {
16 |     "url": "https://github.com/Cinezaster/LaserWeb2/issues"
17 |   },
18 |   "homepage": "https://github.com/Cinezaster/LaserWeb2#readme",
19 |   "devDependencies": {
20 |     "chai": "^3.5.0",
21 |     "mocha": "^2.4.5"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/test/grbl.js:
--------------------------------------------------------------------------------
 1 | var expect = require('chai').expect;
 2 | var Grbl = require('./../js/grbl.js');
 3 | var grbl = new Grbl();
 4 | 
 5 | describe('Grbl', function () {
 6 | 	it('should be a function', function () {
 7 | 		expect(Grbl).to.be.a('function');
 8 | 	})
 9 | })
10 | 
11 | describe('grbl = new Grbl()', function () {
12 | 	it('should be an object', function () {
13 | 		expect(grbl).to.be.a('object');
14 | 	})
15 | 	it('should initially not be initiated', function (){
16 | 		expect(grbl.initiated).to.equal(false);
17 | 	})
18 | 	describe('grbl should have functions', function () {
19 | 		it('should have a setVersion function', function () {
20 | 			expect(grbl.setVersion).to.be.a('function')
21 | 		})
22 | 		it('should have a setVersion function that sets the version and returns te version', function () {
23 | 			expect(grbl.setVersion('9.01')).to.equal('9.01');
24 | 			expect(grbl.version).to.equal('9.01');
25 | 		})
26 | 		it('should have a parseData function', function () {
27 | 			expect(grbl.parseData).to.be.a('function')
28 | 		})
29 | 		it('should have a parseData function that parses grbl messages', function () {
30 | 			expect(grbl.parseData('ok').messageType).to.equal('ok');
31 | 			expect(grbl.parseData('error:').messageType).to.equal('error');
32 | 			expect(grbl.parseData('$$ (view Grbl settings)').messageType).to.equal('control');
33 | 			expect(grbl.parseData('~ (cycle start)').messageType).to.equal('control');
34 | 			expect(grbl.parseData('$10=800 (description)').messageType).to.equal('setting');
35 | 			expect(grbl.parseData('Grbl 0.9g [\'$\' for help]').messageType).to.equal('feedbackMessage');
36 | 			expect(grbl.parseData('[\'$H\'|\'$X\' to unlock]').messageType).to.equal('feedbackMessage');
37 | 			expect(grbl.parseData('<Run,MPos:0.000,-4.338,0.000,WPos:10.000,-14.338,0.000,S:0,laser off:0>').messageType).to.equal('statusReport');
38 | 			expect(grbl.parseData('ALARM: Hard/soft limit').messageType).to.equal('alarm');
39 | 		})
40 | 		it('should have MPos, state, Wpos, S after a statusReport', function () {
41 | 			grbl.parseData('<Run,MPos:0.000,5.338,0.000,WPos:10.000,20.338,0.000,S:1000,laser off:0>')
42 | 
43 | 			expect(grbl.MPos).to.be.a('array');
44 | 			expect(grbl.MPos[1]).be.equal('5.338');
45 | 			expect(grbl.WPos).to.be.a('array');
46 | 			expect(grbl.WPos[0]).be.equal('10.000');
47 | 			expect(grbl.S).be.equal('1000');
48 | 		})
49 | 		it('should have settings after a settings message', function () {
50 | 			grbl.parseData('$12=1000 (description)')
51 | 
52 | 			expect(grbl.settings['$12']).to.be.a('object');
53 | 			expect(grbl.settings['$12'].value).to.equal('1000');
54 | 			expect(grbl.settings['$12'].description).to.equal('description');
55 | 
56 | 		})
57 | 	})
58 | })


--------------------------------------------------------------------------------
/wiki/images/arduino256.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/wiki/images/arduino256.PNG


--------------------------------------------------------------------------------
/wiki/images/hardwareserial.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LaserWeb/deprecated-LaserWeb2/ad62e1bd8c8af84aeea1ab5451fda32c7697c1f7/wiki/images/hardwareserial.PNG


--------------------------------------------------------------------------------