Check if eyedropper is over border or background.

Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

1 files changed, 160 insertions, 2 deletions

diff --git a/js/tools/EyedropperTool.js b/js/tools/EyedropperTool.js
index 8bb986a3..62a3eadd 100644
--- a/js/tools/EyedropperTool.js
+++ b/js/tools/EyedropperTool.js
@@ -6,7 +6,8 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 
 var Montage = require("montage/core/core").Montage,
     ElementsMediator = require("js/mediators/element-mediator").ElementMediator,
-
+    drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils,
+    vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils,
     toolBase = require("js/tools/ToolBase").toolBase;
 
 exports.EyedropperTool = Montage.create(toolBase, {
@@ -99,7 +100,7 @@ exports.EyedropperTool = Montage.create(toolBase, {
             if (obj)
             {
                 // TODO - figure out if user clicked on a border - for now, just get fill
-                var c = ElementsMediator.getColor(obj, true);
+                var c = ElementsMediator.getColor(obj, this._isOverBorder(obj, event));
                 if(c)
                 {
                     var color = this.application.ninja.colorController.getColorObjFromCss(c.color.css);
@@ -147,6 +148,163 @@ exports.EyedropperTool = Montage.create(toolBase, {
                 this._previousColor = color.value.css;
             }
         }
+    },
+
+    // TODO - We don't want to calculate this repeatedly
+    _isOverBorder: {
+        value: function(elt, event)
+        {
+            var border = ElementsMediator.getProperty(elt, "border", parseFloat);
+
+            if(border)
+            {
+                var bounds3D,
+                    innerBounds = [],
+                    pt = webkitConvertPointFromPageToNode(this.application.ninja.stage.canvas, new WebKitPoint(event.pageX, event.pageY)),
+                    bt = ElementsMediator.getProperty(elt, "border-top", parseFloat),
+                    br = ElementsMediator.getProperty(elt, "border-right", parseFloat),
+                    bb = ElementsMediator.getProperty(elt, "border-bottom", parseFloat),
+                    bl = ElementsMediator.getProperty(elt, "border-left", parseFloat);
+
+//                this.application.ninja.stage.viewUtils.setViewportObj( elt );
+                bounds3D = this.application.ninja.stage.viewUtils.getElementViewBounds3D( elt );
+                console.log("bounds");
+                console.dir(bounds3D);
+
+                var xAdj = bl || border,
+                    yAdj = bt || border;
+                innerBounds.push([bounds3D[0][0] + xAdj, bounds3D[0][1] + yAdj, 0]);
+
+                yAdj += bb || border;
+                innerBounds.push([bounds3D[1][0] + xAdj, bounds3D[1][1] - yAdj, 0]);
+
+                xAdj += br || border;
+                innerBounds.push([bounds3D[2][0] - xAdj, bounds3D[2][1] - yAdj, 0]);
+
+                yAdj = bt || border;
+                innerBounds.push([bounds3D[3][0] - xAdj, bounds3D[3][1] + yAdj, 0]);
+                console.log("innerBounds");
+                console.dir(innerBounds);
+
+                var tmpPt = this.application.ninja.stage.viewUtils.globalToLocal([pt.x, pt.y], elt);
+                var x = tmpPt[0],
+                    y = tmpPt[1];
+
+                if(x < innerBounds[0][0]) return false;
+                if(x > innerBounds[2][0]) return false;
+                if(y < innerBounds[0][1]) return false;
+                if(y > innerBounds[1][1]) return false;
+
+                return true;
+
+
+//                var contain = MathUtils.boundaryContainsPoint(innerBounds, tmpPt, false);
+//                console.log("contain is " + contain);
+//                var tmpMat = this.application.ninja.stage.viewUtils.getLocalToGlobalMatrix( elt );
+////                var zoomFactor = 1;
+////                if (this.application.ninja.stage.viewport.style && this.application.ninja.stage.viewport.style.zoom)
+////                {
+////                    zoomFactor = Number(this.application.ninja.stage.viewport.style.zoom);
+////                }
+//
+//                for (var j=0;  j<4;  j++)
+//                {
+//                    var localPt = innerBounds[j];
+//                    var tmpPt = this.application.ninja.stage.viewUtils.localToGlobal2(localPt, tmpMat);
+//
+////                    if(zoomFactor !== 1)
+////                    {
+////                        tmpPt = vecUtils.vecScale(3, tmpPt, zoomFactor);
+////                        tmpPt[0] += this.application.ninja.stage.scrollLeft*(zoomFactor - 1);
+////                        tmpPt[1] += this.application.ninja.stage.scrollTop*(zoomFactor - 1);
+////                    }
+//                    innerBounds[j]  = tmpPt;
+//                }
+//
+//                var contain = MathUtils.boundaryContainsPoint(innerBounds, [pt.x, pt.y], false);
+//                console.log("contain is " + contain);
+
+
+
+//                var bounds,
+//                    innerBounds = [],
+//                    plane = ElementsMediator.get3DProperty(elt, "elementPlane"),
+//                    pt = webkitConvertPointFromPageToNode(drawUtils.getDrawingSurfaceElement(), new WebKitPoint(event.pageX, event.pageY)),
+//                    bt = ElementsMediator.getProperty(elt, "border-top", parseFloat),
+//                    br = ElementsMediator.getProperty(elt, "border-right", parseFloat),
+//                    bb = ElementsMediator.getProperty(elt, "border-bottom", parseFloat),
+//                    bl = ElementsMediator.getProperty(elt, "border-left", parseFloat);
+//
+//                if(plane)
+//                {
+//                    bounds = plane.getBoundaryPoints().slice(0);
+//                    var b = bl || border;
+//                    var dirV = vecUtils.vecSubtract(2, bounds[3], bounds[0]);
+//                    dirV = vecUtils.vecNormalize(2, dirV, b);
+//                    innerBounds.push(vecUtils.vecAdd(2, bounds[0], dirV));
+//
+//                    b = bb || border;
+//                    dirV = vecUtils.vecSubtract(2, bounds[1], bounds[0]);
+//                    dirV = vecUtils.vecNormalize(2, dirV, b);
+//                    innerBounds.push(vecUtils.vecAdd(2, bounds[0], dirV));
+//
+//                    b = br || border;
+//                    dirV = vecUtils.vecSubtract(2, bounds[2], bounds[1]);
+//                    dirV = vecUtils.vecNormalize(2, dirV, b);
+//                    innerBounds.push(vecUtils.vecAdd(2, bounds[1], dirV));
+//
+//                    b = bt || border;
+//                    dirV = vecUtils.vecSubtract(2, bounds[2], bounds[3]);
+//                    dirV = vecUtils.vecNormalize(2, dirV, b);
+//                    innerBounds.push(vecUtils.vecAdd(2, bounds[3], dirV));
+//
+//                    console.log("outerBounds");
+//                    console.dir(bounds);
+//
+//                    console.log("innerBounds");
+//                    console.dir(innerBounds);
+//                }
+
+//                var contain = MathUtils.boundaryContainsPoint( bounds,  pt,  plane.isBackFacing() );
+//                if (contain == MathUtils.OUTSIDE)
+//                {
+//
+//                }
+//                if (contain == MathUtils.ON)
+//                {
+//
+//                }
+//
+//                var bt = ElementsMediator.getProperty(elt, "border-top", parseFloat),
+//                    br = ElementsMediator.getProperty(elt, "border-right", parseFloat),
+//                    bb = ElementsMediator.getProperty(elt, "border-bottom", parseFloat),
+//                    bl = ElementsMediator.getProperty(elt, "border-left", parseFloat),
+//                    left = ElementsMediator.getProperty(elt, "left", parseFloat),
+//                    top = ElementsMediator.getProperty(elt, "top", parseFloat),
+//                    width = ElementsMediator.getProperty(elt, "width", parseFloat),
+//                    height = ElementsMediator.getProperty(elt, "height", parseFloat);
+//
+//                left1 = elt.offsetLeft;
+//                left2 = box[0];
+//                right1 = elt.offsetLeft + ele.offsetWidth;
+//                right2 = box[2];
+//                top1 = ele.offsetTop;
+//                top2 = box[1];
+//                bottom1 = ele.offsetTop + ele.offsetHeight;
+//                bottom2 = box[3];
+//
+//                if (bottom1 < top2) return false;
+//                if (top1 > bottom2) return false;
+//                if (right1 < left2) return false;
+//                if (left1 > right2) return false;
+//
+//                return true;
+
+            }
+
+
+        }
+
     }
 
 });
\ No newline at end of file