From 6de9ac66b5e7ee2378d4f4f29f4e5708ef1c2f7c Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 20 Jul 2015 14:41:58 -0400
Subject: add business logic to new plan style

---
 public/assets/test/ortho3.html | 64 +++++++++++++++++++++++++++++++++++++-----
 1 file changed, 57 insertions(+), 7 deletions(-)

(limited to 'public/assets/test')

diff --git a/public/assets/test/ortho3.html b/public/assets/test/ortho3.html
index 3ae0204..fa7e3c5 100644
--- a/public/assets/test/ortho3.html
+++ b/public/assets/test/ortho3.html
@@ -44,6 +44,7 @@ body {
   <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>
 
 <script src="/assets/javascripts/util.js"></script>
@@ -96,7 +97,7 @@ var ArrowTool = MapTool.extend(function(base){
 	exports.down = function(e, cursor){
     last_point.a = cursor.x.a
     last_point.b = cursor.y.a
-    var p = findClosestPoint(last_point)
+    var p = shapes.findClosestPoint(last_point)
     if (p) {
       selected_shape = p.shape
       selected_point = p.point
@@ -110,7 +111,7 @@ var ArrowTool = MapTool.extend(function(base){
   exports.move = function(e, cursor){
     last_point.a = cursor.x.a
     last_point.b = cursor.y.a
-    var p = findClosestPoint(last_point)
+    var p = shapes.findClosestPoint(last_point)
     if (p) {
       document.body.style.cursor = "pointer"
       last_point.assign(p.point)
@@ -339,6 +340,26 @@ var OrthoPolylineTool = MapTool.extend(function (base) {
   return exports
 })
 
+var EraserTool = MapTool.extend(function(base){
+	var exports = {}
+	exports.down = function(e, cursor){
+  }
+  exports.move = function(e, cursor){
+    var segment = shapes.findClosestSegment(last_point)
+    if (segment) {
+      document.body.style.cursor = "pointer"
+      last_point.a = segment.x
+      last_point.b = segment.y
+      cursor.x.a = cursor.x.b = last_point.a
+      cursor.y.a = cursor.y.b = last_point.b
+      return
+    }
+    else {
+      document.body.style.cursor = "crosshair"
+    }
+  }
+  return exports
+})
 
 var ShapeList = Fiber.extend(function(base){
   var exports = {}
@@ -348,6 +369,12 @@ var ShapeList = Fiber.extend(function(base){
   exports.add = function(shape){
     this.shapes.push(shape)
   }
+  exports.remove = function(shape){
+    var index = this.shapes.indexOf(shape)
+    if (index !== -1) {
+      this.shapes.splice(index, 1)
+    }
+  }
   exports.findClosestPoint = function (p){
     var point
     for (var i = 0; i < this.shapes.length; i++) {
@@ -364,6 +391,17 @@ var ShapeList = Fiber.extend(function(base){
     }
     return null
   }
+  exports.findClosestSegment = function (p){
+    var segment = null, closest_segment = null
+    for (var i = 0; i < this.shapes.length; i++) {
+      segment = this.shapes[i].hasSegmentNear(p, 10)
+      if (segment && (! closest_segment || segment.distance < closest_segment.distance)) {
+        closest_segment = segment
+        closest_segment.shape = this.shapes[i]
+      }
+    }
+    return closest_segment
+  }
   exports.forEach = function(fn){
     this.shapes.forEach(fn)
   }
@@ -421,7 +459,10 @@ var Polyline = Fiber.extend(function(base){
     var dx, dy, new_x, new_y, x, y, closest_distance = min_dist || Infinity
     var closest_i = -1
     var points = this.points
+    var p1, p2 = points[0]
     for (var i = 1; i < points.length; i++) {
+      p1 = p2
+      p2 = points[i]
       d1 = p1.a - p2.a
       d2 = p1.b - p2.b
       sum = d1*d1 + d2*d2
@@ -448,10 +489,6 @@ var Polyline = Fiber.extend(function(base){
     }
 	}
 	
-	exports.getSegment = function(i){
-	  return [ points[i], points[i+1] ]
-	}
-
   exports.draw = function(ctx){
     var points = this.points
     if (! points.length) return
@@ -541,7 +578,16 @@ MX.Polyline = MX.Object3D.extend({
     })
     var hue = abs(round( angle / PI * 90 + 300))
     mx.el.style.backgroundColor = 'hsl(' + [hue, "100%", "50%"] + ')'
-  }
+  },
+  
+  destroy: function(){
+    this.faces.forEach(function(mx){
+      scene.remove(mx)
+    })
+    this.faces = null
+    this.points = null
+  },
+
 })
 
 MX.Point = MX.Object3D.extend({
@@ -577,6 +623,7 @@ map = new Map ({
 map.ui.add_tool("arrow", new ArrowTool)
 map.ui.add_tool("polyline", new PolylineTool)
 map.ui.add_tool("ortho-polyline", new OrthoPolylineTool)
+map.ui.add_tool("eraser", new EraserTool)
 map.ui.add_tool("position", new PositionTool)
 
 $(window).resize(function(){
@@ -645,6 +692,9 @@ OrthographicToolbar.add("polyline-mode", function(){
 OrthographicToolbar.add("ortho-polyline-mode", function(){
   map.ui.set_tool("ortho-polyline")
 })
+OrthographicToolbar.add("eraser-mode", function(){
+  map.ui.set_tool("eraser")
+})
 OrthographicToolbar.pick("ortho-polyline-mode")
 
 document.addEventListener('DOMContentLoaded', build)
-- 
cgit v1.2.3-70-g09d2