blueprint upload stuff

1 files changed, 39 insertions, 4 deletions

diff --git a/public/assets/test/ortho4.html b/public/assets/test/ortho4.html
index b434efb..12b6ab2 100644
--- a/public/assets/test/ortho4.html
+++ b/public/assets/test/ortho4.html
@@ -1,15 +1,19 @@
+<link href='/assets/stylesheets/app.css' rel='stylesheet' type='text/css'>
 <link href='/assets/stylesheets/ionicons.css' rel='stylesheet' type='text/css'>
 <style type="text/css">
 html,body{width:100%;height:100%;margin:0;padding:0;}
 body {
-	font-family: Menlo, monospace;
 	overflow: hidden;
 }
-#perspective {
+#perspective,
+#perspective .mx-scene {
 	position: absolute;
 	left:0%;
-	top:0px
+	top:0px;
+	-webkit-transform: translateZ(0);
+	transform: translateZ(0);
 }
+
 #orthographic {
 	position: absolute;
 	left:50%;
@@ -29,6 +33,10 @@ body {
 #url { width: 300px }
 .hud span { color: #888; cursor: pointer; }
 .hud span.active { color: #000; }
+
+#blueprintForm {
+  width: 240px;
+}
 </style>
 
 <div id="perspective"></div>
@@ -47,11 +55,38 @@ body {
   <span class="ion-scissors" data-role="eraser-mode"></span>
 </div>
 
-<div class="mediaDrawer fixed animate blueprintUpload">
+<div class="mediaDrawer fixed animate blueprintUpload active">
 	<span class="close">X</span>
 	<div class="box">
 		
     <h2>Upload A Room Image</h2>
+    
+    <div id="blueprintForm">
+      <div class="wallpaperUpload toolButton">
+        <form>
+          <span class="ion-ios-upload-outline upload-icon"></span>
+          <label>Upload</label>
+          <input type="file" accept="image/*" multiple>
+        </form>
+      </div>
+      <input type="text" class="url" placeholder="Enter an image URL or...">
+    </div>
+    
+    Please tell us the scale of your map.
+    Click both corners of a wall, and then enter how long the wall is.
+    
+    <div id="blueprintMap">
+    </div>
+    
+    <div id="blueprintDimensions">
+      <input type="text" name="blueprint-dimensions">
+      <select id="blueprint-units" name="blueprint-units">
+        <option value="ft">foot</option>
+        <option value="m">meter</option>
+      </select>
+    
+      <button id="saveBlueprint">Save</button>
+    </div>
 
 	</div>
 </div>