From b5d2503ec4e5844ab3793c9e48020bcbaef3112b Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Tue, 11 Aug 2015 13:22:31 -0400
Subject: blueprint integration into views

---
 views/controls/builder/blueprint.ejs | 92 ++++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)
 create mode 100644 views/controls/builder/blueprint.ejs

(limited to 'views/controls')

diff --git a/views/controls/builder/blueprint.ejs b/views/controls/builder/blueprint.ejs
new file mode 100644
index 0000000..e5f3257
--- /dev/null
+++ b/views/controls/builder/blueprint.ejs
@@ -0,0 +1,92 @@
+<style type="text/css">
+html,body{width:100%;height:100%;margin:0;padding:0;}
+body {
+	overflow: hidden;
+}
+#perspective,
+#perspective .mx-scene {
+	position: absolute;
+	left:0%;
+	top:0px;
+	-webkit-transform: translateZ(0);
+	transform: translateZ(0);
+}
+
+#orthographic {
+	position: absolute;
+	left:50%;
+	top:0px
+}
+.hud {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 10px;
+  background: white;
+}
+.ortho-hud {
+  left: 50%;
+  border-left: 1px solid black;
+}
+#url { width: 300px }
+.hud span { color: #888; cursor: pointer; }
+.hud span.active { color: #000; }
+
+#blueprintForm {
+  width: 240px;
+}
+</style>
+
+<div id="blueprintView">
+  <div id="perspective"></div>
+  <div id="orthographic"></div>
+
+  <div class="hud persp-hud">
+    <input type="text" id="url" placeholder="paste an image URL here!">
+    <span class="ion-ionic active" data-role="orbit-mode"></span>
+    <span class="ion-archive" data-role="keyboard-mode"></span>
+  </div>
+
+  <div class="hud ortho-hud">
+    <span class="ion-navigate" data-role="arrow-mode"></span>
+    <span class="ion-ios-pulse active" data-role="polyline-mode"></span>
+    <span class="ion-ios-grid-view-outline" data-role="ortho-polyline-mode"></span>
+    <span class="ion-scissors" data-role="eraser-mode"></span>
+  </div>
+
+  <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>
+</div>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2