key STL download working now too

web/3d_preview.js

@@ -12,7 +12,6 @@ function preview_load(data) {
     var centerX = 0.5 * (geometry.boundingBox.max.x + geometry.boundingBox.min.x);
     var centerY = 0.5 * (geometry.boundingBox.max.y + geometry.boundingBox.min.y);
     var centerZ = 0.5 * (geometry.boundingBox.max.z + geometry.boundingBox.min.z);
-    console.log(centerX, centerY, centerZ);
 
     var material = new THREE.MeshPhongMaterial( { color: 0x775500, specular: 0x111111, shininess: 200 } );
     var mesh = new THREE.Mesh( geometry, material );
@@ -59,7 +58,6 @@ function preview_init() {
     container.appendChild( renderer.domElement );
 
     window.addEventListener( 'resize', onWindowResize, false );
-    console.log("Init.");
 }
 
 function addShadowedLight( x, y, z, color, intensity ) {
@@ -101,7 +99,6 @@ function preview_animate() {
         requestAnimationFrame( preview_animate );
 
         render();
-        console.log("Animate.");
     }
 }
 

web/index.htm

@@ -20,7 +20,7 @@
 <div id="please_wait" style="display:none;">Please wait...</div>
 <div id="generated_key" style="display:none;">
     <div id="key_preview" style="width:200px; height:400px;"></div>
-    <button id="key_download">Download</button>
+    <a id="key_download" href="#">Download</a>
 </div>
 </body>
 </html>

web/keygen.js

@@ -65,6 +65,12 @@ function generate_key() {
             preview_load(key_stl);
             preview_animate();
             $("#generated_key").show();
+
+            var blob = new Blob([key_stl], {type: "application/sla"});
+            var objectUrl = URL.createObjectURL(blob);
+            var bitting = $("#key_bitting").val();
+            var filename = (bitting ? bitting : "keyblank") + ".stl";
+            $("#key_download").attr("href", objectUrl).attr("download", filename);
         } else {
             alert("An error occurred");
         }