wip: experiments with Canvas support for exercise.assign

[fnpeditor.git] / src / editor / modules / documentCanvas / canvas / utils.js

diff --git a/src/editor/modules/documentCanvas/canvas/utils.js b/src/editor/modules/documentCanvas/canvas/utils.js
index 0eb19d0..3efc450 100644 (file)
--- a/src/editor/modules/documentCanvas/canvas/utils.js
+++ b/src/editor/modules/documentCanvas/canvas/utils.js
@@ -3,13 +3,14 @@ define([
 ], function($) {
     
 'use strict';
 ], function($) {
     
 'use strict';

-
+/* globals Node */

 
 var nearestInDocumentOrder = function(selector, direction, element) {
     var parents = $(element).parents(),
         parent = parents.length ? $(parents[parents.length-1]) : element;
 
     var adj = parent.find(selector).filter(function() {
 
 var nearestInDocumentOrder = function(selector, direction, element) {
     var parents = $(element).parents(),
         parent = parents.length ? $(parents[parents.length-1]) : element;
 
     var adj = parent.find(selector).filter(function() {

+        /*jshint bitwise: false*/

         return this.compareDocumentPosition(element) & (direction === 'above' ? Node.DOCUMENT_POSITION_FOLLOWING : Node.DOCUMENT_POSITION_PRECEDING);
     });
 
         return this.compareDocumentPosition(element) & (direction === 'above' ? Node.DOCUMENT_POSITION_FOLLOWING : Node.DOCUMENT_POSITION_PRECEDING);
     });
 


@@ -17,13 +18,70 @@ var nearestInDocumentOrder = function(selector, direction, element) {
         return adj[direction === 'above' ? adj.length-1 : 0];
     }
     return null;
         return adj[direction === 'above' ? adj.length-1 : 0];
     }
     return null;

-}
+};
+
+var getElementForElementRootNode = function(node, mirrors, canvasContainer) {
+    if(canvasContainer) {
+        var candidates = [node.getData('canvasElement')].concat(node.getData('mirrorElements')),
+            toret;
+        candidates.some(function(c) {
+            // @@
+            if(c.dom.parents().index(canvasContainer.dom) !== -1) {
+                toret = c;
+                return true;
+            }
+        });
+        return toret;
+    }
+    return node.getData(mirrors ? 'mirrorElements' : 'canvasElement');
+};
+
+var getElementForNode = function(node, mirrors) {
+    while(!node.getData('canvasElement')) {
+        node = node.parent();
+    }
+    return node.getData(mirrors ? 'mirrorElements' : 'canvasElement');
+};
+
+var getElementForDetachedNode = function(node, originalParent, mirrors) {
+    var ptr = originalParent;
+    if(ptr === null) {
+        return node.getData(mirrors ? 'mirrorElements' : 'canvasElement');
+    }
+    while(!ptr.getData('canvasElement')) {
+        ptr = ptr.parent();
+    }
+    return ptr.getData(mirrors ? 'mirrorElements' : 'canvasElement');
+};
+
+var caretPositionFromPoint = function(x, y) {
+    /* globals document */
+    var range, textNode, offset;
+    if(document.caretPositionFromPoint) {
+        range = document.caretPositionFromPoint(x, y);
+        textNode = range.offsetNode;
+        offset = range.offset;
+    } else if(document.caretRangeFromPoint) {
+        range = document.caretRangeFromPoint(x, y);
+        textNode = range.startContainer;
+        offset = range.startOffset;
+    }
+    return {
+        textNode: textNode,
+        offset: offset
+    };
+};
+

 
 return {
     nearestInDocumentOrder: nearestInDocumentOrder,
     unicode: {
         ZWS: '\u200B'
 
 return {
     nearestInDocumentOrder: nearestInDocumentOrder,
     unicode: {
         ZWS: '\u200B'

-    }
+    },
+    getElementForNode: getElementForNode,
+    getElementForDetachedNode: getElementForDetachedNode,
+    getElementForElementRootNode: getElementForElementRootNode,
+    caretPositionFromPoint: caretPositionFromPoint

 };
 
 });
 };
 
 });