├── .babelrc ├── .eslintrc.js ├── .gitignore ├── LICENSE ├── README.md ├── bower.json ├── client.js ├── client └── client_app.js ├── package-lock.json ├── package.json ├── public ├── bootstrap │ ├── css │ │ ├── bootstrap-responsive.css │ │ ├── bootstrap-responsive.min.css │ │ ├── bootstrap.css │ │ └── bootstrap.min.css │ ├── img │ │ ├── glyphicons-halflings-white.png │ │ └── glyphicons-halflings.png │ └── js │ │ ├── bootstrap.js │ │ └── bootstrap.min.js ├── images │ ├── body_bg.jpg │ ├── progress-spinner.gif │ ├── progress-spinner2.gif │ └── spinner_24.gif ├── javascripts │ ├── Projector.js │ ├── Spinner.js │ ├── TinyTrackballControls.js │ ├── TrackballControls.js │ ├── ace.js │ ├── angular.js │ ├── jquery-2.2.4.js │ ├── jquery-ui.js │ ├── jquery.layout-latest.js │ ├── mode-coffee.js │ ├── mode-javascript.js │ ├── mode-python.js │ ├── theme-monokai.js │ ├── three.js │ └── worker-javascript.js └── stylesheets │ ├── jquery-ui.css │ ├── layout-default-latest.css │ └── style.css ├── routes ├── index.js ├── object.js └── user.js ├── shapeCatalog ├── PanWithLid.js ├── bigPart.js ├── bottle.js ├── legoBrick.js ├── legoscene.js ├── piston.js └── plate_with_holes.js ├── src ├── .eslintrc.js ├── app2.js ├── routes │ ├── index.js │ ├── object.js │ └── user.js └── views │ ├── index.ejs │ ├── sample.ejs │ └── viewer.ejs └── webpack.config.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "stage-2"] 3 | } 4 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | exports = { 2 | 3 | }; 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | bower_components 2 | node_modules 3 | .idea 4 | *.step 5 | uploads 6 | dist 7 | 8 | 9 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Etienne 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, 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, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![image](https://user-images.githubusercontent.com/6639874/46628899-c13e4400-cb47-11e8-8602-cb534f990852.png) 2 | 3 | # Install 4 | 5 | ``` 6 | npm install 7 | # manually install node-occ into node_modules, see https://github.com/ceremcem/node-occ#install 8 | ``` 9 | 10 | # Build & Run 11 | 12 | ``` 13 | npm start 14 | ``` 15 | 16 | Go to localhost:3000 and see the application. 17 | 18 | # Live Demo 19 | 20 | See https://aktos.io/webcad/ 21 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "node-occ-sample", 3 | "description": "node-occ sample web application", 4 | "main": "", 5 | "authors": [ 6 | "Etienne Rossignon " 7 | ], 8 | "license": "MIT", 9 | "homepage": "https://github.com/erossignon/node-occ", 10 | "private": true, 11 | "ignore": [ 12 | "**/.*", 13 | "node_modules", 14 | "bower_components", 15 | "test", 16 | "tests" 17 | ], 18 | "dependencies": { 19 | "ace": "^1.2.6", 20 | "bootstrap": "^3.3.7", 21 | "node-occ-threejs": "https://github.com/OpenWebCAD/node-occ-threejs.git" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /client.js: -------------------------------------------------------------------------------- 1 | 2 | var http = require('http'); 3 | 4 | var times = 50; 5 | 6 | while (times--) { 7 | var req = http.request({ 8 | port: 3000 9 | , method: 'POST' 10 | , headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 11 | }); 12 | 13 | req.on('response', function(res){ 14 | console.log(res.statusCode); 15 | }); 16 | 17 | var n = 500000; 18 | while (n--) { 19 | req.write('foo=bar&bar=baz&'); 20 | } 21 | 22 | req.write('foo=bar&bar=baz'); 23 | 24 | req.end(); 25 | } -------------------------------------------------------------------------------- /client/client_app.js: -------------------------------------------------------------------------------- 1 | const GeomView = require("node-occ-geomview").GeomView; 2 | /** 3 | * 4 | * 5 | */ 6 | 7 | function bytesToSize(bytes, precision) { 8 | var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']; 9 | var posttxt = 0; 10 | if (bytes == 0) return 'n/a'; 11 | if (bytes < 1024) { 12 | return Number(bytes) + " " + sizes[posttxt]; 13 | } 14 | while (bytes >= 1024) { 15 | posttxt++; 16 | bytes = bytes / 1024; 17 | } 18 | return bytes.toPrecision(precision) + " " + sizes[posttxt]; 19 | } 20 | 21 | function w(n,width) { 22 | return ("00"+n).substr(-width); 23 | } 24 | function toReadableDuration(duration) { 25 | var milliseconds = duration % 1000; 26 | var seconds = Math.floor(duration/1000)%60; 27 | var minutes = Math.floor(duration/1000/60); 28 | return "00:"+w(minutes,2,"0")+":"+w(seconds,2,"0")+"."+w(milliseconds,3); 29 | } 30 | var editor, myLayout; 31 | 32 | function installLayout() { 33 | // $('#container').layout({ applyDemoStyles: true }); 34 | myLayout = $('body').layout( 35 | { 36 | west__onresize: function (x, ui) { 37 | editor.resize(); 38 | }, 39 | center__onresize: function (x, ui) { 40 | // resize webgl view 41 | onWindowResize(); 42 | } 43 | } 44 | ); 45 | myLayout.sizePane("west", 400); 46 | } 47 | 48 | var view; 49 | 50 | $(document).ready(function () { 51 | "use strict"; 52 | 53 | installLayout(); 54 | 55 | installEditor(); 56 | 57 | installSpinnerOnAjaxCall(); 58 | 59 | 60 | var container = $("#graphical_view"); 61 | 62 | if (container.size() === 0) { 63 | throw Error("Cannot find graphical view div"); 64 | } 65 | view = new GeomView(container[0]); 66 | 67 | view.on("animate", function () { 68 | updateAJS(); 69 | }); 70 | 71 | $("#button").click(send_and_build_up_csg); 72 | 73 | $("#zoomAll").click(function () { 74 | view.zoomAll(); 75 | }); 76 | 77 | }); 78 | 79 | function onWindowResize(event) { 80 | view && view.resizeRenderer(); 81 | } 82 | 83 | 84 | function restoreUserSession() { 85 | var rawData = localStorage.getItem("myscript"); 86 | if (!rawData) return; 87 | var script = decodeURIComponent(rawData); 88 | if (script && script != "null") { 89 | editor.setValue(script); 90 | editor.gotoLine(1, 1, false); 91 | editor.clearSelection(); 92 | } 93 | } 94 | 95 | function saveUserSession() { 96 | const script = encodeURIComponent(editor.getValue()); 97 | if (script) { 98 | localStorage.setItem("myscript", script); 99 | } 100 | } 101 | 102 | function script_isValid() { 103 | 104 | const annotations = editor.getSession().getAnnotations(); 105 | if (Object.keys(annotations).length == 0) { 106 | return true; 107 | } else { 108 | console.log("qsdsq =", annotations.length); 109 | return false; 110 | } 111 | } 112 | 113 | function installACEEditor() { 114 | 115 | editor = ace.edit("editor"); 116 | 117 | 118 | editor.isModified = false; 119 | editor.setTheme("ace/theme/monokai"); 120 | editor.getSession().setMode("ace/mode/javascript"); 121 | //xx editor.getSession() 122 | editor.getSession().on('changeAnnotation', function () { 123 | if (script_isValid()) { 124 | if (editor.isModified) { 125 | $("#button").css('color', 'red'); 126 | } else { 127 | $("#button").css('color', 'black'); 128 | } 129 | } else { 130 | $("#button").css('color', 'black'); 131 | } 132 | }); 133 | editor.getSession().on('change', function (e) { 134 | editor.isModified = true; 135 | clearTimeout(delay); 136 | delay = setTimeout(function () { 137 | 138 | }, 400); 139 | // e.type, etc 140 | }); 141 | 142 | restoreUserSession(); 143 | 144 | updatePreview(); 145 | 146 | } 147 | 148 | function installEditor() { 149 | return installACEEditor(); 150 | } 151 | 152 | function updatePreview() { 153 | if (editor.isModified) { 154 | send_and_build_up_csg(); 155 | editor.isModified = false; 156 | $("#button").css('color', 'black'); 157 | } 158 | } 159 | 160 | 161 | var lastAjaxStart; 162 | var lastAjaxDuration; 163 | var delay; 164 | function handle_json_error(request, statusText, errorThrown) { 165 | 166 | "use strict"; 167 | console.log(request); 168 | lastAjaxDuration = new Date() - lastAjaxStart; 169 | $("#ascii_mesh").text(request.responseText + " duration : " + lastAjaxDuration + " ms"); 170 | 171 | } 172 | 173 | 174 | function install_json_mesh(json, size_in_byte) { 175 | 176 | "use strict"; 177 | 178 | view.clearAll(); 179 | view.updateShapeObject(json, function () { 180 | view.zoomAll(); 181 | }); 182 | 183 | 184 | // log 185 | json.logs.forEach(function (line) { 186 | var str = ""; 187 | for (var a in line) { 188 | str += line[a]; 189 | } 190 | $("#ascii_mesh").append("

" + str + "

"); 191 | }) 192 | 193 | } 194 | 195 | /** 196 | * In send_and_build_up_csg_method1 the construction script is passed to the 197 | * server as a text string. The provided script is executed by the server in a 198 | * sandbox to produce the corresponding mesh. 199 | */ 200 | function send_and_build_up_csg_method2() { 201 | 202 | "use strict"; 203 | 204 | var encoded_script = encodeURIComponent(editor.getValue()); 205 | 206 | 207 | lastAjaxStart = new Date(); 208 | 209 | saveUserSession(); 210 | var size_in_byte = 0; 211 | 212 | $("#ascii_mesh").text(""); 213 | 214 | 215 | var loaded = 0; 216 | var startTime = 0; 217 | var endTime = 0; 218 | var serverTime = 0; 219 | $.ajax({ 220 | url: "csg1", 221 | data: JSON.stringify({script: encoded_script}), 222 | type: "POST", 223 | contentType: "application/json", 224 | cache: false, 225 | dataType: "text", 226 | statusCode: { 227 | 404: function () { 228 | $("#response").html('Could not contact server.'); 229 | }, 230 | 500: function () { 231 | $("#response").html('A server-side error has occurred.'); 232 | } 233 | }, 234 | xhr: function () { 235 | var xhr = new window.XMLHttpRequest(); 236 | 237 | // http://www.dave-bond.com/blog/2010/01/JQuery-ajax-progress-HMTL5/ 238 | // http://www.w3.org/TR/XMLHttpRequest/#the-response-attribute 239 | xhr.addEventListener("loadstart", function (evt) { 240 | console.log(" load start"); 241 | startTime = new Date; // when the loading has started 242 | serverTime = startTime - lastAjaxStart; 243 | }, false); 244 | xhr.addEventListener("loadend", function (evt) { 245 | console.log(" load end"); 246 | console.log(" loading ", evt.loaded, " in ", (endTime - startTime ) / 1.0, " milliseconds"); 247 | }, false); 248 | 249 | xhr.addEventListener("progress", function on_progress(evt) { 250 | if (evt.lengthComputable) { 251 | var percentComplete = evt.loaded / evt.total; 252 | console.log(" percent complete : ", percentComplete); 253 | } 254 | console.log(" loaded = ", evt.loaded); 255 | loaded = evt.loaded; 256 | }, false); 257 | return xhr; 258 | }, 259 | success: function (response, statusText, jqXHR) { 260 | endTime = new Date; // when the loda is finished 261 | console.log("Success"); 262 | if (response) { 263 | size_in_byte = response.length; 264 | 265 | 266 | } 267 | }, 268 | error: handle_json_error 269 | }).done(function (json) { 270 | var t1 = new Date(); 271 | var obj = JSON.parse(json); 272 | var t2 = new Date(); 273 | install_json_mesh(obj); 274 | var t3 = new Date(); 275 | lastAjaxDuration = new Date() - lastAjaxStart; 276 | var str = ""; 277 | str+= " "; 278 | str+= " "; 279 | str+= " "; 280 | str+= " "; 281 | str+= " "; 282 | str+= " "; 283 | str+= "
size " + bytesToSize(size_in_byte, 3) + ".
server time " + toReadableDuration(serverTime) + "(time for server to compute the shape and start sending data)
loading time " + toReadableDuration(endTime - startTime) + "(time for data sent by server to join the client)
parsing duration" + toReadableDuration(t2 - t1) + ".
installation " + toReadableDuration(t3 - t2) + ".
duration " + toReadableDuration(lastAjaxDuration) + ".
"; 284 | $("#ascii_mesh").append(str); 285 | }); 286 | } 287 | 288 | /** 289 | * In send_and_build_up_csg_method1 the construction script is executed on the 290 | * javascript engine of the client browser to produce a JSON object that 291 | * contains the modeling instructions. The JSON data structure is sent to the 292 | * erver to produce the mesh of the corresponding solid 293 | */ 294 | function send_and_build_up_csg_method1() { 295 | "use strict"; 296 | var object; 297 | var err_txt = ""; 298 | $("#ascii_mesh").text(err_txt); 299 | try { 300 | 301 | // using simple text area 302 | // var code = $("#code").val(); 303 | // /var myCodeMirror = CodeMirror.fromTextArea( $("#code")[0]); 304 | var code = editor.getValue(); 305 | code = "var csg = new CSGTree();" + "var b__ = function() { " + code + "}; b__(); return csg; "; 306 | 307 | // interpret the script 308 | object = new Function(code)(); 309 | 310 | err_txt = ''; 311 | } catch (e) { 312 | err_txt = 'Error: ' + e.toString().replace(/&/g, '&').replace(//g, '>') + ''; 313 | $("#ascii_mesh").text(err_txt); 314 | return; 315 | } 316 | 317 | $.ajax({ 318 | url: "/csg", 319 | data: JSON.stringify(object), 320 | type: "POST", 321 | contentType: "application/json", 322 | cache: false, 323 | dataType: "json", 324 | error: handle_json_error 325 | }).done(function (json) { 326 | install_json_mesh(json); 327 | }); 328 | } 329 | 330 | 331 | function send_and_build_up_csg() { 332 | "use strict"; 333 | send_and_build_up_csg_method2(); 334 | } 335 | 336 | 337 | function SceneCtrl($scope) { 338 | "use strict"; 339 | 340 | $scope.getCamera =function() { 341 | return camera; 342 | }; 343 | 344 | $scope.COG = view.COG; // center of gravity 345 | //xx $scope.__defineGetter__("camera", function(){ 346 | 347 | //xx return camera; 348 | //xx }); 349 | $scope.camera1 = {}; 350 | $scope.camera1.position = {}; 351 | 352 | $scope.camera1.position.x = camera.position.x; 353 | $scope.camera1.position.y = camera.position.y; 354 | $scope.camera1.position.z = camera.position.z; 355 | 356 | } 357 | 358 | function updateAJS() { 359 | // get Angular scope from the known DOM element 360 | var e = document.getElementById('myAngularApp'); 361 | var scope = angular.element(e).scope(); 362 | 363 | SceneCtrl(scope); 364 | scope.$apply(); 365 | } 366 | 367 | 368 | var lastJQueryStart; 369 | 370 | function installSpinnerOnAjaxCall() { 371 | 372 | $('#loadingDiv') 373 | .hide() // hide it initially 374 | .ajaxStart(function () { 375 | $(this).show(); 376 | lastJQueryStart = new Date(); 377 | }) 378 | .ajaxStop(function () { 379 | $(this).hide(); 380 | lastAjaxDuration = new Date() - lastJQueryStart; 381 | }); 382 | } 383 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "node-occ-sample", 3 | "description": "node-occ sample web application", 4 | "version": "0.1.2", 5 | "private": false, 6 | "scripts": { 7 | "build": "node ./node_modules/webpack/bin/webpack.js", 8 | "start": "node ./node_modules/webpack/bin/webpack.js; node dist/app.js" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/openwebcad/node-occ-sample.git" 13 | }, 14 | "author": "Etienne Rossignon", 15 | "license": "MIT", 16 | "dependencies": { 17 | "body-parser": "^1.17.2", 18 | "compression": "^1.6.2", 19 | "connect-multiparty": "^2.0.0", 20 | "cookie-parser": "^1.4.3", 21 | "cors": "^2.8.3", 22 | "ejs": "*", 23 | "errorhandler": "^1.5.0", 24 | "express": "4.15.3", 25 | "express-session": "^1.15.3", 26 | "file-utils": "*", 27 | "formidable": "^1.1.1", 28 | "method-override": "^2.3.9", 29 | "moment": "^2.18.1", 30 | "morgan": "^1.8.2", 31 | "multer": "^1.3.0", 32 | "node-occ-csg-editor": "git+https://github.com/OpenWebCAD/node-occ-csg-editor.git#master", 33 | "node-occ-geomview": "git+https://github.com/OpenWebCAD/node-occ-geomview.git#master", 34 | "stack-trace": "*", 35 | "static-favicon": "^2.0.0-alpha" 36 | }, 37 | "devDependencies": { 38 | "babel-cli": "^6.24.1", 39 | "babel-eslint": "^7.2.3", 40 | "babel-preset-es2015": "^6.24.1", 41 | "babel-preset-stage-2": "^6.24.1", 42 | "copy-webpack-plugin": "^4.0.1", 43 | "eslint": "^3.19.0", 44 | "webpack": "^2.6.1", 45 | "webpack-node-externals": "^1.6.0" 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /public/bootstrap/css/bootstrap-responsive.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.2.2 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | @-ms-viewport { 12 | width: device-width; 13 | } 14 | 15 | .clearfix { 16 | *zoom: 1; 17 | } 18 | 19 | .clearfix:before, 20 | .clearfix:after { 21 | display: table; 22 | line-height: 0; 23 | content: ""; 24 | } 25 | 26 | .clearfix:after { 27 | clear: both; 28 | } 29 | 30 | .hide-text { 31 | font: 0/0 a; 32 | color: transparent; 33 | text-shadow: none; 34 | background-color: transparent; 35 | border: 0; 36 | } 37 | 38 | .input-block-level { 39 | display: block; 40 | width: 100%; 41 | min-height: 30px; 42 | -webkit-box-sizing: border-box; 43 | -moz-box-sizing: border-box; 44 | box-sizing: border-box; 45 | } 46 | 47 | .hidden { 48 | display: none; 49 | visibility: hidden; 50 | } 51 | 52 | .visible-phone { 53 | display: none !important; 54 | } 55 | 56 | .visible-tablet { 57 | display: none !important; 58 | } 59 | 60 | .hidden-desktop { 61 | display: none !important; 62 | } 63 | 64 | .visible-desktop { 65 | display: inherit !important; 66 | } 67 | 68 | @media (min-width: 768px) and (max-width: 979px) { 69 | .hidden-desktop { 70 | display: inherit !important; 71 | } 72 | .visible-desktop { 73 | display: none !important ; 74 | } 75 | .visible-tablet { 76 | display: inherit !important; 77 | } 78 | .hidden-tablet { 79 | display: none !important; 80 | } 81 | } 82 | 83 | @media (max-width: 767px) { 84 | .hidden-desktop { 85 | display: inherit !important; 86 | } 87 | .visible-desktop { 88 | display: none !important; 89 | } 90 | .visible-phone { 91 | display: inherit !important; 92 | } 93 | .hidden-phone { 94 | display: none !important; 95 | } 96 | } 97 | 98 | @media (min-width: 1200px) { 99 | .row { 100 | margin-left: -30px; 101 | *zoom: 1; 102 | } 103 | .row:before, 104 | .row:after { 105 | display: table; 106 | line-height: 0; 107 | content: ""; 108 | } 109 | .row:after { 110 | clear: both; 111 | } 112 | [class*="span"] { 113 | float: left; 114 | min-height: 1px; 115 | margin-left: 30px; 116 | } 117 | .container, 118 | .navbar-static-top .container, 119 | .navbar-fixed-top .container, 120 | .navbar-fixed-bottom .container { 121 | width: 1170px; 122 | } 123 | .span12 { 124 | width: 1170px; 125 | } 126 | .span11 { 127 | width: 1070px; 128 | } 129 | .span10 { 130 | width: 970px; 131 | } 132 | .span9 { 133 | width: 870px; 134 | } 135 | .span8 { 136 | width: 770px; 137 | } 138 | .span7 { 139 | width: 670px; 140 | } 141 | .span6 { 142 | width: 570px; 143 | } 144 | .span5 { 145 | width: 470px; 146 | } 147 | .span4 { 148 | width: 370px; 149 | } 150 | .span3 { 151 | width: 270px; 152 | } 153 | .span2 { 154 | width: 170px; 155 | } 156 | .span1 { 157 | width: 70px; 158 | } 159 | .offset12 { 160 | margin-left: 1230px; 161 | } 162 | .offset11 { 163 | margin-left: 1130px; 164 | } 165 | .offset10 { 166 | margin-left: 1030px; 167 | } 168 | .offset9 { 169 | margin-left: 930px; 170 | } 171 | .offset8 { 172 | margin-left: 830px; 173 | } 174 | .offset7 { 175 | margin-left: 730px; 176 | } 177 | .offset6 { 178 | margin-left: 630px; 179 | } 180 | .offset5 { 181 | margin-left: 530px; 182 | } 183 | .offset4 { 184 | margin-left: 430px; 185 | } 186 | .offset3 { 187 | margin-left: 330px; 188 | } 189 | .offset2 { 190 | margin-left: 230px; 191 | } 192 | .offset1 { 193 | margin-left: 130px; 194 | } 195 | .row-fluid { 196 | width: 100%; 197 | *zoom: 1; 198 | } 199 | .row-fluid:before, 200 | .row-fluid:after { 201 | display: table; 202 | line-height: 0; 203 | content: ""; 204 | } 205 | .row-fluid:after { 206 | clear: both; 207 | } 208 | .row-fluid [class*="span"] { 209 | display: block; 210 | float: left; 211 | width: 100%; 212 | min-height: 30px; 213 | margin-left: 2.564102564102564%; 214 | *margin-left: 2.5109110747408616%; 215 | -webkit-box-sizing: border-box; 216 | -moz-box-sizing: border-box; 217 | box-sizing: border-box; 218 | } 219 | .row-fluid [class*="span"]:first-child { 220 | margin-left: 0; 221 | } 222 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 223 | margin-left: 2.564102564102564%; 224 | } 225 | .row-fluid .span12 { 226 | width: 100%; 227 | *width: 99.94680851063829%; 228 | } 229 | .row-fluid .span11 { 230 | width: 91.45299145299145%; 231 | *width: 91.39979996362975%; 232 | } 233 | .row-fluid .span10 { 234 | width: 82.90598290598291%; 235 | *width: 82.8527914166212%; 236 | } 237 | .row-fluid .span9 { 238 | width: 74.35897435897436%; 239 | *width: 74.30578286961266%; 240 | } 241 | .row-fluid .span8 { 242 | width: 65.81196581196582%; 243 | *width: 65.75877432260411%; 244 | } 245 | .row-fluid .span7 { 246 | width: 57.26495726495726%; 247 | *width: 57.21176577559556%; 248 | } 249 | .row-fluid .span6 { 250 | width: 48.717948717948715%; 251 | *width: 48.664757228587014%; 252 | } 253 | .row-fluid .span5 { 254 | width: 40.17094017094017%; 255 | *width: 40.11774868157847%; 256 | } 257 | .row-fluid .span4 { 258 | width: 31.623931623931625%; 259 | *width: 31.570740134569924%; 260 | } 261 | .row-fluid .span3 { 262 | width: 23.076923076923077%; 263 | *width: 23.023731587561375%; 264 | } 265 | .row-fluid .span2 { 266 | width: 14.52991452991453%; 267 | *width: 14.476723040552828%; 268 | } 269 | .row-fluid .span1 { 270 | width: 5.982905982905983%; 271 | *width: 5.929714493544281%; 272 | } 273 | .row-fluid .offset12 { 274 | margin-left: 105.12820512820512%; 275 | *margin-left: 105.02182214948171%; 276 | } 277 | .row-fluid .offset12:first-child { 278 | margin-left: 102.56410256410257%; 279 | *margin-left: 102.45771958537915%; 280 | } 281 | .row-fluid .offset11 { 282 | margin-left: 96.58119658119658%; 283 | *margin-left: 96.47481360247316%; 284 | } 285 | .row-fluid .offset11:first-child { 286 | margin-left: 94.01709401709402%; 287 | *margin-left: 93.91071103837061%; 288 | } 289 | .row-fluid .offset10 { 290 | margin-left: 88.03418803418803%; 291 | *margin-left: 87.92780505546462%; 292 | } 293 | .row-fluid .offset10:first-child { 294 | margin-left: 85.47008547008548%; 295 | *margin-left: 85.36370249136206%; 296 | } 297 | .row-fluid .offset9 { 298 | margin-left: 79.48717948717949%; 299 | *margin-left: 79.38079650845607%; 300 | } 301 | .row-fluid .offset9:first-child { 302 | margin-left: 76.92307692307693%; 303 | *margin-left: 76.81669394435352%; 304 | } 305 | .row-fluid .offset8 { 306 | margin-left: 70.94017094017094%; 307 | *margin-left: 70.83378796144753%; 308 | } 309 | .row-fluid .offset8:first-child { 310 | margin-left: 68.37606837606839%; 311 | *margin-left: 68.26968539734497%; 312 | } 313 | .row-fluid .offset7 { 314 | margin-left: 62.393162393162385%; 315 | *margin-left: 62.28677941443899%; 316 | } 317 | .row-fluid .offset7:first-child { 318 | margin-left: 59.82905982905982%; 319 | *margin-left: 59.72267685033642%; 320 | } 321 | .row-fluid .offset6 { 322 | margin-left: 53.84615384615384%; 323 | *margin-left: 53.739770867430444%; 324 | } 325 | .row-fluid .offset6:first-child { 326 | margin-left: 51.28205128205128%; 327 | *margin-left: 51.175668303327875%; 328 | } 329 | .row-fluid .offset5 { 330 | margin-left: 45.299145299145295%; 331 | *margin-left: 45.1927623204219%; 332 | } 333 | .row-fluid .offset5:first-child { 334 | margin-left: 42.73504273504273%; 335 | *margin-left: 42.62865975631933%; 336 | } 337 | .row-fluid .offset4 { 338 | margin-left: 36.75213675213675%; 339 | *margin-left: 36.645753773413354%; 340 | } 341 | .row-fluid .offset4:first-child { 342 | margin-left: 34.18803418803419%; 343 | *margin-left: 34.081651209310785%; 344 | } 345 | .row-fluid .offset3 { 346 | margin-left: 28.205128205128204%; 347 | *margin-left: 28.0987452264048%; 348 | } 349 | .row-fluid .offset3:first-child { 350 | margin-left: 25.641025641025642%; 351 | *margin-left: 25.53464266230224%; 352 | } 353 | .row-fluid .offset2 { 354 | margin-left: 19.65811965811966%; 355 | *margin-left: 19.551736679396257%; 356 | } 357 | .row-fluid .offset2:first-child { 358 | margin-left: 17.094017094017094%; 359 | *margin-left: 16.98763411529369%; 360 | } 361 | .row-fluid .offset1 { 362 | margin-left: 11.11111111111111%; 363 | *margin-left: 11.004728132387708%; 364 | } 365 | .row-fluid .offset1:first-child { 366 | margin-left: 8.547008547008547%; 367 | *margin-left: 8.440625568285142%; 368 | } 369 | input, 370 | textarea, 371 | .uneditable-input { 372 | margin-left: 0; 373 | } 374 | .controls-row [class*="span"] + [class*="span"] { 375 | margin-left: 30px; 376 | } 377 | input.span12, 378 | textarea.span12, 379 | .uneditable-input.span12 { 380 | width: 1156px; 381 | } 382 | input.span11, 383 | textarea.span11, 384 | .uneditable-input.span11 { 385 | width: 1056px; 386 | } 387 | input.span10, 388 | textarea.span10, 389 | .uneditable-input.span10 { 390 | width: 956px; 391 | } 392 | input.span9, 393 | textarea.span9, 394 | .uneditable-input.span9 { 395 | width: 856px; 396 | } 397 | input.span8, 398 | textarea.span8, 399 | .uneditable-input.span8 { 400 | width: 756px; 401 | } 402 | input.span7, 403 | textarea.span7, 404 | .uneditable-input.span7 { 405 | width: 656px; 406 | } 407 | input.span6, 408 | textarea.span6, 409 | .uneditable-input.span6 { 410 | width: 556px; 411 | } 412 | input.span5, 413 | textarea.span5, 414 | .uneditable-input.span5 { 415 | width: 456px; 416 | } 417 | input.span4, 418 | textarea.span4, 419 | .uneditable-input.span4 { 420 | width: 356px; 421 | } 422 | input.span3, 423 | textarea.span3, 424 | .uneditable-input.span3 { 425 | width: 256px; 426 | } 427 | input.span2, 428 | textarea.span2, 429 | .uneditable-input.span2 { 430 | width: 156px; 431 | } 432 | input.span1, 433 | textarea.span1, 434 | .uneditable-input.span1 { 435 | width: 56px; 436 | } 437 | .thumbnails { 438 | margin-left: -30px; 439 | } 440 | .thumbnails > li { 441 | margin-left: 30px; 442 | } 443 | .row-fluid .thumbnails { 444 | margin-left: 0; 445 | } 446 | } 447 | 448 | @media (min-width: 768px) and (max-width: 979px) { 449 | .row { 450 | margin-left: -20px; 451 | *zoom: 1; 452 | } 453 | .row:before, 454 | .row:after { 455 | display: table; 456 | line-height: 0; 457 | content: ""; 458 | } 459 | .row:after { 460 | clear: both; 461 | } 462 | [class*="span"] { 463 | float: left; 464 | min-height: 1px; 465 | margin-left: 20px; 466 | } 467 | .container, 468 | .navbar-static-top .container, 469 | .navbar-fixed-top .container, 470 | .navbar-fixed-bottom .container { 471 | width: 724px; 472 | } 473 | .span12 { 474 | width: 724px; 475 | } 476 | .span11 { 477 | width: 662px; 478 | } 479 | .span10 { 480 | width: 600px; 481 | } 482 | .span9 { 483 | width: 538px; 484 | } 485 | .span8 { 486 | width: 476px; 487 | } 488 | .span7 { 489 | width: 414px; 490 | } 491 | .span6 { 492 | width: 352px; 493 | } 494 | .span5 { 495 | width: 290px; 496 | } 497 | .span4 { 498 | width: 228px; 499 | } 500 | .span3 { 501 | width: 166px; 502 | } 503 | .span2 { 504 | width: 104px; 505 | } 506 | .span1 { 507 | width: 42px; 508 | } 509 | .offset12 { 510 | margin-left: 764px; 511 | } 512 | .offset11 { 513 | margin-left: 702px; 514 | } 515 | .offset10 { 516 | margin-left: 640px; 517 | } 518 | .offset9 { 519 | margin-left: 578px; 520 | } 521 | .offset8 { 522 | margin-left: 516px; 523 | } 524 | .offset7 { 525 | margin-left: 454px; 526 | } 527 | .offset6 { 528 | margin-left: 392px; 529 | } 530 | .offset5 { 531 | margin-left: 330px; 532 | } 533 | .offset4 { 534 | margin-left: 268px; 535 | } 536 | .offset3 { 537 | margin-left: 206px; 538 | } 539 | .offset2 { 540 | margin-left: 144px; 541 | } 542 | .offset1 { 543 | margin-left: 82px; 544 | } 545 | .row-fluid { 546 | width: 100%; 547 | *zoom: 1; 548 | } 549 | .row-fluid:before, 550 | .row-fluid:after { 551 | display: table; 552 | line-height: 0; 553 | content: ""; 554 | } 555 | .row-fluid:after { 556 | clear: both; 557 | } 558 | .row-fluid [class*="span"] { 559 | display: block; 560 | float: left; 561 | width: 100%; 562 | min-height: 30px; 563 | margin-left: 2.7624309392265194%; 564 | *margin-left: 2.709239449864817%; 565 | -webkit-box-sizing: border-box; 566 | -moz-box-sizing: border-box; 567 | box-sizing: border-box; 568 | } 569 | .row-fluid [class*="span"]:first-child { 570 | margin-left: 0; 571 | } 572 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 573 | margin-left: 2.7624309392265194%; 574 | } 575 | .row-fluid .span12 { 576 | width: 100%; 577 | *width: 99.94680851063829%; 578 | } 579 | .row-fluid .span11 { 580 | width: 91.43646408839778%; 581 | *width: 91.38327259903608%; 582 | } 583 | .row-fluid .span10 { 584 | width: 82.87292817679558%; 585 | *width: 82.81973668743387%; 586 | } 587 | .row-fluid .span9 { 588 | width: 74.30939226519337%; 589 | *width: 74.25620077583166%; 590 | } 591 | .row-fluid .span8 { 592 | width: 65.74585635359117%; 593 | *width: 65.69266486422946%; 594 | } 595 | .row-fluid .span7 { 596 | width: 57.18232044198895%; 597 | *width: 57.12912895262725%; 598 | } 599 | .row-fluid .span6 { 600 | width: 48.61878453038674%; 601 | *width: 48.56559304102504%; 602 | } 603 | .row-fluid .span5 { 604 | width: 40.05524861878453%; 605 | *width: 40.00205712942283%; 606 | } 607 | .row-fluid .span4 { 608 | width: 31.491712707182323%; 609 | *width: 31.43852121782062%; 610 | } 611 | .row-fluid .span3 { 612 | width: 22.92817679558011%; 613 | *width: 22.87498530621841%; 614 | } 615 | .row-fluid .span2 { 616 | width: 14.3646408839779%; 617 | *width: 14.311449394616199%; 618 | } 619 | .row-fluid .span1 { 620 | width: 5.801104972375691%; 621 | *width: 5.747913483013988%; 622 | } 623 | .row-fluid .offset12 { 624 | margin-left: 105.52486187845304%; 625 | *margin-left: 105.41847889972962%; 626 | } 627 | .row-fluid .offset12:first-child { 628 | margin-left: 102.76243093922652%; 629 | *margin-left: 102.6560479605031%; 630 | } 631 | .row-fluid .offset11 { 632 | margin-left: 96.96132596685082%; 633 | *margin-left: 96.8549429881274%; 634 | } 635 | .row-fluid .offset11:first-child { 636 | margin-left: 94.1988950276243%; 637 | *margin-left: 94.09251204890089%; 638 | } 639 | .row-fluid .offset10 { 640 | margin-left: 88.39779005524862%; 641 | *margin-left: 88.2914070765252%; 642 | } 643 | .row-fluid .offset10:first-child { 644 | margin-left: 85.6353591160221%; 645 | *margin-left: 85.52897613729868%; 646 | } 647 | .row-fluid .offset9 { 648 | margin-left: 79.8342541436464%; 649 | *margin-left: 79.72787116492299%; 650 | } 651 | .row-fluid .offset9:first-child { 652 | margin-left: 77.07182320441989%; 653 | *margin-left: 76.96544022569647%; 654 | } 655 | .row-fluid .offset8 { 656 | margin-left: 71.2707182320442%; 657 | *margin-left: 71.16433525332079%; 658 | } 659 | .row-fluid .offset8:first-child { 660 | margin-left: 68.50828729281768%; 661 | *margin-left: 68.40190431409427%; 662 | } 663 | .row-fluid .offset7 { 664 | margin-left: 62.70718232044199%; 665 | *margin-left: 62.600799341718584%; 666 | } 667 | .row-fluid .offset7:first-child { 668 | margin-left: 59.94475138121547%; 669 | *margin-left: 59.838368402492065%; 670 | } 671 | .row-fluid .offset6 { 672 | margin-left: 54.14364640883978%; 673 | *margin-left: 54.037263430116376%; 674 | } 675 | .row-fluid .offset6:first-child { 676 | margin-left: 51.38121546961326%; 677 | *margin-left: 51.27483249088986%; 678 | } 679 | .row-fluid .offset5 { 680 | margin-left: 45.58011049723757%; 681 | *margin-left: 45.47372751851417%; 682 | } 683 | .row-fluid .offset5:first-child { 684 | margin-left: 42.81767955801105%; 685 | *margin-left: 42.71129657928765%; 686 | } 687 | .row-fluid .offset4 { 688 | margin-left: 37.01657458563536%; 689 | *margin-left: 36.91019160691196%; 690 | } 691 | .row-fluid .offset4:first-child { 692 | margin-left: 34.25414364640884%; 693 | *margin-left: 34.14776066768544%; 694 | } 695 | .row-fluid .offset3 { 696 | margin-left: 28.45303867403315%; 697 | *margin-left: 28.346655695309746%; 698 | } 699 | .row-fluid .offset3:first-child { 700 | margin-left: 25.69060773480663%; 701 | *margin-left: 25.584224756083227%; 702 | } 703 | .row-fluid .offset2 { 704 | margin-left: 19.88950276243094%; 705 | *margin-left: 19.783119783707537%; 706 | } 707 | .row-fluid .offset2:first-child { 708 | margin-left: 17.12707182320442%; 709 | *margin-left: 17.02068884448102%; 710 | } 711 | .row-fluid .offset1 { 712 | margin-left: 11.32596685082873%; 713 | *margin-left: 11.219583872105325%; 714 | } 715 | .row-fluid .offset1:first-child { 716 | margin-left: 8.56353591160221%; 717 | *margin-left: 8.457152932878806%; 718 | } 719 | input, 720 | textarea, 721 | .uneditable-input { 722 | margin-left: 0; 723 | } 724 | .controls-row [class*="span"] + [class*="span"] { 725 | margin-left: 20px; 726 | } 727 | input.span12, 728 | textarea.span12, 729 | .uneditable-input.span12 { 730 | width: 710px; 731 | } 732 | input.span11, 733 | textarea.span11, 734 | .uneditable-input.span11 { 735 | width: 648px; 736 | } 737 | input.span10, 738 | textarea.span10, 739 | .uneditable-input.span10 { 740 | width: 586px; 741 | } 742 | input.span9, 743 | textarea.span9, 744 | .uneditable-input.span9 { 745 | width: 524px; 746 | } 747 | input.span8, 748 | textarea.span8, 749 | .uneditable-input.span8 { 750 | width: 462px; 751 | } 752 | input.span7, 753 | textarea.span7, 754 | .uneditable-input.span7 { 755 | width: 400px; 756 | } 757 | input.span6, 758 | textarea.span6, 759 | .uneditable-input.span6 { 760 | width: 338px; 761 | } 762 | input.span5, 763 | textarea.span5, 764 | .uneditable-input.span5 { 765 | width: 276px; 766 | } 767 | input.span4, 768 | textarea.span4, 769 | .uneditable-input.span4 { 770 | width: 214px; 771 | } 772 | input.span3, 773 | textarea.span3, 774 | .uneditable-input.span3 { 775 | width: 152px; 776 | } 777 | input.span2, 778 | textarea.span2, 779 | .uneditable-input.span2 { 780 | width: 90px; 781 | } 782 | input.span1, 783 | textarea.span1, 784 | .uneditable-input.span1 { 785 | width: 28px; 786 | } 787 | } 788 | 789 | @media (max-width: 767px) { 790 | body { 791 | padding-right: 20px; 792 | padding-left: 20px; 793 | } 794 | .navbar-fixed-top, 795 | .navbar-fixed-bottom, 796 | .navbar-static-top { 797 | margin-right: -20px; 798 | margin-left: -20px; 799 | } 800 | .container-fluid { 801 | padding: 0; 802 | } 803 | .dl-horizontal dt { 804 | float: none; 805 | width: auto; 806 | clear: none; 807 | text-align: left; 808 | } 809 | .dl-horizontal dd { 810 | margin-left: 0; 811 | } 812 | .container { 813 | width: auto; 814 | } 815 | .row-fluid { 816 | width: 100%; 817 | } 818 | .row, 819 | .thumbnails { 820 | margin-left: 0; 821 | } 822 | .thumbnails > li { 823 | float: none; 824 | margin-left: 0; 825 | } 826 | [class*="span"], 827 | .uneditable-input[class*="span"], 828 | .row-fluid [class*="span"] { 829 | display: block; 830 | float: none; 831 | width: 100%; 832 | margin-left: 0; 833 | -webkit-box-sizing: border-box; 834 | -moz-box-sizing: border-box; 835 | box-sizing: border-box; 836 | } 837 | .span12, 838 | .row-fluid .span12 { 839 | width: 100%; 840 | -webkit-box-sizing: border-box; 841 | -moz-box-sizing: border-box; 842 | box-sizing: border-box; 843 | } 844 | .row-fluid [class*="offset"]:first-child { 845 | margin-left: 0; 846 | } 847 | .input-large, 848 | .input-xlarge, 849 | .input-xxlarge, 850 | input[class*="span"], 851 | select[class*="span"], 852 | textarea[class*="span"], 853 | .uneditable-input { 854 | display: block; 855 | width: 100%; 856 | min-height: 30px; 857 | -webkit-box-sizing: border-box; 858 | -moz-box-sizing: border-box; 859 | box-sizing: border-box; 860 | } 861 | .input-prepend input, 862 | .input-append input, 863 | .input-prepend input[class*="span"], 864 | .input-append input[class*="span"] { 865 | display: inline-block; 866 | width: auto; 867 | } 868 | .controls-row [class*="span"] + [class*="span"] { 869 | margin-left: 0; 870 | } 871 | .modal { 872 | position: fixed; 873 | top: 20px; 874 | right: 20px; 875 | left: 20px; 876 | width: auto; 877 | margin: 0; 878 | } 879 | .modal.fade { 880 | top: -100px; 881 | } 882 | .modal.fade.in { 883 | top: 20px; 884 | } 885 | } 886 | 887 | @media (max-width: 480px) { 888 | .nav-collapse { 889 | -webkit-transform: translate3d(0, 0, 0); 890 | } 891 | .page-header h1 small { 892 | display: block; 893 | line-height: 20px; 894 | } 895 | input[type="checkbox"], 896 | input[type="radio"] { 897 | border: 1px solid #ccc; 898 | } 899 | .form-horizontal .control-label { 900 | float: none; 901 | width: auto; 902 | padding-top: 0; 903 | text-align: left; 904 | } 905 | .form-horizontal .controls { 906 | margin-left: 0; 907 | } 908 | .form-horizontal .control-list { 909 | padding-top: 0; 910 | } 911 | .form-horizontal .form-actions { 912 | padding-right: 10px; 913 | padding-left: 10px; 914 | } 915 | .media .pull-left, 916 | .media .pull-right { 917 | display: block; 918 | float: none; 919 | margin-bottom: 10px; 920 | } 921 | .media-object { 922 | margin-right: 0; 923 | margin-left: 0; 924 | } 925 | .modal { 926 | top: 10px; 927 | right: 10px; 928 | left: 10px; 929 | } 930 | .modal-header .close { 931 | padding: 10px; 932 | margin: -10px; 933 | } 934 | .carousel-caption { 935 | position: static; 936 | } 937 | } 938 | 939 | @media (max-width: 979px) { 940 | body { 941 | padding-top: 0; 942 | } 943 | .navbar-fixed-top, 944 | .navbar-fixed-bottom { 945 | position: static; 946 | } 947 | .navbar-fixed-top { 948 | margin-bottom: 20px; 949 | } 950 | .navbar-fixed-bottom { 951 | margin-top: 20px; 952 | } 953 | .navbar-fixed-top .navbar-inner, 954 | .navbar-fixed-bottom .navbar-inner { 955 | padding: 5px; 956 | } 957 | .navbar .container { 958 | width: auto; 959 | padding: 0; 960 | } 961 | .navbar .brand { 962 | padding-right: 10px; 963 | padding-left: 10px; 964 | margin: 0 0 0 -5px; 965 | } 966 | .nav-collapse { 967 | clear: both; 968 | } 969 | .nav-collapse .nav { 970 | float: none; 971 | margin: 0 0 10px; 972 | } 973 | .nav-collapse .nav > li { 974 | float: none; 975 | } 976 | .nav-collapse .nav > li > a { 977 | margin-bottom: 2px; 978 | } 979 | .nav-collapse .nav > .divider-vertical { 980 | display: none; 981 | } 982 | .nav-collapse .nav .nav-header { 983 | color: #777777; 984 | text-shadow: none; 985 | } 986 | .nav-collapse .nav > li > a, 987 | .nav-collapse .dropdown-menu a { 988 | padding: 9px 15px; 989 | font-weight: bold; 990 | color: #777777; 991 | -webkit-border-radius: 3px; 992 | -moz-border-radius: 3px; 993 | border-radius: 3px; 994 | } 995 | .nav-collapse .btn { 996 | padding: 4px 10px 4px; 997 | font-weight: normal; 998 | -webkit-border-radius: 4px; 999 | -moz-border-radius: 4px; 1000 | border-radius: 4px; 1001 | } 1002 | .nav-collapse .dropdown-menu li + li a { 1003 | margin-bottom: 2px; 1004 | } 1005 | .nav-collapse .nav > li > a:hover, 1006 | .nav-collapse .dropdown-menu a:hover { 1007 | background-color: #f2f2f2; 1008 | } 1009 | .navbar-inverse .nav-collapse .nav > li > a, 1010 | .navbar-inverse .nav-collapse .dropdown-menu a { 1011 | color: #999999; 1012 | } 1013 | .navbar-inverse .nav-collapse .nav > li > a:hover, 1014 | .navbar-inverse .nav-collapse .dropdown-menu a:hover { 1015 | background-color: #111111; 1016 | } 1017 | .nav-collapse.in .btn-group { 1018 | padding: 0; 1019 | margin-top: 5px; 1020 | } 1021 | .nav-collapse .dropdown-menu { 1022 | position: static; 1023 | top: auto; 1024 | left: auto; 1025 | display: none; 1026 | float: none; 1027 | max-width: none; 1028 | padding: 0; 1029 | margin: 0 15px; 1030 | background-color: transparent; 1031 | border: none; 1032 | -webkit-border-radius: 0; 1033 | -moz-border-radius: 0; 1034 | border-radius: 0; 1035 | -webkit-box-shadow: none; 1036 | -moz-box-shadow: none; 1037 | box-shadow: none; 1038 | } 1039 | .nav-collapse .open > .dropdown-menu { 1040 | display: block; 1041 | } 1042 | .nav-collapse .dropdown-menu:before, 1043 | .nav-collapse .dropdown-menu:after { 1044 | display: none; 1045 | } 1046 | .nav-collapse .dropdown-menu .divider { 1047 | display: none; 1048 | } 1049 | .nav-collapse .nav > li > .dropdown-menu:before, 1050 | .nav-collapse .nav > li > .dropdown-menu:after { 1051 | display: none; 1052 | } 1053 | .nav-collapse .navbar-form, 1054 | .nav-collapse .navbar-search { 1055 | float: none; 1056 | padding: 10px 15px; 1057 | margin: 10px 0; 1058 | border-top: 1px solid #f2f2f2; 1059 | border-bottom: 1px solid #f2f2f2; 1060 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1061 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1062 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1063 | } 1064 | .navbar-inverse .nav-collapse .navbar-form, 1065 | .navbar-inverse .nav-collapse .navbar-search { 1066 | border-top-color: #111111; 1067 | border-bottom-color: #111111; 1068 | } 1069 | .navbar .nav-collapse .nav.pull-right { 1070 | float: none; 1071 | margin-left: 0; 1072 | } 1073 | .nav-collapse, 1074 | .nav-collapse.collapse { 1075 | height: 0; 1076 | overflow: hidden; 1077 | } 1078 | .navbar .btn-navbar { 1079 | display: block; 1080 | } 1081 | .navbar-static .navbar-inner { 1082 | padding-right: 10px; 1083 | padding-left: 10px; 1084 | } 1085 | } 1086 | 1087 | @media (min-width: 980px) { 1088 | .nav-collapse.collapse { 1089 | height: auto !important; 1090 | overflow: visible !important; 1091 | } 1092 | } 1093 | -------------------------------------------------------------------------------- /public/bootstrap/css/bootstrap-responsive.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.2.2 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */@-ms-viewport{width:device-width}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}} 10 | -------------------------------------------------------------------------------- /public/bootstrap/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OpenWebCAD/node-occ-sample/c3a8111dd2c12ab216a12503c13e615287efcc7a/public/bootstrap/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /public/bootstrap/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OpenWebCAD/node-occ-sample/c3a8111dd2c12ab216a12503c13e615287efcc7a/public/bootstrap/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /public/bootstrap/js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap.js by @fat & @mdo 3 | * Copyright 2012 Twitter, Inc. 4 | * http://www.apache.org/licenses/LICENSE-2.0.txt 5 | */ 6 | !function($){"use strict";$(function(){$.support.transition=function(){var transitionEnd=function(){var name,el=document.createElement("bootstrap"),transEndEventNames={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(name in transEndEventNames)if(void 0!==el.style[name])return transEndEventNames[name]}();return transitionEnd&&{end:transitionEnd}}()})}(window.jQuery),!function($){"use strict";var dismiss='[data-dismiss="alert"]',Alert=function(el){$(el).on("click",dismiss,this.close)};Alert.prototype.close=function(e){function removeElement(){$parent.trigger("closed").remove()}var $parent,$this=$(this),selector=$this.attr("data-target");selector||(selector=$this.attr("href"),selector=selector&&selector.replace(/.*(?=#[^\s]*$)/,"")),$parent=$(selector),e&&e.preventDefault(),$parent.length||($parent=$this.hasClass("alert")?$this:$this.parent()),$parent.trigger(e=$.Event("close")),e.isDefaultPrevented()||($parent.removeClass("in"),$.support.transition&&$parent.hasClass("fade")?$parent.on($.support.transition.end,removeElement):removeElement())};var old=$.fn.alert;$.fn.alert=function(option){return this.each(function(){var $this=$(this),data=$this.data("alert");data||$this.data("alert",data=new Alert(this)),"string"==typeof option&&data[option].call($this)})},$.fn.alert.Constructor=Alert,$.fn.alert.noConflict=function(){return $.fn.alert=old,this},$(document).on("click.alert.data-api",dismiss,Alert.prototype.close)}(window.jQuery),!function($){"use strict";var Button=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.button.defaults,options)};Button.prototype.setState=function(state){var d="disabled",$el=this.$element,data=$el.data(),val=$el.is("input")?"val":"html";state+="Text",data.resetText||$el.data("resetText",$el[val]()),$el[val](data[state]||this.options[state]),setTimeout(function(){"loadingText"==state?$el.addClass(d).attr(d,d):$el.removeClass(d).removeAttr(d)},0)},Button.prototype.toggle=function(){var $parent=this.$element.closest('[data-toggle="buttons-radio"]');$parent&&$parent.find(".active").removeClass("active"),this.$element.toggleClass("active")};var old=$.fn.button;$.fn.button=function(option){return this.each(function(){var $this=$(this),data=$this.data("button"),options="object"==typeof option&&option;data||$this.data("button",data=new Button(this,options)),"toggle"==option?data.toggle():option&&data.setState(option)})},$.fn.button.defaults={loadingText:"loading..."},$.fn.button.Constructor=Button,$.fn.button.noConflict=function(){return $.fn.button=old,this},$(document).on("click.button.data-api","[data-toggle^=button]",function(e){var $btn=$(e.target);$btn.hasClass("btn")||($btn=$btn.closest(".btn")),$btn.button("toggle")})}(window.jQuery),!function($){"use strict";var Carousel=function(element,options){this.$element=$(element),this.options=options,"hover"==this.options.pause&&this.$element.on("mouseenter",$.proxy(this.pause,this)).on("mouseleave",$.proxy(this.cycle,this))};Carousel.prototype={cycle:function(e){return e||(this.paused=!1),this.options.interval&&!this.paused&&(this.interval=setInterval($.proxy(this.next,this),this.options.interval)),this},to:function(pos){var $active=this.$element.find(".item.active"),children=$active.parent().children(),activePos=children.index($active),that=this;if(!(pos>children.length-1||0>pos))return this.sliding?this.$element.one("slid",function(){that.to(pos)}):activePos==pos?this.pause().cycle():this.slide(pos>activePos?"next":"prev",$(children[pos]))},pause:function(e){return e||(this.paused=!0),this.$element.find(".next, .prev").length&&$.support.transition.end&&(this.$element.trigger($.support.transition.end),this.cycle()),clearInterval(this.interval),this.interval=null,this},next:function(){return this.sliding?void 0:this.slide("next")},prev:function(){return this.sliding?void 0:this.slide("prev")},slide:function(type,next){var e,$active=this.$element.find(".item.active"),$next=next||$active[type](),isCycling=this.interval,direction="next"==type?"left":"right",fallback="next"==type?"first":"last",that=this;if(this.sliding=!0,isCycling&&this.pause(),$next=$next.length?$next:this.$element.find(".item")[fallback](),e=$.Event("slide",{relatedTarget:$next[0]}),!$next.hasClass("active")){if($.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(e),e.isDefaultPrevented())return;$next.addClass(type),$next[0].offsetWidth,$active.addClass(direction),$next.addClass(direction),this.$element.one($.support.transition.end,function(){$next.removeClass([type,direction].join(" ")).addClass("active"),$active.removeClass(["active",direction].join(" ")),that.sliding=!1,setTimeout(function(){that.$element.trigger("slid")},0)})}else{if(this.$element.trigger(e),e.isDefaultPrevented())return;$active.removeClass("active"),$next.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return isCycling&&this.cycle(),this}}};var old=$.fn.carousel;$.fn.carousel=function(option){return this.each(function(){var $this=$(this),data=$this.data("carousel"),options=$.extend({},$.fn.carousel.defaults,"object"==typeof option&&option),action="string"==typeof option?option:options.slide;data||$this.data("carousel",data=new Carousel(this,options)),"number"==typeof option?data.to(option):action?data[action]():options.interval&&data.cycle()})},$.fn.carousel.defaults={interval:5e3,pause:"hover"},$.fn.carousel.Constructor=Carousel,$.fn.carousel.noConflict=function(){return $.fn.carousel=old,this},$(document).on("click.carousel.data-api","[data-slide]",function(e){var href,$this=$(this),$target=$($this.attr("data-target")||(href=$this.attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,"")),options=$.extend({},$target.data(),$this.data());$target.carousel(options),e.preventDefault()})}(window.jQuery),!function($){"use strict";var Collapse=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.collapse.defaults,options),this.options.parent&&(this.$parent=$(this.options.parent)),this.options.toggle&&this.toggle()};Collapse.prototype={constructor:Collapse,dimension:function(){var hasWidth=this.$element.hasClass("width");return hasWidth?"width":"height"},show:function(){var dimension,scroll,actives,hasData;if(!this.transitioning){if(dimension=this.dimension(),scroll=$.camelCase(["scroll",dimension].join("-")),actives=this.$parent&&this.$parent.find("> .accordion-group > .in"),actives&&actives.length){if(hasData=actives.data("collapse"),hasData&&hasData.transitioning)return;actives.collapse("hide"),hasData||actives.data("collapse",null)}this.$element[dimension](0),this.transition("addClass",$.Event("show"),"shown"),$.support.transition&&this.$element[dimension](this.$element[0][scroll])}},hide:function(){var dimension;this.transitioning||(dimension=this.dimension(),this.reset(this.$element[dimension]()),this.transition("removeClass",$.Event("hide"),"hidden"),this.$element[dimension](0))},reset:function(size){var dimension=this.dimension();return this.$element.removeClass("collapse")[dimension](size||"auto")[0].offsetWidth,this.$element[null!==size?"addClass":"removeClass"]("collapse"),this},transition:function(method,startEvent,completeEvent){var that=this,complete=function(){"show"==startEvent.type&&that.reset(),that.transitioning=0,that.$element.trigger(completeEvent)};this.$element.trigger(startEvent),startEvent.isDefaultPrevented()||(this.transitioning=1,this.$element[method]("in"),$.support.transition&&this.$element.hasClass("collapse")?this.$element.one($.support.transition.end,complete):complete())},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var old=$.fn.collapse;$.fn.collapse=function(option){return this.each(function(){var $this=$(this),data=$this.data("collapse"),options="object"==typeof option&&option;data||$this.data("collapse",data=new Collapse(this,options)),"string"==typeof option&&data[option]()})},$.fn.collapse.defaults={toggle:!0},$.fn.collapse.Constructor=Collapse,$.fn.collapse.noConflict=function(){return $.fn.collapse=old,this},$(document).on("click.collapse.data-api","[data-toggle=collapse]",function(e){var href,$this=$(this),target=$this.attr("data-target")||e.preventDefault()||(href=$this.attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,""),option=$(target).data("collapse")?"toggle":$this.data();$this[$(target).hasClass("in")?"addClass":"removeClass"]("collapsed"),$(target).collapse(option)})}(window.jQuery),!function($){"use strict";function clearMenus(){$(toggle).each(function(){getParent($(this)).removeClass("open")})}function getParent($this){var $parent,selector=$this.attr("data-target");return selector||(selector=$this.attr("href"),selector=selector&&/#/.test(selector)&&selector.replace(/.*(?=#[^\s]*$)/,"")),$parent=$(selector),$parent.length||($parent=$this.parent()),$parent}var toggle="[data-toggle=dropdown]",Dropdown=function(element){var $el=$(element).on("click.dropdown.data-api",this.toggle);$("html").on("click.dropdown.data-api",function(){$el.parent().removeClass("open")})};Dropdown.prototype={constructor:Dropdown,toggle:function(){var $parent,isActive,$this=$(this);if(!$this.is(".disabled, :disabled"))return $parent=getParent($this),isActive=$parent.hasClass("open"),clearMenus(),isActive||$parent.toggleClass("open"),$this.focus(),!1},keydown:function(e){var $this,$items,$parent,isActive,index;if(/(38|40|27)/.test(e.keyCode)&&($this=$(this),e.preventDefault(),e.stopPropagation(),!$this.is(".disabled, :disabled"))){if($parent=getParent($this),isActive=$parent.hasClass("open"),!isActive||isActive&&27==e.keyCode)return $this.click();$items=$("[role=menu] li:not(.divider):visible a",$parent),$items.length&&(index=$items.index($items.filter(":focus")),38==e.keyCode&&index>0&&index--,40==e.keyCode&&$items.length-1>index&&index++,~index||(index=0),$items.eq(index).focus())}}};var old=$.fn.dropdown;$.fn.dropdown=function(option){return this.each(function(){var $this=$(this),data=$this.data("dropdown");data||$this.data("dropdown",data=new Dropdown(this)),"string"==typeof option&&data[option].call($this)})},$.fn.dropdown.Constructor=Dropdown,$.fn.dropdown.noConflict=function(){return $.fn.dropdown=old,this},$(document).on("click.dropdown.data-api touchstart.dropdown.data-api",clearMenus).on("click.dropdown touchstart.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on("touchstart.dropdown.data-api",".dropdown-menu",function(e){e.stopPropagation()}).on("click.dropdown.data-api touchstart.dropdown.data-api",toggle,Dropdown.prototype.toggle).on("keydown.dropdown.data-api touchstart.dropdown.data-api",toggle+", [role=menu]",Dropdown.prototype.keydown)}(window.jQuery),!function($){"use strict";var Modal=function(element,options){this.options=options,this.$element=$(element).delegate('[data-dismiss="modal"]',"click.dismiss.modal",$.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};Modal.prototype={constructor:Modal,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var that=this,e=$.Event("show");this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.backdrop(function(){var transition=$.support.transition&&that.$element.hasClass("fade");that.$element.parent().length||that.$element.appendTo(document.body),that.$element.show(),transition&&that.$element[0].offsetWidth,that.$element.addClass("in").attr("aria-hidden",!1),that.enforceFocus(),transition?that.$element.one($.support.transition.end,function(){that.$element.focus().trigger("shown")}):that.$element.focus().trigger("shown")}))},hide:function(e){e&&e.preventDefault(),e=$.Event("hide"),this.$element.trigger(e),this.isShown&&!e.isDefaultPrevented()&&(this.isShown=!1,this.escape(),$(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),$.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal())},enforceFocus:function(){var that=this;$(document).on("focusin.modal",function(e){that.$element[0]===e.target||that.$element.has(e.target).length||that.$element.focus()})},escape:function(){var that=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(e){27==e.which&&that.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var that=this,timeout=setTimeout(function(){that.$element.off($.support.transition.end),that.hideModal()},500);this.$element.one($.support.transition.end,function(){clearTimeout(timeout),that.hideModal()})},hideModal:function(){this.$element.hide().trigger("hidden"),this.backdrop()},removeBackdrop:function(){this.$backdrop.remove(),this.$backdrop=null},backdrop:function(callback){var animate=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var doAnimate=$.support.transition&&animate;this.$backdrop=$('
').appendTo(document.body),this.$backdrop.click("static"==this.options.backdrop?$.proxy(this.$element[0].focus,this.$element[0]):$.proxy(this.hide,this)),doAnimate&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),doAnimate?this.$backdrop.one($.support.transition.end,callback):callback()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),$.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one($.support.transition.end,$.proxy(this.removeBackdrop,this)):this.removeBackdrop()):callback&&callback()}};var old=$.fn.modal;$.fn.modal=function(option){return this.each(function(){var $this=$(this),data=$this.data("modal"),options=$.extend({},$.fn.modal.defaults,$this.data(),"object"==typeof option&&option);data||$this.data("modal",data=new Modal(this,options)),"string"==typeof option?data[option]():options.show&&data.show()})},$.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},$.fn.modal.Constructor=Modal,$.fn.modal.noConflict=function(){return $.fn.modal=old,this},$(document).on("click.modal.data-api",'[data-toggle="modal"]',function(e){var $this=$(this),href=$this.attr("href"),$target=$($this.attr("data-target")||href&&href.replace(/.*(?=#[^\s]+$)/,"")),option=$target.data("modal")?"toggle":$.extend({remote:!/#/.test(href)&&href},$target.data(),$this.data());e.preventDefault(),$target.modal(option).one("hide",function(){$this.focus()})})}(window.jQuery),!function($){"use strict";var Tooltip=function(element,options){this.init("tooltip",element,options)};Tooltip.prototype={constructor:Tooltip,init:function(type,element,options){var eventIn,eventOut;this.type=type,this.$element=$(element),this.options=this.getOptions(options),this.enabled=!0,"click"==this.options.trigger?this.$element.on("click."+this.type,this.options.selector,$.proxy(this.toggle,this)):"manual"!=this.options.trigger&&(eventIn="hover"==this.options.trigger?"mouseenter":"focus",eventOut="hover"==this.options.trigger?"mouseleave":"blur",this.$element.on(eventIn+"."+this.type,this.options.selector,$.proxy(this.enter,this)),this.$element.on(eventOut+"."+this.type,this.options.selector,$.proxy(this.leave,this))),this.options.selector?this._options=$.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(options){return options=$.extend({},$.fn[this.type].defaults,options,this.$element.data()),options.delay&&"number"==typeof options.delay&&(options.delay={show:options.delay,hide:options.delay}),options},enter:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);return self.options.delay&&self.options.delay.show?(clearTimeout(this.timeout),self.hoverState="in",this.timeout=setTimeout(function(){"in"==self.hoverState&&self.show()},self.options.delay.show),void 0):self.show()},leave:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);return this.timeout&&clearTimeout(this.timeout),self.options.delay&&self.options.delay.hide?(self.hoverState="out",this.timeout=setTimeout(function(){"out"==self.hoverState&&self.hide()},self.options.delay.hide),void 0):self.hide()},show:function(){var $tip,inside,pos,actualWidth,actualHeight,placement,tp;if(this.hasContent()&&this.enabled){switch($tip=this.tip(),this.setContent(),this.options.animation&&$tip.addClass("fade"),placement="function"==typeof this.options.placement?this.options.placement.call(this,$tip[0],this.$element[0]):this.options.placement,inside=/in/.test(placement),$tip.detach().css({top:0,left:0,display:"block"}).insertAfter(this.$element),pos=this.getPosition(inside),actualWidth=$tip[0].offsetWidth,actualHeight=$tip[0].offsetHeight,inside?placement.split(" ")[1]:placement){case"bottom":tp={top:pos.top+pos.height,left:pos.left+pos.width/2-actualWidth/2};break;case"top":tp={top:pos.top-actualHeight,left:pos.left+pos.width/2-actualWidth/2};break;case"left":tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left-actualWidth};break;case"right":tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left+pos.width}}$tip.offset(tp).addClass(placement).addClass("in")}},setContent:function(){var $tip=this.tip(),title=this.getTitle();$tip.find(".tooltip-inner")[this.options.html?"html":"text"](title),$tip.removeClass("fade in top bottom left right")},hide:function(){function removeWithAnimation(){var timeout=setTimeout(function(){$tip.off($.support.transition.end).detach()},500);$tip.one($.support.transition.end,function(){clearTimeout(timeout),$tip.detach()})}var $tip=this.tip();return $tip.removeClass("in"),$.support.transition&&this.$tip.hasClass("fade")?removeWithAnimation():$tip.detach(),this},fixTitle:function(){var $e=this.$element;($e.attr("title")||"string"!=typeof $e.attr("data-original-title"))&&$e.attr("data-original-title",$e.attr("title")||"").removeAttr("title")},hasContent:function(){return this.getTitle()},getPosition:function(inside){return $.extend({},inside?{top:0,left:0}:this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight})},getTitle:function(){var title,$e=this.$element,o=this.options;return title=$e.attr("data-original-title")||("function"==typeof o.title?o.title.call($e[0]):o.title)},tip:function(){return this.$tip=this.$tip||$(this.options.template)},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);self[self.tip().hasClass("in")?"hide":"show"]()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var old=$.fn.tooltip;$.fn.tooltip=function(option){return this.each(function(){var $this=$(this),data=$this.data("tooltip"),options="object"==typeof option&&option;data||$this.data("tooltip",data=new Tooltip(this,options)),"string"==typeof option&&data[option]()})},$.fn.tooltip.Constructor=Tooltip,$.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
',trigger:"hover",title:"",delay:0,html:!1},$.fn.tooltip.noConflict=function(){return $.fn.tooltip=old,this}}(window.jQuery),!function($){"use strict";var Popover=function(element,options){this.init("popover",element,options)};Popover.prototype=$.extend({},$.fn.tooltip.Constructor.prototype,{constructor:Popover,setContent:function(){var $tip=this.tip(),title=this.getTitle(),content=this.getContent();$tip.find(".popover-title")[this.options.html?"html":"text"](title),$tip.find(".popover-content")[this.options.html?"html":"text"](content),$tip.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var content,$e=this.$element,o=this.options;return content=$e.attr("data-content")||("function"==typeof o.content?o.content.call($e[0]):o.content)},tip:function(){return this.$tip||(this.$tip=$(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var old=$.fn.popover;$.fn.popover=function(option){return this.each(function(){var $this=$(this),data=$this.data("popover"),options="object"==typeof option&&option;data||$this.data("popover",data=new Popover(this,options)),"string"==typeof option&&data[option]()})},$.fn.popover.Constructor=Popover,$.fn.popover.defaults=$.extend({},$.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

'}),$.fn.popover.noConflict=function(){return $.fn.popover=old,this}}(window.jQuery),!function($){"use strict";function ScrollSpy(element,options){var href,process=$.proxy(this.process,this),$element=$(element).is("body")?$(window):$(element);this.options=$.extend({},$.fn.scrollspy.defaults,options),this.$scrollElement=$element.on("scroll.scroll-spy.data-api",process),this.selector=(this.options.target||(href=$(element).attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=$("body"),this.refresh(),this.process()}ScrollSpy.prototype={constructor:ScrollSpy,refresh:function(){var $targets,self=this;this.offsets=$([]),this.targets=$([]),$targets=this.$body.find(this.selector).map(function(){var $el=$(this),href=$el.data("target")||$el.attr("href"),$href=/^#\w/.test(href)&&$(href);return $href&&$href.length&&[[$href.position().top+self.$scrollElement.scrollTop(),href]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){self.offsets.push(this[0]),self.targets.push(this[1])})},process:function(){var i,scrollTop=this.$scrollElement.scrollTop()+this.options.offset,scrollHeight=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,maxScroll=scrollHeight-this.$scrollElement.height(),offsets=this.offsets,targets=this.targets,activeTarget=this.activeTarget;if(scrollTop>=maxScroll)return activeTarget!=(i=targets.last()[0])&&this.activate(i);for(i=offsets.length;i--;)activeTarget!=targets[i]&&scrollTop>=offsets[i]&&(!offsets[i+1]||offsets[i+1]>=scrollTop)&&this.activate(targets[i])},activate:function(target){var active,selector;this.activeTarget=target,$(this.selector).parent(".active").removeClass("active"),selector=this.selector+'[data-target="'+target+'"],'+this.selector+'[href="'+target+'"]',active=$(selector).parent("li").addClass("active"),active.parent(".dropdown-menu").length&&(active=active.closest("li.dropdown").addClass("active")),active.trigger("activate")}};var old=$.fn.scrollspy;$.fn.scrollspy=function(option){return this.each(function(){var $this=$(this),data=$this.data("scrollspy"),options="object"==typeof option&&option;data||$this.data("scrollspy",data=new ScrollSpy(this,options)),"string"==typeof option&&data[option]()})},$.fn.scrollspy.Constructor=ScrollSpy,$.fn.scrollspy.defaults={offset:10},$.fn.scrollspy.noConflict=function(){return $.fn.scrollspy=old,this},$(window).on("load",function(){$('[data-spy="scroll"]').each(function(){var $spy=$(this);$spy.scrollspy($spy.data())})})}(window.jQuery),!function($){"use strict";var Tab=function(element){this.element=$(element)};Tab.prototype={constructor:Tab,show:function(){var previous,$target,e,$this=this.element,$ul=$this.closest("ul:not(.dropdown-menu)"),selector=$this.attr("data-target");selector||(selector=$this.attr("href"),selector=selector&&selector.replace(/.*(?=#[^\s]*$)/,"")),$this.parent("li").hasClass("active")||(previous=$ul.find(".active:last a")[0],e=$.Event("show",{relatedTarget:previous}),$this.trigger(e),e.isDefaultPrevented()||($target=$(selector),this.activate($this.parent("li"),$ul),this.activate($target,$target.parent(),function(){$this.trigger({type:"shown",relatedTarget:previous})})))},activate:function(element,container,callback){function next(){$active.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),element.addClass("active"),transition?(element[0].offsetWidth,element.addClass("in")):element.removeClass("fade"),element.parent(".dropdown-menu")&&element.closest("li.dropdown").addClass("active"),callback&&callback()}var $active=container.find("> .active"),transition=callback&&$.support.transition&&$active.hasClass("fade");transition?$active.one($.support.transition.end,next):next(),$active.removeClass("in")}};var old=$.fn.tab;$.fn.tab=function(option){return this.each(function(){var $this=$(this),data=$this.data("tab");data||$this.data("tab",data=new Tab(this)),"string"==typeof option&&data[option]()})},$.fn.tab.Constructor=Tab,$.fn.tab.noConflict=function(){return $.fn.tab=old,this},$(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(e){e.preventDefault(),$(this).tab("show")})}(window.jQuery),!function($){"use strict";var Typeahead=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.typeahead.defaults,options),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=$(this.options.menu),this.shown=!1,this.listen()};Typeahead.prototype={constructor:Typeahead,select:function(){var val=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(val)).change(),this.hide()},updater:function(item){return item},show:function(){var pos=$.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:pos.top+pos.height,left:pos.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(){var items;return this.query=this.$element.val(),!this.query||this.query.length"+match+""})},render:function(items){var that=this;return items=$(items).map(function(i,item){return i=$(that.options.item).attr("data-value",item),i.find("a").html(that.highlighter(item)),i[0]}),items.first().addClass("active"),this.$menu.html(items),this},next:function(){var active=this.$menu.find(".active").removeClass("active"),next=active.next();next.length||(next=$(this.$menu.find("li")[0])),next.addClass("active")},prev:function(){var active=this.$menu.find(".active").removeClass("active"),prev=active.prev();prev.length||(prev=this.$menu.find("li").last()),prev.addClass("active")},listen:function(){this.$element.on("blur",$.proxy(this.blur,this)).on("keypress",$.proxy(this.keypress,this)).on("keyup",$.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",$.proxy(this.keydown,this)),this.$menu.on("click",$.proxy(this.click,this)).on("mouseenter","li",$.proxy(this.mouseenter,this))},eventSupported:function(eventName){var isSupported=eventName in this.$element;return isSupported||(this.$element.setAttribute(eventName,"return;"),isSupported="function"==typeof this.$element[eventName]),isSupported},move:function(e){if(this.shown){switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()}},keydown:function(e){this.suppressKeyPressRepeat=~$.inArray(e.keyCode,[40,38,9,13,27]),this.move(e)},keypress:function(e){this.suppressKeyPressRepeat||this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},blur:function(){var that=this;setTimeout(function(){that.hide()},150)},click:function(e){e.stopPropagation(),e.preventDefault(),this.select()},mouseenter:function(e){this.$menu.find(".active").removeClass("active"),$(e.currentTarget).addClass("active")}};var old=$.fn.typeahead;$.fn.typeahead=function(option){return this.each(function(){var $this=$(this),data=$this.data("typeahead"),options="object"==typeof option&&option;data||$this.data("typeahead",data=new Typeahead(this,options)),"string"==typeof option&&data[option]()})},$.fn.typeahead.defaults={source:[],items:8,menu:'
    ',item:'
    • ',minLength:1},$.fn.typeahead.Constructor=Typeahead,$.fn.typeahead.noConflict=function(){return $.fn.typeahead=old,this},$(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(e){var $this=$(this);$this.data("typeahead")||(e.preventDefault(),$this.typeahead($this.data()))})}(window.jQuery),!function($){"use strict";var Affix=function(element,options){this.options=$.extend({},$.fn.affix.defaults,options),this.$window=$(window).on("scroll.affix.data-api",$.proxy(this.checkPosition,this)).on("click.affix.data-api",$.proxy(function(){setTimeout($.proxy(this.checkPosition,this),1)},this)),this.$element=$(element),this.checkPosition()};Affix.prototype.checkPosition=function(){if(this.$element.is(":visible")){var affix,scrollHeight=$(document).height(),scrollTop=this.$window.scrollTop(),position=this.$element.offset(),offset=this.options.offset,offsetBottom=offset.bottom,offsetTop=offset.top,reset="affix affix-top affix-bottom";"object"!=typeof offset&&(offsetBottom=offsetTop=offset),"function"==typeof offsetTop&&(offsetTop=offset.top()),"function"==typeof offsetBottom&&(offsetBottom=offset.bottom()),affix=null!=this.unpin&&scrollTop+this.unpin<=position.top?!1:null!=offsetBottom&&position.top+this.$element.height()>=scrollHeight-offsetBottom?"bottom":null!=offsetTop&&offsetTop>=scrollTop?"top":!1,this.affixed!==affix&&(this.affixed=affix,this.unpin="bottom"==affix?position.top-scrollTop:null,this.$element.removeClass(reset).addClass("affix"+(affix?"-"+affix:"")))}};var old=$.fn.affix;$.fn.affix=function(option){return this.each(function(){var $this=$(this),data=$this.data("affix"),options="object"==typeof option&&option;data||$this.data("affix",data=new Affix(this,options)),"string"==typeof option&&data[option]()})},$.fn.affix.Constructor=Affix,$.fn.affix.defaults={offset:0},$.fn.affix.noConflict=function(){return $.fn.affix=old,this},$(window).on("load",function(){$('[data-spy="affix"]').each(function(){var $spy=$(this),data=$spy.data();data.offset=data.offset||{},data.offsetBottom&&(data.offset.bottom=data.offsetBottom),data.offsetTop&&(data.offset.top=data.offsetTop),$spy.affix(data)})})}(window.jQuery); -------------------------------------------------------------------------------- /public/images/body_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OpenWebCAD/node-occ-sample/c3a8111dd2c12ab216a12503c13e615287efcc7a/public/images/body_bg.jpg -------------------------------------------------------------------------------- /public/images/progress-spinner.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OpenWebCAD/node-occ-sample/c3a8111dd2c12ab216a12503c13e615287efcc7a/public/images/progress-spinner.gif -------------------------------------------------------------------------------- /public/images/progress-spinner2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OpenWebCAD/node-occ-sample/c3a8111dd2c12ab216a12503c13e615287efcc7a/public/images/progress-spinner2.gif -------------------------------------------------------------------------------- /public/images/spinner_24.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OpenWebCAD/node-occ-sample/c3a8111dd2c12ab216a12503c13e615287efcc7a/public/images/spinner_24.gif -------------------------------------------------------------------------------- /public/javascripts/Projector.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author mrdoob / http://mrdoob.com/ 3 | * @author supereggbert / http://www.paulbrunt.co.uk/ 4 | * @author julianwa / https://github.com/julianwa 5 | */ 6 | 7 | THREE.RenderableObject = function () { 8 | 9 | this.id = 0; 10 | 11 | this.object = null; 12 | this.z = 0; 13 | this.renderOrder = 0; 14 | 15 | }; 16 | 17 | // 18 | 19 | THREE.RenderableFace = function () { 20 | 21 | this.id = 0; 22 | 23 | this.v1 = new THREE.RenderableVertex(); 24 | this.v2 = new THREE.RenderableVertex(); 25 | this.v3 = new THREE.RenderableVertex(); 26 | 27 | this.normalModel = new THREE.Vector3(); 28 | 29 | this.vertexNormalsModel = [ new THREE.Vector3(), new THREE.Vector3(), new THREE.Vector3() ]; 30 | this.vertexNormalsLength = 0; 31 | 32 | this.color = new THREE.Color(); 33 | this.material = null; 34 | this.uvs = [ new THREE.Vector2(), new THREE.Vector2(), new THREE.Vector2() ]; 35 | 36 | this.z = 0; 37 | this.renderOrder = 0; 38 | 39 | }; 40 | 41 | // 42 | 43 | THREE.RenderableVertex = function () { 44 | 45 | this.position = new THREE.Vector3(); 46 | this.positionWorld = new THREE.Vector3(); 47 | this.positionScreen = new THREE.Vector4(); 48 | 49 | this.visible = true; 50 | 51 | }; 52 | 53 | THREE.RenderableVertex.prototype.copy = function ( vertex ) { 54 | 55 | this.positionWorld.copy( vertex.positionWorld ); 56 | this.positionScreen.copy( vertex.positionScreen ); 57 | 58 | }; 59 | 60 | // 61 | 62 | THREE.RenderableLine = function () { 63 | 64 | this.id = 0; 65 | 66 | this.v1 = new THREE.RenderableVertex(); 67 | this.v2 = new THREE.RenderableVertex(); 68 | 69 | this.vertexColors = [ new THREE.Color(), new THREE.Color() ]; 70 | this.material = null; 71 | 72 | this.z = 0; 73 | this.renderOrder = 0; 74 | 75 | }; 76 | 77 | // 78 | 79 | THREE.RenderableSprite = function () { 80 | 81 | this.id = 0; 82 | 83 | this.object = null; 84 | 85 | this.x = 0; 86 | this.y = 0; 87 | this.z = 0; 88 | 89 | this.rotation = 0; 90 | this.scale = new THREE.Vector2(); 91 | 92 | this.material = null; 93 | this.renderOrder = 0; 94 | 95 | }; 96 | 97 | // 98 | 99 | THREE.Projector = function () { 100 | 101 | var _object, _objectCount, _objectPool = [], _objectPoolLength = 0, 102 | _vertex, _vertexCount, _vertexPool = [], _vertexPoolLength = 0, 103 | _face, _faceCount, _facePool = [], _facePoolLength = 0, 104 | _line, _lineCount, _linePool = [], _linePoolLength = 0, 105 | _sprite, _spriteCount, _spritePool = [], _spritePoolLength = 0, 106 | 107 | _renderData = { objects: [], lights: [], elements: [] }, 108 | 109 | _vector3 = new THREE.Vector3(), 110 | _vector4 = new THREE.Vector4(), 111 | 112 | _clipBox = new THREE.Box3( new THREE.Vector3( - 1, - 1, - 1 ), new THREE.Vector3( 1, 1, 1 ) ), 113 | _boundingBox = new THREE.Box3(), 114 | _points3 = new Array( 3 ), 115 | _points4 = new Array( 4 ), 116 | 117 | _viewMatrix = new THREE.Matrix4(), 118 | _viewProjectionMatrix = new THREE.Matrix4(), 119 | 120 | _modelMatrix, 121 | _modelViewProjectionMatrix = new THREE.Matrix4(), 122 | 123 | _normalMatrix = new THREE.Matrix3(), 124 | 125 | _frustum = new THREE.Frustum(), 126 | 127 | _clippedVertex1PositionScreen = new THREE.Vector4(), 128 | _clippedVertex2PositionScreen = new THREE.Vector4(); 129 | 130 | // 131 | 132 | this.projectVector = function ( vector, camera ) { 133 | 134 | console.warn( 'THREE.Projector: .projectVector() is now vector.project().' ); 135 | vector.project( camera ); 136 | 137 | }; 138 | 139 | this.unprojectVector = function ( vector, camera ) { 140 | 141 | console.warn( 'THREE.Projector: .unprojectVector() is now vector.unproject().' ); 142 | vector.unproject( camera ); 143 | 144 | }; 145 | 146 | this.pickingRay = function ( vector, camera ) { 147 | 148 | console.error( 'THREE.Projector: .pickingRay() is now raycaster.setFromCamera().' ); 149 | 150 | }; 151 | 152 | // 153 | 154 | var RenderList = function () { 155 | 156 | var normals = []; 157 | var uvs = []; 158 | 159 | var object = null; 160 | var material = null; 161 | 162 | var normalMatrix = new THREE.Matrix3(); 163 | 164 | function setObject( value ) { 165 | 166 | object = value; 167 | material = object.material; 168 | 169 | normalMatrix.getNormalMatrix( object.matrixWorld ); 170 | 171 | normals.length = 0; 172 | uvs.length = 0; 173 | 174 | } 175 | 176 | function projectVertex( vertex ) { 177 | 178 | var position = vertex.position; 179 | var positionWorld = vertex.positionWorld; 180 | var positionScreen = vertex.positionScreen; 181 | 182 | positionWorld.copy( position ).applyMatrix4( _modelMatrix ); 183 | positionScreen.copy( positionWorld ).applyMatrix4( _viewProjectionMatrix ); 184 | 185 | var invW = 1 / positionScreen.w; 186 | 187 | positionScreen.x *= invW; 188 | positionScreen.y *= invW; 189 | positionScreen.z *= invW; 190 | 191 | vertex.visible = positionScreen.x >= - 1 && positionScreen.x <= 1 && 192 | positionScreen.y >= - 1 && positionScreen.y <= 1 && 193 | positionScreen.z >= - 1 && positionScreen.z <= 1; 194 | 195 | } 196 | 197 | function pushVertex( x, y, z ) { 198 | 199 | _vertex = getNextVertexInPool(); 200 | _vertex.position.set( x, y, z ); 201 | 202 | projectVertex( _vertex ); 203 | 204 | } 205 | 206 | function pushNormal( x, y, z ) { 207 | 208 | normals.push( x, y, z ); 209 | 210 | } 211 | 212 | function pushUv( x, y ) { 213 | 214 | uvs.push( x, y ); 215 | 216 | } 217 | 218 | function checkTriangleVisibility( v1, v2, v3 ) { 219 | 220 | if ( v1.visible === true || v2.visible === true || v3.visible === true ) return true; 221 | 222 | _points3[ 0 ] = v1.positionScreen; 223 | _points3[ 1 ] = v2.positionScreen; 224 | _points3[ 2 ] = v3.positionScreen; 225 | 226 | return _clipBox.intersectsBox( _boundingBox.setFromPoints( _points3 ) ); 227 | 228 | } 229 | 230 | function checkBackfaceCulling( v1, v2, v3 ) { 231 | 232 | return ( ( v3.positionScreen.x - v1.positionScreen.x ) * 233 | ( v2.positionScreen.y - v1.positionScreen.y ) - 234 | ( v3.positionScreen.y - v1.positionScreen.y ) * 235 | ( v2.positionScreen.x - v1.positionScreen.x ) ) < 0; 236 | 237 | } 238 | 239 | function pushLine( a, b ) { 240 | 241 | var v1 = _vertexPool[ a ]; 242 | var v2 = _vertexPool[ b ]; 243 | 244 | _line = getNextLineInPool(); 245 | 246 | _line.id = object.id; 247 | _line.v1.copy( v1 ); 248 | _line.v2.copy( v2 ); 249 | _line.z = ( v1.positionScreen.z + v2.positionScreen.z ) / 2; 250 | _line.renderOrder = object.renderOrder; 251 | 252 | _line.material = object.material; 253 | 254 | _renderData.elements.push( _line ); 255 | 256 | } 257 | 258 | function pushTriangle( a, b, c ) { 259 | 260 | var v1 = _vertexPool[ a ]; 261 | var v2 = _vertexPool[ b ]; 262 | var v3 = _vertexPool[ c ]; 263 | 264 | if ( checkTriangleVisibility( v1, v2, v3 ) === false ) return; 265 | 266 | if ( material.side === THREE.DoubleSide || checkBackfaceCulling( v1, v2, v3 ) === true ) { 267 | 268 | _face = getNextFaceInPool(); 269 | 270 | _face.id = object.id; 271 | _face.v1.copy( v1 ); 272 | _face.v2.copy( v2 ); 273 | _face.v3.copy( v3 ); 274 | _face.z = ( v1.positionScreen.z + v2.positionScreen.z + v3.positionScreen.z ) / 3; 275 | _face.renderOrder = object.renderOrder; 276 | 277 | // use first vertex normal as face normal 278 | 279 | _face.normalModel.fromArray( normals, a * 3 ); 280 | _face.normalModel.applyMatrix3( normalMatrix ).normalize(); 281 | 282 | for ( var i = 0; i < 3; i ++ ) { 283 | 284 | var normal = _face.vertexNormalsModel[ i ]; 285 | normal.fromArray( normals, arguments[ i ] * 3 ); 286 | normal.applyMatrix3( normalMatrix ).normalize(); 287 | 288 | var uv = _face.uvs[ i ]; 289 | uv.fromArray( uvs, arguments[ i ] * 2 ); 290 | 291 | } 292 | 293 | _face.vertexNormalsLength = 3; 294 | 295 | _face.material = object.material; 296 | 297 | _renderData.elements.push( _face ); 298 | 299 | } 300 | 301 | } 302 | 303 | return { 304 | setObject: setObject, 305 | projectVertex: projectVertex, 306 | checkTriangleVisibility: checkTriangleVisibility, 307 | checkBackfaceCulling: checkBackfaceCulling, 308 | pushVertex: pushVertex, 309 | pushNormal: pushNormal, 310 | pushUv: pushUv, 311 | pushLine: pushLine, 312 | pushTriangle: pushTriangle 313 | } 314 | 315 | }; 316 | 317 | var renderList = new RenderList(); 318 | 319 | this.projectScene = function ( scene, camera, sortObjects, sortElements ) { 320 | 321 | _faceCount = 0; 322 | _lineCount = 0; 323 | _spriteCount = 0; 324 | 325 | _renderData.elements.length = 0; 326 | 327 | if ( scene.autoUpdate === true ) scene.updateMatrixWorld(); 328 | if ( camera.parent === null ) camera.updateMatrixWorld(); 329 | 330 | _viewMatrix.copy( camera.matrixWorldInverse.getInverse( camera.matrixWorld ) ); 331 | _viewProjectionMatrix.multiplyMatrices( camera.projectionMatrix, _viewMatrix ); 332 | 333 | _frustum.setFromMatrix( _viewProjectionMatrix ); 334 | 335 | // 336 | 337 | _objectCount = 0; 338 | 339 | _renderData.objects.length = 0; 340 | _renderData.lights.length = 0; 341 | 342 | function addObject( object ) { 343 | 344 | _object = getNextObjectInPool(); 345 | _object.id = object.id; 346 | _object.object = object; 347 | 348 | _vector3.setFromMatrixPosition( object.matrixWorld ); 349 | _vector3.applyProjection( _viewProjectionMatrix ); 350 | _object.z = _vector3.z; 351 | _object.renderOrder = object.renderOrder; 352 | 353 | _renderData.objects.push( _object ); 354 | 355 | } 356 | 357 | scene.traverseVisible( function ( object ) { 358 | 359 | if ( object instanceof THREE.Light ) { 360 | 361 | _renderData.lights.push( object ); 362 | 363 | } else if ( object instanceof THREE.Mesh || object instanceof THREE.Line ) { 364 | 365 | if ( object.material.visible === false ) return; 366 | if ( object.frustumCulled === true && _frustum.intersectsObject( object ) === false ) return; 367 | 368 | addObject( object ); 369 | 370 | } else if ( object instanceof THREE.Sprite ) { 371 | 372 | if ( object.material.visible === false ) return; 373 | if ( object.frustumCulled === true && _frustum.intersectsSprite( object ) === false ) return; 374 | 375 | addObject( object ); 376 | 377 | } 378 | 379 | } ); 380 | 381 | if ( sortObjects === true ) { 382 | 383 | _renderData.objects.sort( painterSort ); 384 | 385 | } 386 | 387 | // 388 | 389 | for ( var o = 0, ol = _renderData.objects.length; o < ol; o ++ ) { 390 | 391 | var object = _renderData.objects[ o ].object; 392 | var geometry = object.geometry; 393 | 394 | renderList.setObject( object ); 395 | 396 | _modelMatrix = object.matrixWorld; 397 | 398 | _vertexCount = 0; 399 | 400 | if ( object instanceof THREE.Mesh ) { 401 | 402 | if ( geometry instanceof THREE.BufferGeometry ) { 403 | 404 | var attributes = geometry.attributes; 405 | var groups = geometry.groups; 406 | 407 | if ( attributes.position === undefined ) continue; 408 | 409 | var positions = attributes.position.array; 410 | 411 | for ( var i = 0, l = positions.length; i < l; i += 3 ) { 412 | 413 | renderList.pushVertex( positions[ i ], positions[ i + 1 ], positions[ i + 2 ] ); 414 | 415 | } 416 | 417 | if ( attributes.normal !== undefined ) { 418 | 419 | var normals = attributes.normal.array; 420 | 421 | for ( var i = 0, l = normals.length; i < l; i += 3 ) { 422 | 423 | renderList.pushNormal( normals[ i ], normals[ i + 1 ], normals[ i + 2 ] ); 424 | 425 | } 426 | 427 | } 428 | 429 | if ( attributes.uv !== undefined ) { 430 | 431 | var uvs = attributes.uv.array; 432 | 433 | for ( var i = 0, l = uvs.length; i < l; i += 2 ) { 434 | 435 | renderList.pushUv( uvs[ i ], uvs[ i + 1 ] ); 436 | 437 | } 438 | 439 | } 440 | 441 | if ( geometry.index !== null ) { 442 | 443 | var indices = geometry.index.array; 444 | 445 | if ( groups.length > 0 ) { 446 | 447 | for ( var o = 0; o < groups.length; o ++ ) { 448 | 449 | var group = groups[ o ]; 450 | 451 | for ( var i = group.start, l = group.start + group.count; i < l; i += 3 ) { 452 | 453 | renderList.pushTriangle( indices[ i ], indices[ i + 1 ], indices[ i + 2 ] ); 454 | 455 | } 456 | 457 | } 458 | 459 | } else { 460 | 461 | for ( var i = 0, l = indices.length; i < l; i += 3 ) { 462 | 463 | renderList.pushTriangle( indices[ i ], indices[ i + 1 ], indices[ i + 2 ] ); 464 | 465 | } 466 | 467 | } 468 | 469 | } else { 470 | 471 | for ( var i = 0, l = positions.length / 3; i < l; i += 3 ) { 472 | 473 | renderList.pushTriangle( i, i + 1, i + 2 ); 474 | 475 | } 476 | 477 | } 478 | 479 | } else if ( geometry instanceof THREE.Geometry ) { 480 | 481 | var vertices = geometry.vertices; 482 | var faces = geometry.faces; 483 | var faceVertexUvs = geometry.faceVertexUvs[ 0 ]; 484 | 485 | _normalMatrix.getNormalMatrix( _modelMatrix ); 486 | 487 | var material = object.material; 488 | 489 | var isFaceMaterial = material instanceof THREE.MultiMaterial; 490 | var objectMaterials = isFaceMaterial === true ? object.material : null; 491 | 492 | for ( var v = 0, vl = vertices.length; v < vl; v ++ ) { 493 | 494 | var vertex = vertices[ v ]; 495 | 496 | _vector3.copy( vertex ); 497 | 498 | if ( material.morphTargets === true ) { 499 | 500 | var morphTargets = geometry.morphTargets; 501 | var morphInfluences = object.morphTargetInfluences; 502 | 503 | for ( var t = 0, tl = morphTargets.length; t < tl; t ++ ) { 504 | 505 | var influence = morphInfluences[ t ]; 506 | 507 | if ( influence === 0 ) continue; 508 | 509 | var target = morphTargets[ t ]; 510 | var targetVertex = target.vertices[ v ]; 511 | 512 | _vector3.x += ( targetVertex.x - vertex.x ) * influence; 513 | _vector3.y += ( targetVertex.y - vertex.y ) * influence; 514 | _vector3.z += ( targetVertex.z - vertex.z ) * influence; 515 | 516 | } 517 | 518 | } 519 | 520 | renderList.pushVertex( _vector3.x, _vector3.y, _vector3.z ); 521 | 522 | } 523 | 524 | for ( var f = 0, fl = faces.length; f < fl; f ++ ) { 525 | 526 | var face = faces[ f ]; 527 | 528 | material = isFaceMaterial === true 529 | ? objectMaterials.materials[ face.materialIndex ] 530 | : object.material; 531 | 532 | if ( material === undefined ) continue; 533 | 534 | var side = material.side; 535 | 536 | var v1 = _vertexPool[ face.a ]; 537 | var v2 = _vertexPool[ face.b ]; 538 | var v3 = _vertexPool[ face.c ]; 539 | 540 | if ( renderList.checkTriangleVisibility( v1, v2, v3 ) === false ) continue; 541 | 542 | var visible = renderList.checkBackfaceCulling( v1, v2, v3 ); 543 | 544 | if ( side !== THREE.DoubleSide ) { 545 | 546 | if ( side === THREE.FrontSide && visible === false ) continue; 547 | if ( side === THREE.BackSide && visible === true ) continue; 548 | 549 | } 550 | 551 | _face = getNextFaceInPool(); 552 | 553 | _face.id = object.id; 554 | _face.v1.copy( v1 ); 555 | _face.v2.copy( v2 ); 556 | _face.v3.copy( v3 ); 557 | 558 | _face.normalModel.copy( face.normal ); 559 | 560 | if ( visible === false && ( side === THREE.BackSide || side === THREE.DoubleSide ) ) { 561 | 562 | _face.normalModel.negate(); 563 | 564 | } 565 | 566 | _face.normalModel.applyMatrix3( _normalMatrix ).normalize(); 567 | 568 | var faceVertexNormals = face.vertexNormals; 569 | 570 | for ( var n = 0, nl = Math.min( faceVertexNormals.length, 3 ); n < nl; n ++ ) { 571 | 572 | var normalModel = _face.vertexNormalsModel[ n ]; 573 | normalModel.copy( faceVertexNormals[ n ] ); 574 | 575 | if ( visible === false && ( side === THREE.BackSide || side === THREE.DoubleSide ) ) { 576 | 577 | normalModel.negate(); 578 | 579 | } 580 | 581 | normalModel.applyMatrix3( _normalMatrix ).normalize(); 582 | 583 | } 584 | 585 | _face.vertexNormalsLength = faceVertexNormals.length; 586 | 587 | var vertexUvs = faceVertexUvs[ f ]; 588 | 589 | if ( vertexUvs !== undefined ) { 590 | 591 | for ( var u = 0; u < 3; u ++ ) { 592 | 593 | _face.uvs[ u ].copy( vertexUvs[ u ] ); 594 | 595 | } 596 | 597 | } 598 | 599 | _face.color = face.color; 600 | _face.material = material; 601 | 602 | _face.z = ( v1.positionScreen.z + v2.positionScreen.z + v3.positionScreen.z ) / 3; 603 | _face.renderOrder = object.renderOrder; 604 | 605 | _renderData.elements.push( _face ); 606 | 607 | } 608 | 609 | } 610 | 611 | } else if ( object instanceof THREE.Line ) { 612 | 613 | if ( geometry instanceof THREE.BufferGeometry ) { 614 | 615 | var attributes = geometry.attributes; 616 | 617 | if ( attributes.position !== undefined ) { 618 | 619 | var positions = attributes.position.array; 620 | 621 | for ( var i = 0, l = positions.length; i < l; i += 3 ) { 622 | 623 | renderList.pushVertex( positions[ i ], positions[ i + 1 ], positions[ i + 2 ] ); 624 | 625 | } 626 | 627 | if ( geometry.index !== null ) { 628 | 629 | var indices = geometry.index.array; 630 | 631 | for ( var i = 0, l = indices.length; i < l; i += 2 ) { 632 | 633 | renderList.pushLine( indices[ i ], indices[ i + 1 ] ); 634 | 635 | } 636 | 637 | } else { 638 | 639 | var step = object instanceof THREE.LineSegments ? 2 : 1; 640 | 641 | for ( var i = 0, l = ( positions.length / 3 ) - 1; i < l; i += step ) { 642 | 643 | renderList.pushLine( i, i + 1 ); 644 | 645 | } 646 | 647 | } 648 | 649 | } 650 | 651 | } else if ( geometry instanceof THREE.Geometry ) { 652 | 653 | _modelViewProjectionMatrix.multiplyMatrices( _viewProjectionMatrix, _modelMatrix ); 654 | 655 | var vertices = object.geometry.vertices; 656 | 657 | if ( vertices.length === 0 ) continue; 658 | 659 | v1 = getNextVertexInPool(); 660 | v1.positionScreen.copy( vertices[ 0 ] ).applyMatrix4( _modelViewProjectionMatrix ); 661 | 662 | var step = object instanceof THREE.LineSegments ? 2 : 1; 663 | 664 | for ( var v = 1, vl = vertices.length; v < vl; v ++ ) { 665 | 666 | v1 = getNextVertexInPool(); 667 | v1.positionScreen.copy( vertices[ v ] ).applyMatrix4( _modelViewProjectionMatrix ); 668 | 669 | if ( ( v + 1 ) % step > 0 ) continue; 670 | 671 | v2 = _vertexPool[ _vertexCount - 2 ]; 672 | 673 | _clippedVertex1PositionScreen.copy( v1.positionScreen ); 674 | _clippedVertex2PositionScreen.copy( v2.positionScreen ); 675 | 676 | if ( clipLine( _clippedVertex1PositionScreen, _clippedVertex2PositionScreen ) === true ) { 677 | 678 | // Perform the perspective divide 679 | _clippedVertex1PositionScreen.multiplyScalar( 1 / _clippedVertex1PositionScreen.w ); 680 | _clippedVertex2PositionScreen.multiplyScalar( 1 / _clippedVertex2PositionScreen.w ); 681 | 682 | _line = getNextLineInPool(); 683 | 684 | _line.id = object.id; 685 | _line.v1.positionScreen.copy( _clippedVertex1PositionScreen ); 686 | _line.v2.positionScreen.copy( _clippedVertex2PositionScreen ); 687 | 688 | _line.z = Math.max( _clippedVertex1PositionScreen.z, _clippedVertex2PositionScreen.z ); 689 | _line.renderOrder = object.renderOrder; 690 | 691 | _line.material = object.material; 692 | 693 | if ( object.material.vertexColors === THREE.VertexColors ) { 694 | 695 | _line.vertexColors[ 0 ].copy( object.geometry.colors[ v ] ); 696 | _line.vertexColors[ 1 ].copy( object.geometry.colors[ v - 1 ] ); 697 | 698 | } 699 | 700 | _renderData.elements.push( _line ); 701 | 702 | } 703 | 704 | } 705 | 706 | } 707 | 708 | } else if ( object instanceof THREE.Sprite ) { 709 | 710 | _vector4.set( _modelMatrix.elements[ 12 ], _modelMatrix.elements[ 13 ], _modelMatrix.elements[ 14 ], 1 ); 711 | _vector4.applyMatrix4( _viewProjectionMatrix ); 712 | 713 | var invW = 1 / _vector4.w; 714 | 715 | _vector4.z *= invW; 716 | 717 | if ( _vector4.z >= - 1 && _vector4.z <= 1 ) { 718 | 719 | _sprite = getNextSpriteInPool(); 720 | _sprite.id = object.id; 721 | _sprite.x = _vector4.x * invW; 722 | _sprite.y = _vector4.y * invW; 723 | _sprite.z = _vector4.z; 724 | _sprite.renderOrder = object.renderOrder; 725 | _sprite.object = object; 726 | 727 | _sprite.rotation = object.rotation; 728 | 729 | _sprite.scale.x = object.scale.x * Math.abs( _sprite.x - ( _vector4.x + camera.projectionMatrix.elements[ 0 ] ) / ( _vector4.w + camera.projectionMatrix.elements[ 12 ] ) ); 730 | _sprite.scale.y = object.scale.y * Math.abs( _sprite.y - ( _vector4.y + camera.projectionMatrix.elements[ 5 ] ) / ( _vector4.w + camera.projectionMatrix.elements[ 13 ] ) ); 731 | 732 | _sprite.material = object.material; 733 | 734 | _renderData.elements.push( _sprite ); 735 | 736 | } 737 | 738 | } 739 | 740 | } 741 | 742 | if ( sortElements === true ) { 743 | 744 | _renderData.elements.sort( painterSort ); 745 | 746 | } 747 | 748 | return _renderData; 749 | 750 | }; 751 | 752 | // Pools 753 | 754 | function getNextObjectInPool() { 755 | 756 | if ( _objectCount === _objectPoolLength ) { 757 | 758 | var object = new THREE.RenderableObject(); 759 | _objectPool.push( object ); 760 | _objectPoolLength ++; 761 | _objectCount ++; 762 | return object; 763 | 764 | } 765 | 766 | return _objectPool[ _objectCount ++ ]; 767 | 768 | } 769 | 770 | function getNextVertexInPool() { 771 | 772 | if ( _vertexCount === _vertexPoolLength ) { 773 | 774 | var vertex = new THREE.RenderableVertex(); 775 | _vertexPool.push( vertex ); 776 | _vertexPoolLength ++; 777 | _vertexCount ++; 778 | return vertex; 779 | 780 | } 781 | 782 | return _vertexPool[ _vertexCount ++ ]; 783 | 784 | } 785 | 786 | function getNextFaceInPool() { 787 | 788 | if ( _faceCount === _facePoolLength ) { 789 | 790 | var face = new THREE.RenderableFace(); 791 | _facePool.push( face ); 792 | _facePoolLength ++; 793 | _faceCount ++; 794 | return face; 795 | 796 | } 797 | 798 | return _facePool[ _faceCount ++ ]; 799 | 800 | 801 | } 802 | 803 | function getNextLineInPool() { 804 | 805 | if ( _lineCount === _linePoolLength ) { 806 | 807 | var line = new THREE.RenderableLine(); 808 | _linePool.push( line ); 809 | _linePoolLength ++; 810 | _lineCount ++; 811 | return line; 812 | 813 | } 814 | 815 | return _linePool[ _lineCount ++ ]; 816 | 817 | } 818 | 819 | function getNextSpriteInPool() { 820 | 821 | if ( _spriteCount === _spritePoolLength ) { 822 | 823 | var sprite = new THREE.RenderableSprite(); 824 | _spritePool.push( sprite ); 825 | _spritePoolLength ++; 826 | _spriteCount ++; 827 | return sprite; 828 | 829 | } 830 | 831 | return _spritePool[ _spriteCount ++ ]; 832 | 833 | } 834 | 835 | // 836 | 837 | function painterSort( a, b ) { 838 | 839 | if ( a.renderOrder !== b.renderOrder ) { 840 | 841 | return a.renderOrder - b.renderOrder; 842 | 843 | } else if ( a.z !== b.z ) { 844 | 845 | return b.z - a.z; 846 | 847 | } else if ( a.id !== b.id ) { 848 | 849 | return a.id - b.id; 850 | 851 | } else { 852 | 853 | return 0; 854 | 855 | } 856 | 857 | } 858 | 859 | function clipLine( s1, s2 ) { 860 | 861 | var alpha1 = 0, alpha2 = 1, 862 | 863 | // Calculate the boundary coordinate of each vertex for the near and far clip planes, 864 | // Z = -1 and Z = +1, respectively. 865 | bc1near = s1.z + s1.w, 866 | bc2near = s2.z + s2.w, 867 | bc1far = - s1.z + s1.w, 868 | bc2far = - s2.z + s2.w; 869 | 870 | if ( bc1near >= 0 && bc2near >= 0 && bc1far >= 0 && bc2far >= 0 ) { 871 | 872 | // Both vertices lie entirely within all clip planes. 873 | return true; 874 | 875 | } else if ( ( bc1near < 0 && bc2near < 0 ) || ( bc1far < 0 && bc2far < 0 ) ) { 876 | 877 | // Both vertices lie entirely outside one of the clip planes. 878 | return false; 879 | 880 | } else { 881 | 882 | // The line segment spans at least one clip plane. 883 | 884 | if ( bc1near < 0 ) { 885 | 886 | // v1 lies outside the near plane, v2 inside 887 | alpha1 = Math.max( alpha1, bc1near / ( bc1near - bc2near ) ); 888 | 889 | } else if ( bc2near < 0 ) { 890 | 891 | // v2 lies outside the near plane, v1 inside 892 | alpha2 = Math.min( alpha2, bc1near / ( bc1near - bc2near ) ); 893 | 894 | } 895 | 896 | if ( bc1far < 0 ) { 897 | 898 | // v1 lies outside the far plane, v2 inside 899 | alpha1 = Math.max( alpha1, bc1far / ( bc1far - bc2far ) ); 900 | 901 | } else if ( bc2far < 0 ) { 902 | 903 | // v2 lies outside the far plane, v2 inside 904 | alpha2 = Math.min( alpha2, bc1far / ( bc1far - bc2far ) ); 905 | 906 | } 907 | 908 | if ( alpha2 < alpha1 ) { 909 | 910 | // The line segment spans two boundaries, but is outside both of them. 911 | // (This can't happen when we're only clipping against just near/far but good 912 | // to leave the check here for future usage if other clip planes are added.) 913 | return false; 914 | 915 | } else { 916 | 917 | // Update the s1 and s2 vertices to match the clipped line segment. 918 | s1.lerp( s2, alpha1 ); 919 | s2.lerp( s1, 1 - alpha2 ); 920 | 921 | return true; 922 | 923 | } 924 | 925 | } 926 | 927 | } 928 | 929 | }; 930 | -------------------------------------------------------------------------------- /public/javascripts/Spinner.js: -------------------------------------------------------------------------------- 1 | var utils = utils || {}; 2 | utils.Spinner = function() { 3 | 4 | var stackSize = 0; 5 | 6 | this.show = function() { 7 | if (stackSize === 0) { 8 | if ($('#progress-container').children().size() == 0) { 9 | $('#progress-container').append( 10 | '
    in progress
    '); 11 | } 12 | $('#progress').show(); 13 | } 14 | ++stackSize; 15 | } 16 | 17 | this.hide = function() { 18 | --stackSize; 19 | if (stackSize == 0) { 20 | $('#progress').hide(); 21 | } 22 | } 23 | 24 | } 25 | utils.spinner = new SS.Spinner(); 26 | utils.withSpinner = function(closure) { 27 | utils.spinner.show(); 28 | try { 29 | closure(); 30 | } catch (e) { 31 | console.error(e); 32 | } 33 | utils.spinner.hide(); 34 | } -------------------------------------------------------------------------------- /public/javascripts/TinyTrackballControls.js: -------------------------------------------------------------------------------- 1 | /* 2 | 2012-04-12 jan thor 3 | 4 | Modified TrackballControls from Three.js to include the use case where the 5 | canvas element used for rendering doesn't fill the whole page, and the page 6 | doesn't fit the window. 7 | */ 8 | 9 | THREE.TinyTrackballControls = function ( object, domElement ) { 10 | 11 | var _this = this, 12 | STATE = { NONE : -1, ROTATE : 0, ZOOM : 1, PAN : 2 }; 13 | 14 | this.object = object; 15 | this.domElement = ( domElement !== undefined ) ? domElement : document; 16 | 17 | // API 18 | 19 | this.enabled = true; 20 | 21 | this.rotateSpeed = 1.0; 22 | this.zoomSpeed = 1.2; 23 | this.panSpeed = 0.3; 24 | 25 | this.noRotate = false; 26 | this.noZoom = false; 27 | this.noPan = false; 28 | 29 | this.staticMoving = false; 30 | this.dynamicDampingFactor = 0.2; 31 | 32 | this.minDistance = 0; 33 | this.maxDistance = Infinity; 34 | 35 | this.keys = [ 65 /*A*/, 83 /*S*/, 68 /*D*/ ]; 36 | 37 | this.ismine = true; 38 | 39 | // internals 40 | 41 | this.target = new THREE.Vector3( 0, 0, 0 ); 42 | 43 | var _keyPressed = false, 44 | _state = STATE.NONE, 45 | 46 | _eye = new THREE.Vector3(), 47 | 48 | _rotateStart = new THREE.Vector3(), 49 | _rotateEnd = new THREE.Vector3(), 50 | 51 | _zoomStart = new THREE.Vector2(), 52 | _zoomEnd = new THREE.Vector2(), 53 | 54 | _panStart = new THREE.Vector2(), 55 | _panEnd = new THREE.Vector2(); 56 | 57 | // location on screen 58 | 59 | _virginity = true; 60 | 61 | this.relocate = function(event) { 62 | var elem = _this.domElement; 63 | var tdeLeftOffset = elem.offsetLeft; 64 | var tdeTopOffset = elem.offsetTop; 65 | while (elem = elem.offsetParent) 66 | { 67 | tdeLeftOffset += elem.offsetLeft; 68 | tdeTopOffset += elem.offsetTop; 69 | } 70 | _this.screen = { 71 | width: _this.domElement.clientWidth, 72 | height: _this.domElement.clientHeight, 73 | offsetLeft: tdeLeftOffset - window.pageXOffset, 74 | offsetTop: tdeTopOffset - window.pageYOffset}; 75 | } 76 | 77 | this.first_relocate = function(event) { 78 | _virginity = false; 79 | this.relocate(); 80 | _this.radius = (_this.screen.width + _this.screen.height ) / 4; 81 | } 82 | 83 | // methods 84 | 85 | this.handleEvent = function ( event ) { 86 | 87 | if ( typeof this[ event.type ] == 'function' ) { 88 | 89 | this[ event.type ]( event ); 90 | 91 | } 92 | 93 | }; 94 | 95 | this.getMouseOnScreen = function( clientX, clientY ) { 96 | 97 | return new THREE.Vector2( 98 | ( clientX - _this.screen.offsetLeft ) / _this.radius * 0.5, 99 | ( clientY - _this.screen.offsetTop ) / _this.radius * 0.5 100 | ); 101 | 102 | }; 103 | 104 | this.getMouseProjectionOnBall = function( clientX, clientY ) { 105 | 106 | var mouseOnBall = new THREE.Vector3( 107 | ( clientX - _this.screen.width * 0.5 - _this.screen.offsetLeft ) / _this.radius, 108 | ( _this.screen.height * 0.5 + _this.screen.offsetTop - clientY ) / _this.radius, 109 | 0.0 110 | ); 111 | 112 | var length = mouseOnBall.length(); 113 | 114 | if ( length > 1.0 ) { 115 | 116 | mouseOnBall.normalize(); 117 | 118 | } else { 119 | 120 | mouseOnBall.z = Math.sqrt( 1.0 - length * length ); 121 | 122 | } 123 | 124 | _eye.copy( _this.object.position ).subSelf( _this.target ); 125 | 126 | var projection = _this.object.up.clone().setLength( mouseOnBall.y ); 127 | projection.addSelf( _this.object.up.clone().crossSelf( _eye ).setLength( mouseOnBall.x ) ); 128 | projection.addSelf( _eye.setLength( mouseOnBall.z ) ); 129 | 130 | return projection; 131 | 132 | }; 133 | 134 | this.rotateCamera = function() { 135 | 136 | var angle = Math.acos( _rotateStart.dot( _rotateEnd ) / _rotateStart.length() / _rotateEnd.length() ); 137 | 138 | if ( angle ) { 139 | 140 | var axis = ( new THREE.Vector3() ).cross( _rotateStart, _rotateEnd ).normalize(), 141 | quaternion = new THREE.Quaternion(); 142 | 143 | angle *= _this.rotateSpeed; 144 | 145 | quaternion.setFromAxisAngle( axis, -angle ); 146 | 147 | quaternion.multiplyVector3( _eye ); 148 | quaternion.multiplyVector3( _this.object.up ); 149 | 150 | quaternion.multiplyVector3( _rotateEnd ); 151 | 152 | if ( _this.staticMoving ) { 153 | 154 | _rotateStart = _rotateEnd; 155 | 156 | } else { 157 | 158 | quaternion.setFromAxisAngle( axis, angle * ( _this.dynamicDampingFactor - 1.0 ) ); 159 | quaternion.multiplyVector3( _rotateStart ); 160 | 161 | } 162 | 163 | } 164 | 165 | }; 166 | 167 | this.zoomCamera = function() { 168 | 169 | var factor = 1.0 + ( _zoomEnd.y - _zoomStart.y ) * _this.zoomSpeed; 170 | 171 | if ( factor !== 1.0 && factor > 0.0 ) { 172 | 173 | _eye.multiplyScalar( factor ); 174 | 175 | if ( _this.staticMoving ) { 176 | 177 | _zoomStart = _zoomEnd; 178 | 179 | } else { 180 | 181 | _zoomStart.y += ( _zoomEnd.y - _zoomStart.y ) * this.dynamicDampingFactor; 182 | 183 | } 184 | 185 | } 186 | 187 | }; 188 | 189 | this.panCamera = function() { 190 | 191 | var mouseChange = _panEnd.clone().subSelf( _panStart ); 192 | 193 | if ( mouseChange.lengthSq() ) { 194 | 195 | mouseChange.multiplyScalar( _eye.length() * _this.panSpeed ); 196 | 197 | var pan = _eye.clone().crossSelf( _this.object.up ).setLength( mouseChange.x ); 198 | pan.addSelf( _this.object.up.clone().setLength( mouseChange.y ) ); 199 | 200 | _this.object.position.addSelf( pan ); 201 | _this.target.addSelf( pan ); 202 | 203 | if ( _this.staticMoving ) { 204 | 205 | _panStart = _panEnd; 206 | 207 | } else { 208 | 209 | _panStart.addSelf( mouseChange.sub( _panEnd, _panStart ).multiplyScalar( _this.dynamicDampingFactor ) ); 210 | 211 | } 212 | 213 | } 214 | 215 | }; 216 | 217 | this.checkDistances = function() { 218 | 219 | if ( !_this.noZoom || !_this.noPan ) { 220 | 221 | if ( _this.object.position.lengthSq() > _this.maxDistance * _this.maxDistance ) { 222 | 223 | _this.object.position.setLength( _this.maxDistance ); 224 | 225 | } 226 | 227 | if ( _eye.lengthSq() < _this.minDistance * _this.minDistance ) { 228 | 229 | _this.object.position.add( _this.target, _eye.setLength( _this.minDistance ) ); 230 | 231 | } 232 | 233 | } 234 | 235 | }; 236 | 237 | this.update = function() { 238 | 239 | _eye.copy( _this.object.position ).subSelf( this.target ); 240 | 241 | if ( !_this.noRotate ) { 242 | 243 | _this.rotateCamera(); 244 | 245 | } 246 | 247 | if ( !_this.noZoom ) { 248 | 249 | _this.zoomCamera(); 250 | 251 | } 252 | 253 | if ( !_this.noPan ) { 254 | 255 | _this.panCamera(); 256 | 257 | } 258 | 259 | _this.object.position.add( _this.target, _eye ); 260 | 261 | _this.checkDistances(); 262 | 263 | _this.object.lookAt( _this.target ); 264 | 265 | }; 266 | 267 | 268 | // listeners 269 | 270 | function keydown( event ) { 271 | 272 | if ( ! _this.enabled ) return; 273 | 274 | if ( _state !== STATE.NONE ) { 275 | 276 | return; 277 | 278 | } else if ( event.keyCode === _this.keys[ STATE.ROTATE ] && !_this.noRotate ) { 279 | 280 | _state = STATE.ROTATE; 281 | 282 | } else if ( event.keyCode === _this.keys[ STATE.ZOOM ] && !_this.noZoom ) { 283 | 284 | _state = STATE.ZOOM; 285 | 286 | } else if ( event.keyCode === _this.keys[ STATE.PAN ] && !_this.noPan ) { 287 | 288 | _state = STATE.PAN; 289 | 290 | } 291 | 292 | if ( _state !== STATE.NONE ) { 293 | 294 | _keyPressed = true; 295 | 296 | } 297 | event.stopPropagation(); 298 | 299 | }; 300 | 301 | function keyup( event ) { 302 | 303 | if ( ! _this.enabled ) return; 304 | 305 | if ( _state !== STATE.NONE ) { 306 | 307 | _state = STATE.NONE; 308 | 309 | } 310 | 311 | }; 312 | 313 | function mousedown( event ) { 314 | 315 | if(_virginity) _this.first_relocate(); 316 | 317 | if ( ! _this.enabled ) return; 318 | 319 | event.preventDefault(); 320 | event.stopPropagation(); 321 | 322 | if ( _state === STATE.NONE ) { 323 | 324 | _state = event.button; 325 | 326 | if ( _state === STATE.ROTATE && !_this.noRotate ) { 327 | 328 | _rotateStart = _rotateEnd = _this.getMouseProjectionOnBall( event.clientX, event.clientY ); 329 | 330 | } else if ( _state === STATE.ZOOM && !_this.noZoom ) { 331 | 332 | _zoomStart = _zoomEnd = _this.getMouseOnScreen( event.clientX, event.clientY ); 333 | 334 | } else if ( !this.noPan ) { 335 | 336 | _panStart = _panEnd = _this.getMouseOnScreen( event.clientX, event.clientY ); 337 | 338 | } 339 | 340 | } 341 | 342 | }; 343 | 344 | function mousemove( event ) { 345 | 346 | if ( ! _this.enabled ) return; 347 | 348 | if ( _keyPressed ) { 349 | 350 | _rotateStart = _rotateEnd = _this.getMouseProjectionOnBall( event.clientX, event.clientY ); 351 | _zoomStart = _zoomEnd = _this.getMouseOnScreen( event.clientX, event.clientY ); 352 | _panStart = _panEnd = _this.getMouseOnScreen( event.clientX, event.clientY ); 353 | 354 | _keyPressed = false; 355 | 356 | } 357 | 358 | if ( _state === STATE.NONE ) { 359 | 360 | return; 361 | 362 | } else if ( _state === STATE.ROTATE && !_this.noRotate ) { 363 | 364 | _rotateEnd = _this.getMouseProjectionOnBall( event.clientX, event.clientY ); 365 | 366 | } else if ( _state === STATE.ZOOM && !_this.noZoom ) { 367 | 368 | _zoomEnd = _this.getMouseOnScreen( event.clientX, event.clientY ); 369 | 370 | } else if ( _state === STATE.PAN && !_this.noPan ) { 371 | 372 | _panEnd = _this.getMouseOnScreen( event.clientX, event.clientY ); 373 | 374 | } 375 | 376 | }; 377 | 378 | function mouseup( event ) { 379 | 380 | if ( ! _this.enabled ) return; 381 | 382 | event.preventDefault(); 383 | event.stopPropagation(); 384 | 385 | _state = STATE.NONE; 386 | 387 | }; 388 | 389 | this.domElement.addEventListener( 'contextmenu', function ( event ) { event.preventDefault(); }, false ); 390 | 391 | this.domElement.addEventListener( 'mousemove', mousemove, false ); 392 | this.domElement.addEventListener( 'mousedown', mousedown, false ); 393 | this.domElement.addEventListener( 'mouseup', mouseup, false ); 394 | 395 | this.domElement.addEventListener( 'keydown', keydown, true ); 396 | this.domElement.addEventListener( 'keyup', keyup, true ); 397 | 398 | document.addEventListener('scroll', this.relocate, false); 399 | window.addEventListener('resize', this.relocate, false); 400 | 401 | } -------------------------------------------------------------------------------- /public/javascripts/TrackballControls.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author Eberhard Graether / http://egraether.com/ 3 | * @author Mark Lundin / http://mark-lundin.com 4 | * @author Simone Manini / http://daron1337.github.io 5 | * @author Luca Antiga / http://lantiga.github.io 6 | */ 7 | 8 | THREE.TrackballControls = function ( object, domElement ) { 9 | 10 | var _this = this; 11 | var STATE = { NONE: - 1, ROTATE: 0, ZOOM: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_ZOOM_PAN: 4 }; 12 | 13 | this.object = object; 14 | this.domElement = ( domElement !== undefined ) ? domElement : document; 15 | 16 | // API 17 | 18 | this.enabled = true; 19 | 20 | this.screen = { left: 0, top: 0, width: 0, height: 0 }; 21 | 22 | this.rotateSpeed = 1.0; 23 | this.zoomSpeed = 1.2; 24 | this.panSpeed = 0.3; 25 | 26 | this.noRotate = false; 27 | this.noZoom = false; 28 | this.noPan = false; 29 | 30 | this.staticMoving = false; 31 | this.dynamicDampingFactor = 0.2; 32 | 33 | this.minDistance = 0; 34 | this.maxDistance = Infinity; 35 | 36 | this.keys = [ 65 /*A*/, 83 /*S*/, 68 /*D*/ ]; 37 | 38 | // internals 39 | 40 | this.target = new THREE.Vector3(); 41 | 42 | var EPS = 0.000001; 43 | 44 | var lastPosition = new THREE.Vector3(); 45 | 46 | var _state = STATE.NONE, 47 | _prevState = STATE.NONE, 48 | 49 | _eye = new THREE.Vector3(), 50 | 51 | _movePrev = new THREE.Vector2(), 52 | _moveCurr = new THREE.Vector2(), 53 | 54 | _lastAxis = new THREE.Vector3(), 55 | _lastAngle = 0, 56 | 57 | _zoomStart = new THREE.Vector2(), 58 | _zoomEnd = new THREE.Vector2(), 59 | 60 | _touchZoomDistanceStart = 0, 61 | _touchZoomDistanceEnd = 0, 62 | 63 | _panStart = new THREE.Vector2(), 64 | _panEnd = new THREE.Vector2(); 65 | 66 | // for reset 67 | 68 | this.target0 = this.target.clone(); 69 | this.position0 = this.object.position.clone(); 70 | this.up0 = this.object.up.clone(); 71 | 72 | // events 73 | 74 | var changeEvent = { type: 'change' }; 75 | var startEvent = { type: 'start' }; 76 | var endEvent = { type: 'end' }; 77 | 78 | 79 | // methods 80 | 81 | this.handleResize = function () { 82 | 83 | if ( this.domElement === document ) { 84 | 85 | this.screen.left = 0; 86 | this.screen.top = 0; 87 | this.screen.width = window.innerWidth; 88 | this.screen.height = window.innerHeight; 89 | 90 | } else { 91 | 92 | var box = this.domElement.getBoundingClientRect(); 93 | // adjustments come from similar code in the jquery offset() function 94 | var d = this.domElement.ownerDocument.documentElement; 95 | this.screen.left = box.left + window.pageXOffset - d.clientLeft; 96 | this.screen.top = box.top + window.pageYOffset - d.clientTop; 97 | this.screen.width = box.width; 98 | this.screen.height = box.height; 99 | 100 | } 101 | 102 | }; 103 | 104 | this.handleEvent = function ( event ) { 105 | 106 | if ( typeof this[ event.type ] == 'function' ) { 107 | 108 | this[ event.type ]( event ); 109 | 110 | } 111 | 112 | }; 113 | 114 | var getMouseOnScreen = ( function () { 115 | 116 | var vector = new THREE.Vector2(); 117 | 118 | return function getMouseOnScreen( pageX, pageY ) { 119 | 120 | vector.set( 121 | ( pageX - _this.screen.left ) / _this.screen.width, 122 | ( pageY - _this.screen.top ) / _this.screen.height 123 | ); 124 | 125 | return vector; 126 | 127 | }; 128 | 129 | }() ); 130 | 131 | var getMouseOnCircle = ( function () { 132 | 133 | var vector = new THREE.Vector2(); 134 | 135 | return function getMouseOnCircle( pageX, pageY ) { 136 | 137 | vector.set( 138 | ( ( pageX - _this.screen.width * 0.5 - _this.screen.left ) / ( _this.screen.width * 0.5 ) ), 139 | ( ( _this.screen.height + 2 * ( _this.screen.top - pageY ) ) / _this.screen.width ) // screen.width intentional 140 | ); 141 | 142 | return vector; 143 | 144 | }; 145 | 146 | }() ); 147 | 148 | this.rotateCamera = ( function() { 149 | 150 | var axis = new THREE.Vector3(), 151 | quaternion = new THREE.Quaternion(), 152 | eyeDirection = new THREE.Vector3(), 153 | objectUpDirection = new THREE.Vector3(), 154 | objectSidewaysDirection = new THREE.Vector3(), 155 | moveDirection = new THREE.Vector3(), 156 | angle; 157 | 158 | return function rotateCamera() { 159 | 160 | moveDirection.set( _moveCurr.x - _movePrev.x, _moveCurr.y - _movePrev.y, 0 ); 161 | angle = moveDirection.length(); 162 | 163 | if ( angle ) { 164 | 165 | _eye.copy( _this.object.position ).sub( _this.target ); 166 | 167 | eyeDirection.copy( _eye ).normalize(); 168 | objectUpDirection.copy( _this.object.up ).normalize(); 169 | objectSidewaysDirection.crossVectors( objectUpDirection, eyeDirection ).normalize(); 170 | 171 | objectUpDirection.setLength( _moveCurr.y - _movePrev.y ); 172 | objectSidewaysDirection.setLength( _moveCurr.x - _movePrev.x ); 173 | 174 | moveDirection.copy( objectUpDirection.add( objectSidewaysDirection ) ); 175 | 176 | axis.crossVectors( moveDirection, _eye ).normalize(); 177 | 178 | angle *= _this.rotateSpeed; 179 | quaternion.setFromAxisAngle( axis, angle ); 180 | 181 | _eye.applyQuaternion( quaternion ); 182 | _this.object.up.applyQuaternion( quaternion ); 183 | 184 | _lastAxis.copy( axis ); 185 | _lastAngle = angle; 186 | 187 | } else if ( ! _this.staticMoving && _lastAngle ) { 188 | 189 | _lastAngle *= Math.sqrt( 1.0 - _this.dynamicDampingFactor ); 190 | _eye.copy( _this.object.position ).sub( _this.target ); 191 | quaternion.setFromAxisAngle( _lastAxis, _lastAngle ); 192 | _eye.applyQuaternion( quaternion ); 193 | _this.object.up.applyQuaternion( quaternion ); 194 | 195 | } 196 | 197 | _movePrev.copy( _moveCurr ); 198 | 199 | }; 200 | 201 | }() ); 202 | 203 | 204 | this.zoomCamera = function () { 205 | 206 | var factor; 207 | 208 | if ( _state === STATE.TOUCH_ZOOM_PAN ) { 209 | 210 | factor = _touchZoomDistanceStart / _touchZoomDistanceEnd; 211 | _touchZoomDistanceStart = _touchZoomDistanceEnd; 212 | _eye.multiplyScalar( factor ); 213 | 214 | } else { 215 | 216 | factor = 1.0 + ( _zoomEnd.y - _zoomStart.y ) * _this.zoomSpeed; 217 | 218 | if ( factor !== 1.0 && factor > 0.0 ) { 219 | 220 | _eye.multiplyScalar( factor ); 221 | 222 | } 223 | 224 | if ( _this.staticMoving ) { 225 | 226 | _zoomStart.copy( _zoomEnd ); 227 | 228 | } else { 229 | 230 | _zoomStart.y += ( _zoomEnd.y - _zoomStart.y ) * this.dynamicDampingFactor; 231 | 232 | } 233 | 234 | } 235 | 236 | }; 237 | 238 | this.panCamera = ( function() { 239 | 240 | var mouseChange = new THREE.Vector2(), 241 | objectUp = new THREE.Vector3(), 242 | pan = new THREE.Vector3(); 243 | 244 | return function panCamera() { 245 | 246 | mouseChange.copy( _panEnd ).sub( _panStart ); 247 | 248 | if ( mouseChange.lengthSq() ) { 249 | 250 | mouseChange.multiplyScalar( _eye.length() * _this.panSpeed ); 251 | 252 | pan.copy( _eye ).cross( _this.object.up ).setLength( mouseChange.x ); 253 | pan.add( objectUp.copy( _this.object.up ).setLength( mouseChange.y ) ); 254 | 255 | _this.object.position.add( pan ); 256 | _this.target.add( pan ); 257 | 258 | if ( _this.staticMoving ) { 259 | 260 | _panStart.copy( _panEnd ); 261 | 262 | } else { 263 | 264 | _panStart.add( mouseChange.subVectors( _panEnd, _panStart ).multiplyScalar( _this.dynamicDampingFactor ) ); 265 | 266 | } 267 | 268 | } 269 | 270 | }; 271 | 272 | }() ); 273 | 274 | this.checkDistances = function () { 275 | 276 | if ( ! _this.noZoom || ! _this.noPan ) { 277 | 278 | if ( _eye.lengthSq() > _this.maxDistance * _this.maxDistance ) { 279 | 280 | _this.object.position.addVectors( _this.target, _eye.setLength( _this.maxDistance ) ); 281 | _zoomStart.copy( _zoomEnd ); 282 | 283 | } 284 | 285 | if ( _eye.lengthSq() < _this.minDistance * _this.minDistance ) { 286 | 287 | _this.object.position.addVectors( _this.target, _eye.setLength( _this.minDistance ) ); 288 | _zoomStart.copy( _zoomEnd ); 289 | 290 | } 291 | 292 | } 293 | 294 | }; 295 | 296 | this.update = function () { 297 | 298 | _eye.subVectors( _this.object.position, _this.target ); 299 | 300 | if ( ! _this.noRotate ) { 301 | 302 | _this.rotateCamera(); 303 | 304 | } 305 | 306 | if ( ! _this.noZoom ) { 307 | 308 | _this.zoomCamera(); 309 | 310 | } 311 | 312 | if ( ! _this.noPan ) { 313 | 314 | _this.panCamera(); 315 | 316 | } 317 | 318 | _this.object.position.addVectors( _this.target, _eye ); 319 | 320 | _this.checkDistances(); 321 | 322 | _this.object.lookAt( _this.target ); 323 | 324 | if ( lastPosition.distanceToSquared( _this.object.position ) > EPS ) { 325 | 326 | _this.dispatchEvent( changeEvent ); 327 | 328 | lastPosition.copy( _this.object.position ); 329 | 330 | } 331 | 332 | }; 333 | 334 | this.reset = function () { 335 | 336 | _state = STATE.NONE; 337 | _prevState = STATE.NONE; 338 | 339 | _this.target.copy( _this.target0 ); 340 | _this.object.position.copy( _this.position0 ); 341 | _this.object.up.copy( _this.up0 ); 342 | 343 | _eye.subVectors( _this.object.position, _this.target ); 344 | 345 | _this.object.lookAt( _this.target ); 346 | 347 | _this.dispatchEvent( changeEvent ); 348 | 349 | lastPosition.copy( _this.object.position ); 350 | 351 | }; 352 | 353 | // listeners 354 | 355 | function keydown( event ) { 356 | 357 | if ( _this.enabled === false ) return; 358 | 359 | window.removeEventListener( 'keydown', keydown ); 360 | 361 | _prevState = _state; 362 | 363 | if ( _state !== STATE.NONE ) { 364 | 365 | return; 366 | 367 | } else if ( event.keyCode === _this.keys[ STATE.ROTATE ] && ! _this.noRotate ) { 368 | 369 | _state = STATE.ROTATE; 370 | 371 | } else if ( event.keyCode === _this.keys[ STATE.ZOOM ] && ! _this.noZoom ) { 372 | 373 | _state = STATE.ZOOM; 374 | 375 | } else if ( event.keyCode === _this.keys[ STATE.PAN ] && ! _this.noPan ) { 376 | 377 | _state = STATE.PAN; 378 | 379 | } 380 | 381 | } 382 | 383 | function keyup( event ) { 384 | 385 | if ( _this.enabled === false ) return; 386 | 387 | _state = _prevState; 388 | 389 | window.addEventListener( 'keydown', keydown, false ); 390 | 391 | } 392 | 393 | function mousedown( event ) { 394 | 395 | if ( _this.enabled === false ) return; 396 | 397 | event.preventDefault(); 398 | event.stopPropagation(); 399 | 400 | if ( _state === STATE.NONE ) { 401 | 402 | _state = event.button; 403 | 404 | } 405 | 406 | if ( _state === STATE.ROTATE && ! _this.noRotate ) { 407 | 408 | _moveCurr.copy( getMouseOnCircle( event.pageX, event.pageY ) ); 409 | _movePrev.copy( _moveCurr ); 410 | 411 | } else if ( _state === STATE.ZOOM && ! _this.noZoom ) { 412 | 413 | _zoomStart.copy( getMouseOnScreen( event.pageX, event.pageY ) ); 414 | _zoomEnd.copy( _zoomStart ); 415 | 416 | } else if ( _state === STATE.PAN && ! _this.noPan ) { 417 | 418 | _panStart.copy( getMouseOnScreen( event.pageX, event.pageY ) ); 419 | _panEnd.copy( _panStart ); 420 | 421 | } 422 | 423 | document.addEventListener( 'mousemove', mousemove, false ); 424 | document.addEventListener( 'mouseup', mouseup, false ); 425 | 426 | _this.dispatchEvent( startEvent ); 427 | 428 | } 429 | 430 | function mousemove( event ) { 431 | 432 | if ( _this.enabled === false ) return; 433 | 434 | event.preventDefault(); 435 | event.stopPropagation(); 436 | 437 | if ( _state === STATE.ROTATE && ! _this.noRotate ) { 438 | 439 | _movePrev.copy( _moveCurr ); 440 | _moveCurr.copy( getMouseOnCircle( event.pageX, event.pageY ) ); 441 | 442 | } else if ( _state === STATE.ZOOM && ! _this.noZoom ) { 443 | 444 | _zoomEnd.copy( getMouseOnScreen( event.pageX, event.pageY ) ); 445 | 446 | } else if ( _state === STATE.PAN && ! _this.noPan ) { 447 | 448 | _panEnd.copy( getMouseOnScreen( event.pageX, event.pageY ) ); 449 | 450 | } 451 | 452 | } 453 | 454 | function mouseup( event ) { 455 | 456 | if ( _this.enabled === false ) return; 457 | 458 | event.preventDefault(); 459 | event.stopPropagation(); 460 | 461 | _state = STATE.NONE; 462 | 463 | document.removeEventListener( 'mousemove', mousemove ); 464 | document.removeEventListener( 'mouseup', mouseup ); 465 | _this.dispatchEvent( endEvent ); 466 | 467 | } 468 | 469 | function mousewheel( event ) { 470 | 471 | if ( _this.enabled === false ) return; 472 | 473 | event.preventDefault(); 474 | event.stopPropagation(); 475 | 476 | switch ( event.deltaMode ) { 477 | 478 | case 2: 479 | // Zoom in pages 480 | _zoomStart.y -= event.deltaY * 0.025; 481 | break; 482 | 483 | case 1: 484 | // Zoom in lines 485 | _zoomStart.y -= event.deltaY * 0.01; 486 | break; 487 | 488 | default: 489 | // undefined, 0, assume pixels 490 | _zoomStart.y -= event.deltaY * 0.00025; 491 | break; 492 | 493 | } 494 | 495 | _this.dispatchEvent( startEvent ); 496 | _this.dispatchEvent( endEvent ); 497 | 498 | } 499 | 500 | function touchstart( event ) { 501 | 502 | if ( _this.enabled === false ) return; 503 | 504 | switch ( event.touches.length ) { 505 | 506 | case 1: 507 | _state = STATE.TOUCH_ROTATE; 508 | _moveCurr.copy( getMouseOnCircle( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ) ); 509 | _movePrev.copy( _moveCurr ); 510 | break; 511 | 512 | default: // 2 or more 513 | _state = STATE.TOUCH_ZOOM_PAN; 514 | var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; 515 | var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; 516 | _touchZoomDistanceEnd = _touchZoomDistanceStart = Math.sqrt( dx * dx + dy * dy ); 517 | 518 | var x = ( event.touches[ 0 ].pageX + event.touches[ 1 ].pageX ) / 2; 519 | var y = ( event.touches[ 0 ].pageY + event.touches[ 1 ].pageY ) / 2; 520 | _panStart.copy( getMouseOnScreen( x, y ) ); 521 | _panEnd.copy( _panStart ); 522 | break; 523 | 524 | } 525 | 526 | _this.dispatchEvent( startEvent ); 527 | 528 | } 529 | 530 | function touchmove( event ) { 531 | 532 | if ( _this.enabled === false ) return; 533 | 534 | event.preventDefault(); 535 | event.stopPropagation(); 536 | 537 | switch ( event.touches.length ) { 538 | 539 | case 1: 540 | _movePrev.copy( _moveCurr ); 541 | _moveCurr.copy( getMouseOnCircle( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ) ); 542 | break; 543 | 544 | default: // 2 or more 545 | var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX; 546 | var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY; 547 | _touchZoomDistanceEnd = Math.sqrt( dx * dx + dy * dy ); 548 | 549 | var x = ( event.touches[ 0 ].pageX + event.touches[ 1 ].pageX ) / 2; 550 | var y = ( event.touches[ 0 ].pageY + event.touches[ 1 ].pageY ) / 2; 551 | _panEnd.copy( getMouseOnScreen( x, y ) ); 552 | break; 553 | 554 | } 555 | 556 | } 557 | 558 | function touchend( event ) { 559 | 560 | if ( _this.enabled === false ) return; 561 | 562 | switch ( event.touches.length ) { 563 | 564 | case 0: 565 | _state = STATE.NONE; 566 | break; 567 | 568 | case 1: 569 | _state = STATE.TOUCH_ROTATE; 570 | _moveCurr.copy( getMouseOnCircle( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY ) ); 571 | _movePrev.copy( _moveCurr ); 572 | break; 573 | 574 | } 575 | 576 | _this.dispatchEvent( endEvent ); 577 | 578 | } 579 | 580 | function contextmenu( event ) { 581 | 582 | event.preventDefault(); 583 | 584 | } 585 | 586 | this.dispose = function() { 587 | 588 | this.domElement.removeEventListener( 'contextmenu', contextmenu, false ); 589 | this.domElement.removeEventListener( 'mousedown', mousedown, false ); 590 | this.domElement.removeEventListener( 'wheel', mousewheel, false ); 591 | 592 | this.domElement.removeEventListener( 'touchstart', touchstart, false ); 593 | this.domElement.removeEventListener( 'touchend', touchend, false ); 594 | this.domElement.removeEventListener( 'touchmove', touchmove, false ); 595 | 596 | document.removeEventListener( 'mousemove', mousemove, false ); 597 | document.removeEventListener( 'mouseup', mouseup, false ); 598 | 599 | window.removeEventListener( 'keydown', keydown, false ); 600 | window.removeEventListener( 'keyup', keyup, false ); 601 | 602 | }; 603 | 604 | this.domElement.addEventListener( 'contextmenu', contextmenu, false ); 605 | this.domElement.addEventListener( 'mousedown', mousedown, false ); 606 | this.domElement.addEventListener( 'wheel', mousewheel, false ); 607 | 608 | this.domElement.addEventListener( 'touchstart', touchstart, false ); 609 | this.domElement.addEventListener( 'touchend', touchend, false ); 610 | this.domElement.addEventListener( 'touchmove', touchmove, false ); 611 | 612 | window.addEventListener( 'keydown', keydown, false ); 613 | window.addEventListener( 'keyup', keyup, false ); 614 | 615 | this.handleResize(); 616 | 617 | // force an update at start 618 | this.update(); 619 | 620 | }; 621 | 622 | THREE.TrackballControls.prototype = Object.create( THREE.EventDispatcher.prototype ); 623 | THREE.TrackballControls.prototype.constructor = THREE.TrackballControls; 624 | -------------------------------------------------------------------------------- /public/javascripts/mode-coffee.js: -------------------------------------------------------------------------------- 1 | ace.define("ace/mode/coffee",["require","exports","module","ace/tokenizer","ace/mode/coffee_highlight_rules","ace/mode/matching_brace_outdent","ace/mode/folding/coffee","ace/range","ace/mode/text","ace/worker/worker_client","ace/lib/oop"],function(a,b,c){function l(){this.$tokenizer=new d((new e).getRules()),this.$outdent=new f,this.foldingRules=new g}var d=a("../tokenizer").Tokenizer,e=a("./coffee_highlight_rules").CoffeeHighlightRules,f=a("./matching_brace_outdent").MatchingBraceOutdent,g=a("./folding/coffee").FoldMode,h=a("../range").Range,i=a("./text").Mode,j=a("../worker/worker_client").WorkerClient,k=a("../lib/oop");k.inherits(l,i),function(){var a=/(?:[({[=:]|[-=]>|\b(?:else|switch|try|catch(?:\s*[$A-Za-z_\x7f-\uffff][$\w\x7f-\uffff]*)?|finally))\s*$/,b=/^(\s*)#/,c=/^\s*###(?!#)/,d=/^\s*/;this.getNextLineIndent=function(b,c,d){var e=this.$getIndent(c),f=this.$tokenizer.getLineTokens(c,b).tokens;return(!f.length||f[f.length-1].type!=="comment")&&b==="start"&&a.test(c)&&(e+=d),e},this.toggleCommentLines=function(a,e,f,g){console.log("toggle");var i=new h(0,0,0,0);for(var j=f;j<=g;++j){var k=e.getLine(j);if(c.test(k))continue;b.test(k)?k=k.replace(b,"$1"):k=k.replace(d,"$&#"),i.end.row=i.start.row=j,i.end.column=k.length+1,e.replace(i,k)}},this.checkOutdent=function(a,b,c){return this.$outdent.checkOutdent(b,c)},this.autoOutdent=function(a,b,c){this.$outdent.autoOutdent(b,c)},this.createWorker=function(a){var b=new j(["ace"],"ace/mode/coffee_worker","Worker");return b.attachToDocument(a.getDocument()),b.on("error",function(b){a.setAnnotations([b.data])}),b.on("ok",function(b){a.clearAnnotations()}),b}}.call(l.prototype),b.Mode=l}),ace.define("ace/mode/coffee_highlight_rules",["require","exports","module","ace/lib/lang","ace/lib/oop","ace/mode/text_highlight_rules"],function(a,b,c){function g(){var a="[$A-Za-z_\\x7f-\\uffff][$\\w\\x7f-\\uffff]*",b={token:"string",merge:!0,regex:".+"},c=d.arrayToMap("this|throw|then|try|typeof|super|switch|return|break|by)|continue|catch|class|in|instanceof|is|isnt|if|else|extends|for|forown|finally|function|while|when|new|no|not|delete|debugger|do|loop|of|off|or|on|unless|until|and|yes".split("|")),e=d.arrayToMap("true|false|null|undefined".split("|")),f=d.arrayToMap("case|const|default|function|var|void|with|enum|export|implements|interface|let|package|private|protected|public|static|yield|__hasProp|extends|slice|bind|indexOf".split("|")),g=d.arrayToMap("Array|Boolean|Date|Function|Number|Object|RegExp|ReferenceError|RangeError|String|SyntaxError|Error|EvalError|TypeError|URIError".split("|")),h=d.arrayToMap("Math|JSON|isNaN|isFinite|parseInt|parseFloat|encodeURI|encodeURIComponent|decodeURI|decodeURIComponent|RangeError|String|SyntaxError|Error|EvalError|TypeError|URIError".split("|"));this.$rules={start:[{token:"identifier",regex:"(?:(?:\\.|::)\\s*)"+a},{token:"variable",regex:"@(?:"+a+")?"},{token:function(a){return c.hasOwnProperty(a)?"keyword":e.hasOwnProperty(a)?"constant.language":f.hasOwnProperty(a)?"invalid.illegal":g.hasOwnProperty(a)?"language.support.class":h.hasOwnProperty(a)?"language.support.function":"identifier"},regex:a},{token:"constant.numeric",regex:"(?:0x[\\da-fA-F]+|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:[eE][+-]?\\d+)?)"},{token:"string",merge:!0,regex:"'''",next:"qdoc"},{token:"string",merge:!0,regex:'"""',next:"qqdoc"},{token:"string",merge:!0,regex:"'",next:"qstring"},{token:"string",merge:!0,regex:'"',next:"qqstring"},{token:"string",merge:!0,regex:"`",next:"js"},{token:"string.regex",merge:!0,regex:"///",next:"heregex"},{token:"string.regex",regex:"/(?!\\s)[^[/\\n\\\\]*(?: (?:\\\\.|\\[[^\\]\\n\\\\]*(?:\\\\.[^\\]\\n\\\\]*)*\\])[^[/\\n\\\\]*)*/[imgy]{0,4}(?!\\w)"},{token:"comment",merge:!0,regex:"###(?!#)",next:"comment"},{token:"comment",regex:"#.*"},{token:"punctuation.operator",regex:"\\?|\\:|\\,|\\."},{token:"keyword.operator",regex:"(?:[\\-=]>|[-+*/%<>&|^!?=]=|>>>=?|\\-\\-|\\+\\+|::|&&=|\\|\\|=|<<=|>>=|\\?\\.|\\.{2,3}|[!*+-=><])"},{token:"paren.lparen",regex:"[({[]"},{token:"paren.rparen",regex:"[\\]})]"},{token:"text",regex:"\\s+"}],qdoc:[{token:"string",regex:".*?'''",next:"start"},b],qqdoc:[{token:"string",regex:'.*?"""',next:"start"},b],qstring:[{token:"string",regex:"[^\\\\']*(?:\\\\.[^\\\\']*)*'",merge:!0,next:"start"},b],qqstring:[{token:"string",regex:'[^\\\\"]*(?:\\\\.[^\\\\"]*)*"',merge:!0,next:"start"},b],js:[{token:"string",merge:!0,regex:"[^\\\\`]*(?:\\\\.[^\\\\`]*)*`",next:"start"},b],heregex:[{token:"string.regex",regex:".*?///[imgy]{0,4}",next:"start"},{token:"comment.regex",regex:"\\s+(?:#.*)?"},{token:"string.regex",merge:!0,regex:"\\S+"}],comment:[{token:"comment",regex:".*?###",next:"start"},{token:"comment",merge:!0,regex:".+"}]}}var d=a("../lib/lang"),e=a("../lib/oop"),f=a("./text_highlight_rules").TextHighlightRules;e.inherits(g,f),b.CoffeeHighlightRules=g}),ace.define("ace/mode/matching_brace_outdent",["require","exports","module","ace/range"],function(a,b,c){var d=a("../range").Range,e=function(){};(function(){this.checkOutdent=function(a,b){return/^\s+$/.test(a)?/^\s*\}/.test(b):!1},this.autoOutdent=function(a,b){var c=a.getLine(b),e=c.match(/^(\s*\})/);if(!e)return 0;var f=e[1].length,g=a.findMatchingBracket({row:b,column:f});if(!g||g.row==b)return 0;var h=this.$getIndent(a.getLine(g.row));a.replace(new d(b,0,b,f-1),h)},this.$getIndent=function(a){var b=a.match(/^(\s+)/);return b?b[1]:""}}).call(e.prototype),b.MatchingBraceOutdent=e}),ace.define("ace/mode/folding/coffee",["require","exports","module","ace/lib/oop","ace/mode/folding/fold_mode","ace/range"],function(a,b,c){var d=a("../../lib/oop"),e=a("./fold_mode").FoldMode,f=a("../../range").Range,g=b.FoldMode=function(){};d.inherits(g,e),function(){this.getFoldWidgetRange=function(a,b,c){var d=this.indentationBlock(a,c);if(d)return d;var e=/\S/,g=a.getLine(c),h=g.search(e);if(h==-1||g[h]!="#")return;var i=g.length,j=a.getLength(),k=c,l=c;while(++ck){var n=a.getLine(l).length;return new f(k,i,l,n)}},this.getFoldWidget=function(a,b,c){var d=a.getLine(c),e=d.search(/\S/),f=a.getLine(c+1),g=a.getLine(c-1),h=g.search(/\S/),i=f.search(/\S/);if(e==-1)return a.foldWidgets[c-1]=h!=-1&&hj){var m=a.getLine(k).length;return new d(j,h,k,m)}},this.openingBracketBlock=function(a,b,c,e,f){var g={row:c,column:e+1},h=a.$findClosingBracket(b,g,f);if(!h)return;var i=a.foldWidgets[h.row];return i==null&&(i=this.getFoldWidget(a,h.row)),i=="start"&&h.row>g.row&&(h.row--,h.column=a.getLine(h.row).length),d.fromPoints(g,h)}}).call(e.prototype)}) -------------------------------------------------------------------------------- /public/javascripts/mode-python.js: -------------------------------------------------------------------------------- 1 | ace.define("ace/mode/python",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/python_highlight_rules","ace/mode/folding/pythonic","ace/range"],function(a,b,c){var d=a("../lib/oop"),e=a("./text").Mode,f=a("../tokenizer").Tokenizer,g=a("./python_highlight_rules").PythonHighlightRules,h=a("./folding/pythonic").FoldMode,i=a("../range").Range,j=function(){this.$tokenizer=new f((new g).getRules()),this.foldingRules=new h("\\:")};d.inherits(j,e),function(){this.toggleCommentLines=function(a,b,c,d){var e=!0,f=/^(\s*)#/;for(var g=c;g<=d;g++)if(!f.test(b.getLine(g))){e=!1;break}if(e){var h=new i(0,0,0,0);for(var g=c;g<=d;g++){var j=b.getLine(g),k=j.match(f);h.start.row=g,h.end.row=g,h.end.column=k[0].length,b.replace(h,k[1])}}else b.indentRows(c,d,"#")},this.getNextLineIndent=function(a,b,c){var d=this.$getIndent(b),e=this.$tokenizer.getLineTokens(b,a),f=e.tokens;if(f.length&&f[f.length-1].type=="comment")return d;if(a=="start"){var g=b.match(/^.*[\{\(\[\:]\s*$/);g&&(d+=c)}return d};var a={pass:1,"return":1,raise:1,"break":1,"continue":1};this.checkOutdent=function(b,c,d){if(d!=="\r\n"&&d!=="\r"&&d!=="\n")return!1;var e=this.$tokenizer.getLineTokens(c.trim(),b).tokens;if(!e)return!1;do var f=e.pop();while(f&&(f.type=="comment"||f.type=="text"&&f.value.match(/^\s+$/)));return f?f.type=="keyword"&&a[f.value]:!1},this.autoOutdent=function(a,b,c){c+=1;var d=this.$getIndent(b.getLine(c)),e=b.getTabString();d.slice(-e.length)==e&&b.remove(new i(c,d.length-e.length,c,d.length))}}.call(j.prototype),b.Mode=j}),ace.define("ace/mode/python_highlight_rules",["require","exports","module","ace/lib/oop","ace/lib/lang","ace/mode/text_highlight_rules"],function(a,b,c){var d=a("../lib/oop"),e=a("../lib/lang"),f=a("./text_highlight_rules").TextHighlightRules,g=function(){var a=e.arrayToMap("and|as|assert|break|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|not|or|pass|print|raise|return|try|while|with|yield".split("|")),b=e.arrayToMap("True|False|None|NotImplemented|Ellipsis|__debug__".split("|")),c=e.arrayToMap("abs|divmod|input|open|staticmethod|all|enumerate|int|ord|str|any|eval|isinstance|pow|sum|basestring|execfile|issubclass|print|super|binfile|iter|property|tuple|bool|filter|len|range|type|bytearray|float|list|raw_input|unichr|callable|format|locals|reduce|unicode|chr|frozenset|long|reload|vars|classmethod|getattr|map|repr|xrange|cmp|globals|max|reversed|zip|compile|hasattr|memoryview|round|__import__|complex|hash|min|set|apply|delattr|help|next|setattr|buffer|dict|hex|object|slice|coerce|dir|id|oct|sorted|intern".split("|")),d=e.arrayToMap("".split("|")),f="(?:r|u|ur|R|U|UR|Ur|uR)?",g="(?:(?:[1-9]\\d*)|(?:0))",h="(?:0[oO]?[0-7]+)",i="(?:0[xX][\\dA-Fa-f]+)",j="(?:0[bB][01]+)",k="(?:"+g+"|"+h+"|"+i+"|"+j+")",l="(?:[eE][+-]?\\d+)",m="(?:\\.\\d+)",n="(?:\\d+)",o="(?:(?:"+n+"?"+m+")|(?:"+n+"\\.))",p="(?:(?:"+o+"|"+n+")"+l+")",q="(?:"+p+"|"+o+")";this.$rules={start:[{token:"comment",regex:"#.*$"},{token:"string",regex:f+'"{3}(?:[^\\\\]|\\\\.)*?"{3}'},{token:"string",merge:!0,regex:f+'"{3}.*$',next:"qqstring"},{token:"string",regex:f+'"(?:[^\\\\]|\\\\.)*?"'},{token:"string",regex:f+"'{3}(?:[^\\\\]|\\\\.)*?'{3}"},{token:"string",merge:!0,regex:f+"'{3}.*$",next:"qstring"},{token:"string",regex:f+"'(?:[^\\\\]|\\\\.)*?'"},{token:"constant.numeric",regex:"(?:"+q+"|\\d+)[jJ]\\b"},{token:"constant.numeric",regex:q},{token:"constant.numeric",regex:k+"[lL]\\b"},{token:"constant.numeric",regex:k+"\\b"},{token:function(e){return a.hasOwnProperty(e)?"keyword":b.hasOwnProperty(e)?"constant.language":d.hasOwnProperty(e)?"invalid.illegal":c.hasOwnProperty(e)?"support.function":e=="debugger"?"invalid.deprecated":"identifier"},regex:"[a-zA-Z_$][a-zA-Z0-9_$]*\\b"},{token:"keyword.operator",regex:"\\+|\\-|\\*|\\*\\*|\\/|\\/\\/|%|<<|>>|&|\\||\\^|~|<|>|<=|=>|==|!=|<>|="},{token:"paren.lparen",regex:"[\\[\\(\\{]"},{token:"paren.rparen",regex:"[\\]\\)\\}]"},{token:"text",regex:"\\s+"}],qqstring:[{token:"string",regex:'(?:[^\\\\]|\\\\.)*?"{3}',next:"start"},{token:"string",merge:!0,regex:".+"}],qstring:[{token:"string",regex:"(?:[^\\\\]|\\\\.)*?'{3}",next:"start"},{token:"string",merge:!0,regex:".+"}]}};d.inherits(g,f),b.PythonHighlightRules=g}),ace.define("ace/mode/folding/pythonic",["require","exports","module","ace/lib/oop","ace/mode/folding/fold_mode"],function(a,b,c){var d=a("../../lib/oop"),e=a("./fold_mode").FoldMode,f=b.FoldMode=function(a){this.foldingStartMarker=new RegExp("([\\[{])(?:\\s*)$|("+a+")(?:\\s*)(?:#.*)?$")};d.inherits(f,e),function(){this.getFoldWidgetRange=function(a,b,c){var d=a.getLine(c),e=d.match(this.foldingStartMarker);if(e)return e[1]?this.openingBracketBlock(a,e[1],c,e.index):e[2]?this.indentationBlock(a,c,e.index+e[2].length):this.indentationBlock(a,c)}}.call(f.prototype)}),ace.define("ace/mode/folding/fold_mode",["require","exports","module","ace/range"],function(a,b,c){var d=a("../../range").Range,e=b.FoldMode=function(){};(function(){this.foldingStartMarker=null,this.foldingStopMarker=null,this.getFoldWidget=function(a,b,c){var d=a.getLine(c);return this.foldingStartMarker.test(d)?"start":b=="markbeginend"&&this.foldingStopMarker&&this.foldingStopMarker.test(d)?"end":""},this.getFoldWidgetRange=function(a,b,c){return null},this.indentationBlock=function(a,b,c){var e=/\S/,f=a.getLine(b),g=f.search(e);if(g==-1)return;var h=c||f.length,i=a.getLength(),j=b,k=b;while(++bj){var m=a.getLine(k).length;return new d(j,h,k,m)}},this.openingBracketBlock=function(a,b,c,e,f){var g={row:c,column:e+1},h=a.$findClosingBracket(b,g,f);if(!h)return;var i=a.foldWidgets[h.row];return i==null&&(i=this.getFoldWidget(a,h.row)),i=="start"&&h.row>g.row&&(h.row--,h.column=a.getLine(h.row).length),d.fromPoints(g,h)}}).call(e.prototype)}) -------------------------------------------------------------------------------- /public/javascripts/theme-monokai.js: -------------------------------------------------------------------------------- 1 | define("ace/theme/monokai",["require","exports","module","ace/lib/dom"], function(require, exports, module) { 2 | 3 | exports.isDark = true; 4 | exports.cssClass = "ace-monokai"; 5 | exports.cssText = ".ace-monokai .ace_gutter {\ 6 | background: #2F3129;\ 7 | color: #8F908A\ 8 | }\ 9 | .ace-monokai .ace_print-margin {\ 10 | width: 1px;\ 11 | background: #555651\ 12 | }\ 13 | .ace-monokai {\ 14 | background-color: #272822;\ 15 | color: #F8F8F2\ 16 | }\ 17 | .ace-monokai .ace_cursor {\ 18 | color: #F8F8F0\ 19 | }\ 20 | .ace-monokai .ace_marker-layer .ace_selection {\ 21 | background: #49483E\ 22 | }\ 23 | .ace-monokai.ace_multiselect .ace_selection.ace_start {\ 24 | box-shadow: 0 0 3px 0px #272822;\ 25 | }\ 26 | .ace-monokai .ace_marker-layer .ace_step {\ 27 | background: rgb(102, 82, 0)\ 28 | }\ 29 | .ace-monokai .ace_marker-layer .ace_bracket {\ 30 | margin: -1px 0 0 -1px;\ 31 | border: 1px solid #49483E\ 32 | }\ 33 | .ace-monokai .ace_marker-layer .ace_active-line {\ 34 | background: #202020\ 35 | }\ 36 | .ace-monokai .ace_gutter-active-line {\ 37 | background-color: #272727\ 38 | }\ 39 | .ace-monokai .ace_marker-layer .ace_selected-word {\ 40 | border: 1px solid #49483E\ 41 | }\ 42 | .ace-monokai .ace_invisible {\ 43 | color: #52524d\ 44 | }\ 45 | .ace-monokai .ace_entity.ace_name.ace_tag,\ 46 | .ace-monokai .ace_keyword,\ 47 | .ace-monokai .ace_meta.ace_tag,\ 48 | .ace-monokai .ace_storage {\ 49 | color: #F92672\ 50 | }\ 51 | .ace-monokai .ace_punctuation,\ 52 | .ace-monokai .ace_punctuation.ace_tag {\ 53 | color: #fff\ 54 | }\ 55 | .ace-monokai .ace_constant.ace_character,\ 56 | .ace-monokai .ace_constant.ace_language,\ 57 | .ace-monokai .ace_constant.ace_numeric,\ 58 | .ace-monokai .ace_constant.ace_other {\ 59 | color: #AE81FF\ 60 | }\ 61 | .ace-monokai .ace_invalid {\ 62 | color: #F8F8F0;\ 63 | background-color: #F92672\ 64 | }\ 65 | .ace-monokai .ace_invalid.ace_deprecated {\ 66 | color: #F8F8F0;\ 67 | background-color: #AE81FF\ 68 | }\ 69 | .ace-monokai .ace_support.ace_constant,\ 70 | .ace-monokai .ace_support.ace_function {\ 71 | color: #66D9EF\ 72 | }\ 73 | .ace-monokai .ace_fold {\ 74 | background-color: #A6E22E;\ 75 | border-color: #F8F8F2\ 76 | }\ 77 | .ace-monokai .ace_storage.ace_type,\ 78 | .ace-monokai .ace_support.ace_class,\ 79 | .ace-monokai .ace_support.ace_type {\ 80 | font-style: italic;\ 81 | color: #66D9EF\ 82 | }\ 83 | .ace-monokai .ace_entity.ace_name.ace_function,\ 84 | .ace-monokai .ace_entity.ace_other,\ 85 | .ace-monokai .ace_entity.ace_other.ace_attribute-name,\ 86 | .ace-monokai .ace_variable {\ 87 | color: #A6E22E\ 88 | }\ 89 | .ace-monokai .ace_variable.ace_parameter {\ 90 | font-style: italic;\ 91 | color: #FD971F\ 92 | }\ 93 | .ace-monokai .ace_string {\ 94 | color: #E6DB74\ 95 | }\ 96 | .ace-monokai .ace_comment {\ 97 | color: #75715E\ 98 | }\ 99 | .ace-monokai .ace_indent-guide {\ 100 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWPQ0FD0ZXBzd/wPAAjVAoxeSgNeAAAAAElFTkSuQmCC) right repeat-y\ 101 | }"; 102 | 103 | var dom = require("../lib/dom"); 104 | dom.importCssString(exports.cssText, exports.cssClass); 105 | }); 106 | -------------------------------------------------------------------------------- /public/stylesheets/layout-default-latest.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Default Layout Theme 3 | * 4 | * Created for jquery.layout 5 | * 6 | * Copyright (c) 2010 7 | * Fabrizio Balliano (http://www.fabrizioballiano.net) 8 | * Kevin Dalman (http://allpro.net) 9 | * 10 | * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html) 11 | * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses. 12 | * 13 | * Last Updated: 2010-02-10 14 | * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars 15 | */ 16 | 17 | /* 18 | * DEFAULT FONT 19 | * Just to make demo-pages look better - not actually relevant to Layout! 20 | */ 21 | body { 22 | font-family: Geneva, Arial, Helvetica, sans-serif; 23 | font-size: 100%; 24 | *font-size: 80%; 25 | } 26 | 27 | /* 28 | * PANES & CONTENT-DIVs 29 | */ 30 | .ui-layout-pane { /* all 'panes' */ 31 | background: #FFF; 32 | border: 1px solid #BBB; 33 | padding: 10px; 34 | overflow: auto; 35 | /* DO NOT add scrolling (or padding) to 'panes' that have a content-div, 36 | otherwise you may get double-scrollbars - on the pane AND on the content-div 37 | - use ui-layout-wrapper class if pane has a content-div 38 | - use ui-layout-container if pane has an inner-layout 39 | */ 40 | } 41 | /* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */ 42 | .ui-layout-content { 43 | padding: 10px; 44 | position: relative; /* contain floated or positioned elements */ 45 | overflow: auto; /* add scrolling to content-div */ 46 | } 47 | 48 | /* 49 | * UTILITY CLASSES 50 | * Must come AFTER pane-class above so will override 51 | * These classes are NOT auto-generated and are NOT used by Layout 52 | */ 53 | .layout-child-container, 54 | .layout-content-container { 55 | padding: 0; 56 | overflow: hidden; 57 | } 58 | .layout-child-container { 59 | border: 0; /* remove border because inner-layout-panes probably have borders */ 60 | } 61 | .layout-scroll { 62 | overflow: auto; 63 | } 64 | .layout-hide { 65 | display: none; 66 | } 67 | 68 | /* 69 | * RESIZER-BARS 70 | */ 71 | .ui-layout-resizer { /* all 'resizer-bars' */ 72 | background: #DDD; 73 | border: 1px solid #BBB; 74 | border-width: 0; 75 | } 76 | .ui-layout-resizer-drag { /* REAL resizer while resize in progress */ 77 | } 78 | .ui-layout-resizer-hover { /* affects both open and closed states */ 79 | } 80 | /* NOTE: It looks best when 'hover' and 'dragging' are set to the same color, 81 | otherwise color shifts while dragging when bar can't keep up with mouse */ 82 | .ui-layout-resizer-open-hover , /* hover-color to 'resize' */ 83 | .ui-layout-resizer-dragging { /* resizer beging 'dragging' */ 84 | background: #C4E1A4; 85 | } 86 | .ui-layout-resizer-dragging { /* CLONED resizer being dragged */ 87 | border: 1px solid #BBB; 88 | } 89 | .ui-layout-resizer-north-dragging, 90 | .ui-layout-resizer-south-dragging { 91 | border-width: 1px 0; 92 | } 93 | .ui-layout-resizer-west-dragging, 94 | .ui-layout-resizer-east-dragging { 95 | border-width: 0 1px; 96 | } 97 | /* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */ 98 | .ui-layout-resizer-dragging-limit { /* CLONED resizer at min or max size-limit */ 99 | background: #E1A4A4; /* red */ 100 | } 101 | 102 | .ui-layout-resizer-closed-hover { /* hover-color to 'slide open' */ 103 | background: #EBD5AA; 104 | } 105 | .ui-layout-resizer-sliding { /* resizer when pane is 'slid open' */ 106 | opacity: .10; /* show only a slight shadow */ 107 | filter: alpha(opacity=10); 108 | } 109 | .ui-layout-resizer-sliding-hover { /* sliding resizer - hover */ 110 | opacity: 1.00; /* on-hover, show the resizer-bar normally */ 111 | filter: alpha(opacity=100); 112 | } 113 | /* sliding resizer - add 'outside-border' to resizer on-hover 114 | * this sample illustrates how to target specific panes and states */ 115 | .ui-layout-resizer-north-sliding-hover { border-bottom-width: 1px; } 116 | .ui-layout-resizer-south-sliding-hover { border-top-width: 1px; } 117 | .ui-layout-resizer-west-sliding-hover { border-right-width: 1px; } 118 | .ui-layout-resizer-east-sliding-hover { border-left-width: 1px; } 119 | 120 | /* 121 | * TOGGLER-BUTTONS 122 | */ 123 | .ui-layout-toggler { 124 | border: 1px solid #BBB; /* match pane-border */ 125 | background-color: #BBB; 126 | } 127 | .ui-layout-resizer-hover .ui-layout-toggler { 128 | opacity: .60; 129 | filter: alpha(opacity=60); 130 | } 131 | .ui-layout-toggler-hover , /* need when NOT resizable */ 132 | .ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */ 133 | background-color: #FC6; 134 | opacity: 1.00; 135 | filter: alpha(opacity=100); 136 | } 137 | .ui-layout-toggler-north , 138 | .ui-layout-toggler-south { 139 | border-width: 0 1px; /* left/right borders */ 140 | } 141 | .ui-layout-toggler-west , 142 | .ui-layout-toggler-east { 143 | border-width: 1px 0; /* top/bottom borders */ 144 | } 145 | /* hide the toggler-button when the pane is 'slid open' */ 146 | .ui-layout-resizer-sliding .ui-layout-toggler { 147 | display: none; 148 | } 149 | /* 150 | * style the text we put INSIDE the togglers 151 | */ 152 | .ui-layout-toggler .content { 153 | color: #666; 154 | font-size: 12px; 155 | font-weight: bold; 156 | width: 100%; 157 | padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */ 158 | } 159 | 160 | /* 161 | * PANE-MASKS 162 | * these styles are hard-coded on mask elems, but are also 163 | * included here as !important to ensure will overrides any generic styles 164 | */ 165 | .ui-layout-mask { 166 | border: none !important; 167 | padding: 0 !important; 168 | margin: 0 !important; 169 | overflow: hidden !important; 170 | position: absolute !important; 171 | opacity: 0 !important; 172 | filter: Alpha(Opacity="0") !important; 173 | } 174 | .ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */ 175 | top: 0 !important; 176 | left: 0 !important; 177 | width: 100% !important; 178 | height: 100% !important; 179 | } 180 | div.ui-layout-mask {} /* standard mask for iframes */ 181 | iframe.ui-layout-mask {} /* extra mask for objects/applets */ 182 | 183 | -------------------------------------------------------------------------------- /public/stylesheets/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding: 50px; 3 | font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; 4 | } 5 | 6 | a { 7 | color: #00B7FF; 8 | } -------------------------------------------------------------------------------- /routes/index.js: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * GET home page. 4 | */ 5 | 6 | exports.index = function(req, res){ 7 | res.render('index', { 8 | title: 'Node-OCC Test Bed' 9 | }); 10 | }; -------------------------------------------------------------------------------- /routes/object.js: -------------------------------------------------------------------------------- 1 | /* jslint esversion:6 */ 2 | const nodeocc = require("node-occ"); 3 | const occ = nodeocc.occ; 4 | const shapeFactory = nodeocc.shapeFactory; 5 | const scriptRunner = nodeocc.scriptRunner; 6 | const fast_occ = nodeocc.fastBuilder.occ; 7 | 8 | 9 | const fs = require('fs'); 10 | const path = require("path"); 11 | const fileUtils = require ("file-utils"); 12 | 13 | const vm = require('vm'); 14 | const util = require('util'); 15 | 16 | 17 | function buildResponse(solids,logs) { 18 | 19 | let response = { solids: [] , logs: [ ]}; 20 | let counter = 1; 21 | solids.forEach(function(solid){ 22 | solid.name = "S" + counter; 23 | counter++; 24 | try { 25 | let mesh = occ.buildSolidMesh(solid); 26 | response.solids.push(mesh); 27 | } 28 | catch(err) { 29 | console.log(" EXCEPTION in MESHING "); 30 | } 31 | }); 32 | response.logs = logs; 33 | return response; 34 | } 35 | 36 | 37 | exports.buildCSG1 = function(req,res) 38 | { 39 | 40 | var csgFuncScript = decodeURIComponent(req.body.script); 41 | var params = req.body.params; 42 | var id = req.body.id; 43 | 44 | var process = new scriptRunner.ScriptRunner({ 45 | csg: fast_occ, 46 | occ: fast_occ, 47 | solids: [], 48 | display: function( objs) { 49 | if (!(objs instanceof occ.Solid)) { 50 | objs.forEach(function(o){ process.env.solids.push(o);}); 51 | } else { 52 | process.env.solids.push(objs); 53 | } 54 | }, 55 | shapeFactory: shapeFactory 56 | }); 57 | 58 | var solidBuilderScript = ""+csgFuncScript+""; 59 | 60 | process.run(solidBuilderScript, 61 | function done_callback() { 62 | res.send(buildResponse(process.env.solids,process.env.logs)); 63 | console.log(" All Done"); 64 | }, 65 | function error_callback(err) { 66 | res.status(501).send("Error building solid : " + err.message + " " + err.stack); 67 | } 68 | ); 69 | }; 70 | 71 | 72 | exports.load_cadfile = function(req,res) { 73 | 74 | 75 | var filename = path.join(__dirname, "..", req.body.filename); 76 | 77 | function progress(percent) { 78 | console.log(" -----------------> ", percent); 79 | } 80 | 81 | console.log(" loading ", filename); 82 | 83 | occ.readSTEP(filename, function (err, solids) { 84 | if (err) { 85 | console.log(" readStep has failed", err.message); 86 | res.status(501).send("Error building solid : " + err.message + " " + err.stack); 87 | } else { 88 | console.log(" readStep has succeeded"); 89 | res.send(buildResponse(solids,[])); 90 | } 91 | },progress); 92 | 93 | 94 | 95 | }; 96 | -------------------------------------------------------------------------------- /routes/user.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | /* 4 | * GET users listing. 5 | */ 6 | 7 | exports.list = function(req, res){ 8 | 9 | res.format({ 10 | text: function(){ 11 | res.send( 'hey'); 12 | }, 13 | 14 | html: function(){ 15 | res.send('

    hey

    '); 16 | }, 17 | 18 | json: function(){ 19 | res.send({ message: 'hey' }); 20 | } 21 | }); 22 | 23 | 24 | }; -------------------------------------------------------------------------------- /shapeCatalog/PanWithLid.js: -------------------------------------------------------------------------------- 1 | function makePanLid(r,h,H,thickness) 2 | { 3 | 4 | var R = (r*r+h*h)/(2*h); 5 | var center = [ 0, 0, H + h -R ]; 6 | 7 | var outerSphere = csg.makeSphere(center,R); 8 | var innerSphere = csg.makeSphere(center,R-thickness); 9 | var solid = csg.cut(outerSphere,innerSphere); 10 | var cyl = csg.makeCylinder([0,0, H + h -3*R], [0,0,H], R+r*2); 11 | solid = csg.cut(solid,cyl); 12 | return solid; 13 | } 14 | function makePan(_height,_radius) 15 | { 16 | var height = _height || 20; 17 | var radius = _radius || 25.0; 18 | var thickness = 1; 19 | var handleRadius = 4; 20 | var handleLength = 30; 21 | 22 | var s1 = csg.makeCylinder([0,0,0],[0,0,height] , radius); 23 | 24 | var s2 = csg.makeSphere([0,0,0], radius); 25 | 26 | var s3 = csg.makeCylinder([0,0,-radius*0.7],[0,0,height], radius*2); 27 | var s4 = csg.fuse(s1,s2); 28 | var s5 = csg.common(s4,s3); 29 | 30 | var handle = csg.makeCylinder( 31 | [radius-2*thickness,0,height-handleRadius*1.1], 32 | [handleLength+radius-2*thickness,0,height-handleRadius*1.1], 33 | handleRadius ); 34 | 35 | var s6 = csg.fuse(s5,handle); 36 | 37 | var r1 = csg.makeCylinder([0,0,0],[0,0,height] , radius-thickness); 38 | var r2 = csg.makeSphere([0,0,0],radius-thickness); 39 | var r3 = csg.makeCylinder( [0,0,-radius*0.7+thickness], 40 | [0,0,height], radius*2); 41 | var r4 = csg.fuse(r1,r2); 42 | var r5 = csg.common(r4,r3); 43 | 44 | var body = csg.cut(s6,r5); 45 | 46 | return body; 47 | 48 | } 49 | 50 | var lid = makePanLid(40,10, 20,1); 51 | lid = lid.translate([0,0,20]); 52 | 53 | var pan = makePan(20,40); 54 | 55 | var solid = csg.fuse(pan,lid); 56 | 57 | display(solid); 58 | 59 | -------------------------------------------------------------------------------- /shapeCatalog/bigPart.js: -------------------------------------------------------------------------------- 1 | function makeSomeShape() 2 | { 3 | var s = occ.makeBox(10,20,30); 4 | return s; 5 | } 6 | 7 | var i, j,k; 8 | 9 | var solids = [] ; 10 | 11 | var shape = makeSomeShape(); 12 | for (i=0;i<5;i++){ 13 | for (j=0;j<5;j++){ 14 | for (k=0;k<5;k++){ 15 | solids.push(shape.translate([i*100,j*100,k*100])); 16 | } 17 | } 18 | } 19 | 20 | var ret = occ.compound(solids); 21 | display(ret); 22 | 23 | -------------------------------------------------------------------------------- /shapeCatalog/bottle.js: -------------------------------------------------------------------------------- 1 | function makeBottle() 2 | { 3 | return shapeFactory.makeBottle(csg,{ 4 | height: 100, 5 | filletRadius: 5 6 | }); 7 | } 8 | 9 | display(makeBottle()); 10 | 11 | -------------------------------------------------------------------------------- /shapeCatalog/legoBrick.js: -------------------------------------------------------------------------------- 1 | 2 | function makeRepetition(csg,shape,dX,nX,dY,nY) { 3 | var h1 = shape.clone() ; 4 | // installer la grille 5 | var shapeArray = []; 6 | var x=0,y=0; 7 | for (;y 1 && nY > 1) { 86 | pinOuter = csg.makeCylinder( [5*u,5*u,0], [5*u,5*u,outerHeight-u],4.07/2.0*u); 87 | pinInner = csg.makeCylinder( [5*u,5*u,0],[5*u,5*u,outerHeight-u],1.5*u); 88 | pin = csg.cut(pinOuter,pinInner); 89 | tetons = makeRepetition(csg,pin,5*u,nX-1,5*u,nY-1); 90 | brick = csg.fuse(brick,tetons); 91 | } 92 | 93 | return brick; 94 | } 95 | display(makeLegoBrick(occ,2,4,"thick")); 96 | -------------------------------------------------------------------------------- /shapeCatalog/legoscene.js: -------------------------------------------------------------------------------- 1 | /* jshint: es6:true */ 2 | const makeLegoBrick = shapeFactory.makeLegoBrick; 3 | 4 | const brick22 =makeLegoBrick(csg,2,2,"thick"); 5 | const brick24 =makeLegoBrick(csg,2,4,"thick"); 6 | const brick42 =brick24.rotate([0,0,0],[0,0,1],90); 7 | 8 | const flat68 = makeLegoBrick(csg,6,9,"thin"); 9 | 10 | const u = 1.6; 11 | const h1 = 2*u; 12 | const h2 = 6*u; 13 | const c = 10*u; 14 | 15 | var h= h1; 16 | const row1 = [ 17 | brick22.translate([0,0*0,h]), 18 | brick24.translate([0,1*c,h]), 19 | brick24.translate([0,3*c,h]), 20 | brick24.translate([0,5*c,h]), 21 | brick24.translate([0,7*c,h]), 22 | brick24.translate([0,9*c,h]), 23 | brick42.translate([2*c,11*c,h]), 24 | brick42.translate([4*c,11*c,h]), 25 | brick42.translate([6*c,11*c,h]), 26 | brick42.translate([8*c,11*c,h]) 27 | ]; 28 | h = h+h2; 29 | const row2 = [ 30 | brick24.translate([0,0*0,h]), 31 | brick24.translate([0,2*c,h]), 32 | brick24.translate([0,4*c,h]), 33 | brick24.translate([0,6*c,h]), 34 | brick24.translate([0,8*c,h]), 35 | brick24.translate([0,10*c,h]), 36 | brick42.translate([3*c,11*c,h]), 37 | brick42.translate([5*c,11*c,h]), 38 | brick42.translate([7*c,11*c,h]), 39 | brick22.translate([7*c,11*c,h]), 40 | 41 | ]; 42 | display(row1); 43 | display(row2); 44 | const col1 = [ 45 | brick22.translate([0,0*0,h+1*h2]), 46 | brick22.translate([0,0*0,h+2*h2]), 47 | brick22.translate([0,0*0,h+3*h2]), 48 | brick22.translate([0,0*0,h+4*h2]), 49 | brick22.translate([0,0*0,h+5*h2]), 50 | brick22.translate([0,0*0,h+6*h2]), 51 | brick22.translate([0,0*0,h+7*h2]), 52 | brick22.translate([0,0*0,h+8*h2]) 53 | ]; 54 | display(col1); 55 | display(flat68); 56 | 57 | -------------------------------------------------------------------------------- /shapeCatalog/piston.js: -------------------------------------------------------------------------------- 1 | function makePiston() { 2 | return shapeFactory.makePiston(csg); 3 | } 4 | 5 | display(makePiston()); 6 | 7 | 8 | -------------------------------------------------------------------------------- /shapeCatalog/plate_with_holes.js: -------------------------------------------------------------------------------- 1 | var plate = occ.makeBox([-100,-100,-10],[100,50,10]); 2 | 3 | var holes = []; 4 | 5 | for (var i=0;i<10;i++) { 6 | for (var j=0;j<10;j++) { 7 | var hole = occ.makeCylinder([-100+10+i*10,-100+10+j*10,-20],[-100+10+i*10,-100+10+j*10,20],3); 8 | holes.push(hole); 9 | } 10 | } 11 | 12 | plate = occ.cut(plate,occ.compound(holes)); 13 | display(plate); 14 | -------------------------------------------------------------------------------- /src/.eslintrc.js: -------------------------------------------------------------------------------- 1 | exports = { 2 | "ecmaFeatures": { 3 | "arrowFunctions": true, 4 | "binaryLiterals": false, 5 | "blockBindings": true, 6 | "classes": true, 7 | "defaultParams": true, 8 | "destructuring": true, 9 | "forOf": true, 10 | "generators": true, 11 | "modules": false, 12 | "objectLiteralComputedProperties": true, 13 | "objectLiteralDuplicateProperties": false, 14 | "objectLiteralShorthandMethods": true, 15 | "objectLiteralShorthandProperties": true, 16 | "octalLiterals": false, 17 | "regexUFlag": false, 18 | "regexYFlag": false, 19 | "restParams": true, 20 | "spread": true, 21 | "superInFunctions": true, 22 | "templateStrings": true, 23 | "unicodePointEscapes": true, 24 | "globalReturn": false, 25 | "jsx": true 26 | }, 27 | "env": { 28 | "browser": true, 29 | "node": true 30 | }, 31 | "parser": "babel-eslint", 32 | "plugins": [ 33 | "babel", 34 | "react" 35 | ], 36 | "rules": { 37 | 38 | /*Possible Errors */ 39 | "comma-dangle": [1, "always-multiline"], 40 | "no-cond-assign": [1, "except-parens"], 41 | "no-console": 0, 42 | "no-constant-condition": 1, 43 | "no-control-regex": 1, 44 | "no-debugger": 1, 45 | "no-dupe-args": 1, 46 | "no-dupe-keys": 1, 47 | "no-duplicate-case": 0, 48 | "no-empty-character-class": 1, 49 | "no-empty": 1, 50 | "no-ex-assign": 1, 51 | "no-extra-boolean-cast": 1, 52 | "no-extra-parens": 0, 53 | "no-extra-semi": 1, 54 | "no-func-assign": 1, 55 | "no-inner-declarations": [1, "functions"], 56 | "no-invalid-regexp": 1, 57 | "no-irregular-whitespace": 1, 58 | "no-negated-in-lhs": 1, 59 | "no-obj-calls": 1, 60 | "no-regex-spaces": 1, 61 | "no-reserved-keys": 0, 62 | "no-sparse-arrays": 1, 63 | "no-unexpected-multiline": 1, 64 | "no-unreachable": 1, 65 | "use-isnan": 1, 66 | "valid-jsdoc": 1, 67 | "valid-typeof": 1, 68 | 69 | /* Best Practices */ 70 | "accessor-pairs": 0, 71 | "block-scoped-var": 0, // see Babel section 72 | "complexity": 0, 73 | "consistent-return": 1, 74 | "curly": [1, "all"], 75 | "default-case": 0, 76 | "dot-notation": [1, {"allowKeywords": true, "allowPattern": ""}], 77 | "dot-location": [1, "property"], 78 | "eqeqeq": 1, 79 | "guard-for-in": 0, 80 | "no-alert": 1, 81 | "no-caller": 1, 82 | "no-div-regex": 1, 83 | "no-else-return": 1, 84 | "no-empty-label": 1, 85 | "no-eq-null": 0, 86 | "no-eval": 1, 87 | "no-extend-native": 1, 88 | "no-extra-bind": 1, 89 | "no-fallthrough": 0, 90 | "no-floating-decimal": 1, 91 | "no-implied-eval": 1, 92 | "no-iterator": 1, 93 | "no-labels": 1, 94 | "no-lone-blocks": 1, 95 | "no-loop-func": 1, 96 | "no-multi-spaces": 1, 97 | "no-multi-str": 1, 98 | "no-native-reassign": 1, 99 | "no-new-func": 1, 100 | "no-new-wrappers": 1, 101 | "no-new": 1, 102 | "no-octal-escape": 1, 103 | "no-octal": 1, 104 | "no-param-reassign": 0, 105 | "no-process-env": 0, 106 | "no-proto": 1, 107 | "no-redeclare": 1, 108 | "no-return-assign": 1, 109 | "no-script-url": 1, 110 | "no-self-compare": 1, 111 | "no-sequences": 1, 112 | "no-throw-literal": 1, 113 | "no-unused-expressions": 0, 114 | "no-void": 0, 115 | "no-warning-comments": [1, {"terms": ["todo", "tofix"], "location": "start"}], 116 | "no-with": 1, 117 | "radix": 1, 118 | "vars-on-top": 1, 119 | "wrap-iife": [1, "inside"], 120 | "yoda": [1, "never"], 121 | 122 | /* Strict Mode */ 123 | "strict": [1, "never"], 124 | 125 | /* Variables */ 126 | "no-catch-shadow": 0, 127 | "no-delete-var": 1, 128 | "no-label-var": 1, 129 | "no-shadow-restricted-names": 1, 130 | "no-shadow": 1, 131 | "no-undef-init": 1, 132 | "no-undef": 1, 133 | "no-undefined": 1, 134 | "no-unused-vars": [1, {"vars": "local", "args": "after-used"}], 135 | "no-use-before-define": 1, 136 | 137 | /* Node.js */ 138 | "handle-callback-err": 1, 139 | "no-mixed-requires": 1, 140 | "no-new-require": 1, 141 | "no-path-concat": 1, 142 | "no-process-exit": 1, 143 | "no-restricted-modules": [1, ""], // add any unwanted Node.js core modules 144 | "no-sync": 1, 145 | 146 | /* Stylistic Issues */ 147 | "array-bracket-spacing": [1, "never"], 148 | "brace-style": [1, "stroustrup", {"allowSingleLine": true}], 149 | "camelcase": [1, {"properties": "always"}], 150 | "comma-spacing": [1, {"before": false, "after": true}], 151 | "comma-style": [1, "last"], 152 | "computed-property-spacing": 0, 153 | "consistent-this": 0, 154 | "eol-last": 1, 155 | "func-names": 1, 156 | "func-style": 0, 157 | "indent": [1, 2], 158 | "key-spacing": [1, {"beforeColon": false, "afterColon": true}], 159 | "linebreak-style": 0, 160 | "max-nested-callbacks": [0, 3], 161 | "new-cap": 0, // see Babel section 162 | "new-parens": 1, 163 | "newline-after-var": 0, 164 | "no-array-constructor": 1, 165 | "no-continue": 1, 166 | "no-inline-comments": 0, 167 | "no-lonely-if": 1, 168 | "no-mixed-spaces-and-tabs": 1, 169 | "no-multiple-empty-lines": [1, {"max": 1}], 170 | "no-nested-ternary": 0, 171 | "no-new-object": 1, 172 | "no-spaced-func": 1, 173 | "no-ternary": 0, 174 | "no-trailing-spaces": 1, 175 | "no-underscore-dangle": 0, 176 | "no-unneeded-ternary": 1, 177 | "object-curly-spacing": 0, // see Babel section 178 | "one-var": [1, "never"], 179 | "operator-assignment": [1, "never"], 180 | "padded-blocks": [0, "never"], 181 | "quote-props": [0, "as-needed"], 182 | "quotes": [1, "single"], 183 | "semi-spacing": [1, {"before": false, "after": true}], 184 | "semi": [1, "always"], 185 | "sort-vars": 0, 186 | "space-after-keywords": 0, 187 | "space-before-blocks": [1, "always"], 188 | "space-before-function-paren": [1, "never"], 189 | "space-in-parens": [1, "never"], 190 | "space-infix-ops": 1, 191 | "space-return-throw-case": 1, 192 | "space-unary-ops": 0, 193 | "spaced-comment": [1, "always"], 194 | "wrap-regex": 1, 195 | 196 | /* ECMAScript 6 */ 197 | "constructor-super": 1, 198 | "generator-star-spacing": 0, // see Babel section 199 | "no-this-before-super": 1, 200 | "no-var": 1, 201 | "object-shorthand": 0, // see Babel section 202 | "prefer-const": 1, 203 | 204 | /* Legacy */ 205 | "max-depth": [0, 3], 206 | "max-len": [1, 121, 2], 207 | "max-params": 0, 208 | "max-statements": 0, 209 | "no-bitwise": 1, 210 | "no-plusplus": 1, 211 | 212 | /* Babel */ 213 | // "babel/block-scoped-var": 1, 214 | "babel/object-shorthand": [1, "always"], 215 | // "babel/generator-star": 1, // deprecated 216 | "babel/generator-star-spacing": [1, "after"], 217 | "babel/new-cap": 1, 218 | "babel/object-curly-spacing": [1, "always"], 219 | // "babel/space-in-brackets": 1, // deprecated 220 | 221 | /* React */ 222 | "react/display-name": 1, 223 | "react/jsx-boolean-value": 1, 224 | "react/jsx-no-duplicate-props": 1, 225 | "react/jsx-no-undef": 1, 226 | "react/jsx-quotes": [1, "single"], 227 | "react/jsx-sort-prop-types": 1, 228 | "react/jsx-sort-props": 0, 229 | "react/jsx-uses-react": 1, 230 | "react/jsx-uses-vars": 1, 231 | "react/no-danger": 1, 232 | "react/no-did-mount-set-state": 1, 233 | "react/no-did-update-set-state": 1, 234 | "react/no-multi-comp": 1, 235 | "react/no-unknown-property": 1, 236 | "react/prop-types": 1, 237 | "react/react-in-jsx-scope": 1, 238 | "react/self-closing-comp": 1, 239 | "react/sort-comp": 1, 240 | "react/wrap-multilines": 0 241 | } 242 | }; -------------------------------------------------------------------------------- /src/app2.js: -------------------------------------------------------------------------------- 1 | import express from "express"; 2 | import bodyParser from "body-parser"; 3 | import compression from "compression"; 4 | import logger from "morgan"; 5 | import cookieParser from "cookie-parser"; 6 | import expressSession from "express-session"; 7 | import errorHandler from "errorhandler"; 8 | import routes from "./routes"; 9 | import object from "./routes/object"; 10 | import path from "path"; 11 | import fs from "fs"; 12 | import cors from "cors"; 13 | import {format} from "util"; 14 | import formidable from "formidable"; 15 | 16 | //import favicon from "static-favicon"; 17 | //import methodOverride from "method-override"; 18 | //import user from "./routes/user"; 19 | //import http from "http"; 20 | 21 | const app = express(); 22 | const port = parseInt(process.env.PORT) || 3000; 23 | const env = process.env.NODE_ENV || "development"; 24 | 25 | app.use(compression()); 26 | 27 | app.set("port", port); 28 | app.set("views", __dirname + "/views"); 29 | app.set("view engine", "ejs"); 30 | 31 | // parse application/x-www-form-urlencoded 32 | app.use(bodyParser.urlencoded({extended: true})); 33 | app.use(bodyParser.json()); 34 | app.use(logger("combined")); 35 | 36 | app.use(cookieParser("your secret here")); 37 | 38 | app.use(expressSession({ 39 | secret: "your secret here", 40 | resave: false, 41 | saveUninitialized: false 42 | })); 43 | 44 | app.use(express.static(path.join(__dirname, "public"))); 45 | app.use(express.static(path.join(__dirname, "client"))); 46 | app.use(express.static(path.join(__dirname, "../lib"))); // to get CSGTree.js 47 | 48 | 49 | if ("development" == env) { 50 | app.use(errorHandler()); 51 | } 52 | 53 | app.use(cors()); 54 | 55 | app.get("/test", function (req, res) { 56 | res.render("sample", {}); 57 | }); 58 | 59 | app.get("/viewer", function (req, res) { 60 | console.log(" viewer requested"); 61 | res.render("viewer", {}); 62 | }); 63 | 64 | app.get("/", routes.index); 65 | app.post("/csg1", object.buildCSG1); 66 | app.post("/load_cadfile", object.load_cadfile); 67 | 68 | 69 | 70 | app.post("/file-upload", function (req, res) { 71 | 72 | const form = new formidable.IncomingForm(); 73 | 74 | // specify that we want to allow the user to upload multiple files in a single request 75 | form.multiples = true; 76 | // store all uploads in the /uploads directory 77 | form.uploadDir = path.join(__dirname, "uploads"); 78 | 79 | 80 | const jsonResult = {files: []}; 81 | form.on("fileBegin", function (name, file) { 82 | }); 83 | 84 | form.on("file", function (name, file) { 85 | console.log("Uploaded " + file.name); 86 | jsonResult.files.push({ 87 | "name": file.name, 88 | "size": file.size, 89 | "path": path.posix.join("/uploads", path.basename(file.name)) 90 | }); 91 | 92 | fs.rename(file.path, path.join(form.uploadDir, file.name)); 93 | }); 94 | 95 | form.on("error", function (err) { 96 | console.log("An error has occurred: \n" + err); 97 | }); 98 | 99 | form.on("end", function () { 100 | }); 101 | 102 | form.parse(req, function (err, fields, files) { 103 | 104 | res.send(jsonResult); 105 | }); 106 | 107 | }); 108 | 109 | 110 | // http.createServer(app).listen(app.get("port"), function(){ 111 | app.listen(app.get("port"), function () { 112 | console.log("Express server listening on port " + app.get("port")); 113 | }); 114 | -------------------------------------------------------------------------------- /src/routes/index.js: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * GET home page. 4 | */ 5 | 6 | exports.index = function(req, res){ 7 | res.render('index', { 8 | title: 'Node-OCC Test Bed' 9 | }); 10 | }; -------------------------------------------------------------------------------- /src/routes/object.js: -------------------------------------------------------------------------------- 1 | /* jslint esversion:6 */ 2 | const nodeocc = require("node-occ"); 3 | const occ = nodeocc.occ; 4 | const shapeFactory = nodeocc.shapeFactory; 5 | const scriptRunner = nodeocc.scriptRunner; 6 | const fast_occ = nodeocc.fastBuilder.occ; 7 | 8 | 9 | const fs = require('fs'); 10 | const path = require("path"); 11 | const fileUtils = require ("file-utils"); 12 | 13 | const vm = require('vm'); 14 | const util = require('util'); 15 | 16 | 17 | function buildResponse(solids,logs) { 18 | 19 | let response = { solids: [] , logs: [ ]}; 20 | let counter = 1; 21 | solids.forEach(function(solid){ 22 | solid.name = "S" + counter; 23 | counter++; 24 | try { 25 | let mesh = occ.buildSolidMesh(solid); 26 | response.solids.push(mesh); 27 | } 28 | catch(err) { 29 | console.log(" EXCEPTION in MESHING "); 30 | } 31 | }); 32 | response.logs = logs; 33 | return response; 34 | } 35 | 36 | 37 | exports.buildCSG1 = function(req,res) 38 | { 39 | 40 | var csgFuncScript = decodeURIComponent(req.body.script); 41 | var params = req.body.params; 42 | var id = req.body.id; 43 | 44 | var process = new scriptRunner.ScriptRunner({ 45 | csg: fast_occ, 46 | occ: fast_occ, 47 | solids: [], 48 | display: function( objs) { 49 | if (!(objs instanceof occ.Solid)) { 50 | objs.forEach(function(o){ process.env.solids.push(o);}); 51 | } else { 52 | process.env.solids.push(objs); 53 | } 54 | }, 55 | shapeFactory: shapeFactory 56 | }); 57 | 58 | var solidBuilderScript = ""+csgFuncScript+""; 59 | 60 | process.run(solidBuilderScript, 61 | function done_callback() { 62 | res.send(buildResponse(process.env.solids,process.env.logs)); 63 | console.log(" All Done"); 64 | }, 65 | function error_callback(err) { 66 | res.status(501).send("Error building solid : " + err.message + " " + err.stack); 67 | } 68 | ); 69 | }; 70 | 71 | 72 | exports.load_cadfile = function(req,res) { 73 | 74 | 75 | var filename = path.join(__dirname, "..", req.body.filename); 76 | 77 | function progress(percent) { 78 | console.log(" -----------------> ", percent); 79 | } 80 | 81 | console.log(" loading ", filename); 82 | 83 | occ.readSTEP(filename, function (err, solids) { 84 | if (err) { 85 | console.log(" readStep has failed", err.message); 86 | res.status(501).send("Error building solid : " + err.message + " " + err.stack); 87 | } else { 88 | console.log(" readStep has succeeded"); 89 | res.send(buildResponse(solids,[])); 90 | } 91 | },progress); 92 | 93 | 94 | 95 | }; 96 | -------------------------------------------------------------------------------- /src/routes/user.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | /* 4 | * GET users listing. 5 | */ 6 | 7 | exports.list = function(req, res){ 8 | 9 | res.format({ 10 | text: function(){ 11 | res.send( 'hey'); 12 | }, 13 | 14 | html: function(){ 15 | res.send('

    hey

    '); 16 | }, 17 | 18 | json: function(){ 19 | res.send({ message: 'hey' }); 20 | } 21 | }); 22 | 23 | 24 | }; -------------------------------------------------------------------------------- /src/views/index.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | <%= title %> 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 98 | 99 | 100 | 101 | 102 |
    103 |
    105 |
    106 |
    107 | 108 | 109 |
    110 |
    111 |
    Please wait...
    112 |
    113 | 
    114 |
    115 |
    116 |
    117 | 118 |
    119 | 130 |

    Center of Gravity {{ COG.x }}

    131 |

    {{ COG.y }}

    132 |

    {{ COG.z }}

    133 | 134 |
    135 |
    136 |
    137 | 138 |
    139 | print(" ------------------ Creating youghurt pots -------"); 140 | 141 | var height = 20; 142 | var thickness = 1; 143 | var radius =10.0; 144 | 145 | var s1 = csg.makeCylinder([0,0,0],[0,0,height] , radius); 146 | var s2 = csg.makeSphere([0,0,0], radius); 147 | var s3 = csg.makeCylinder([0,0,-radius*0.7],[0,0,height], radius*2); 148 | var s4 = csg.fuse(s1,s2); 149 | var s5 = csg.common(s4,s3); 150 | 151 | 152 | var smallRadius = radius-thickness; 153 | var r1 = csg.makeCylinder([0,0,0],[0,0,height] , smallRadius); 154 | var r2 = csg.makeSphere([0,0,0],smallRadius); 155 | var r3 = csg.makeCylinder( [0,0,-radius*0.7 + thickness ],[0,0,height], radius*2); 156 | var r4 = csg.fuse(r1,r2); 157 | var r5 = csg.common(r4,r3); 158 | 159 | var solid = csg.cut(s5,r5); 160 | 161 | var dist = 21; 162 | display(solid); 163 | display(solid.translate([dist,0,0])); 164 | display(solid.translate([-dist,0,0])); 165 | display(solid.translate([0,-dist,0])); 166 | display(solid.translate([0,dist,0])); 167 | 168 | 169 |
    170 | 171 |
    172 | 173 | 174 | 175 | 176 | 193 | 194 | 195 | -------------------------------------------------------------------------------- /src/views/sample.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Layout 7 | 8 | 9 | 10 | 11 | 12 | 53 | 54 | 55 |
    Centre
    56 |
    North
    57 |
    South
    58 |
    East
    59 |
    60 |
    function a(b,c){ 61 | var toto="toto"; 62 | } 63 |
    64 |
    65 | 66 | 67 | 68 | 105 | 106 | 107 | 108 | -------------------------------------------------------------------------------- /src/views/viewer.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 19 | 20 | 21 | 23 | 24 | 25 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 37 | 38 | 39 | 40 | 41 | 42 | 43 |
    44 |
    45 |
    46 |
    47 |
    48 | 49 |
    50 | 51 |
    52 | 53 |
    54 | 55 |
    56 |
    58 |
    59 | 60 |
    61 | 62 | 63 | 174 | 191 | 192 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | const nodeExternals = require('webpack-node-externals'); 3 | const CopyWebpackPlugin = require("copy-webpack-plugin"); 4 | 5 | 6 | const clientConfig = { 7 | target: 'web', 8 | entry: { 9 | client_app: [ 10 | "./client/client_app.js" 11 | ] 12 | } 13 | , output: { 14 | path: __dirname + '/dist/client', 15 | filename: "[name].js" 16 | }, 17 | 18 | }; 19 | const serverConfig = { 20 | target: 'async-node', 21 | node: { 22 | __dirname: false, 23 | __filename: false, 24 | }, 25 | entry: { 26 | app: ["./src/app2.js"] 27 | } 28 | , output: { 29 | path: __dirname + '/dist', 30 | filename: "[name].js" 31 | }, 32 | externals: [nodeExternals()], // in order to ignore all modules in node_modules folder 33 | module: { 34 | loaders: [ 35 | { 36 | test: /\.js$/, 37 | exclude: /(node_modules|node-occ)/, 38 | //xxloader: 'babel-loader?{ "stage": 0, "optional": ["runtime"] }' 39 | } 40 | ] 41 | }, 42 | plugins: [ 43 | // new webpack.optimize.CommonsChunkPlugin({name: "vendor", filename: "vendor.js",}) 44 | new CopyWebpackPlugin([ 45 | 46 | {from: "./src/views", to: /* dist/*/"views"}, 47 | {from: "./public", to: /* dist/*/"public"}, 48 | // 49 | ] 50 | 51 | ) 52 | ] 53 | 54 | }; 55 | //https://robertknight.github.io/posts/webpack-dll-plugins/ 56 | module.exports = [ serverConfig, clientConfig]; 57 | --------------------------------------------------------------------------------