src/editor/modules/documentCanvas/canvas/utils.js

   1 define([
   2 'libs/jquery',
   3 ], function($) {
   4
   5 'use strict';
   6 /* globals Node */
   7
   8 var nearestInDocumentOrder = function(selector, direction, element) {
   9     var parents = $(element).parents(),
  10         parent = parents.length ? $(parents[parents.length-1]) : element;
  11
  12     var adj = parent.find(selector).filter(function() {
  13         /*jshint bitwise: false*/
  14         return this.compareDocumentPosition(element) & (direction === 'above' ? Node.DOCUMENT_POSITION_FOLLOWING : Node.DOCUMENT_POSITION_PRECEDING);
  15     });
  16
  17     if(adj.length) {
  18         return adj[direction === 'above' ? adj.length-1 : 0];
  19     }
  20     return null;
  21 };
  22
  23 var findCanvasElement = function(node, childOf) {
  24     if(node.nodeType === Node.ELEMENT_NODE) {
  25         return node.getData('canvasElement');
  26     }
  27     if(node.nodeType === Node.TEXT_NODE) {
  28         return findCanvasElementInParent(node, childOf || node.parent());
  29     }
  30 };
  31
  32 /**
  33  * We take child and its parent as arguments separatly to
  34  * handle situation where child was removed from WLXMLDocument
  35  * and it lost reference to its parent (but we may still have it on canvas).
  36 */
  37 var findCanvasElementInParent = function(wlxmlChildNode, wlxmlParentNode) {
  38     var parentElement, toret;
  39
  40     if(wlxmlParentNode === null) {
  41         toret = wlxmlChildNode.getData('canvasElement');
  42         if(toret.parent()) {
  43             throw new Error('This should never happen: root canvas element doesn\'t render root document node!');
  44         }
  45     } else {
  46         parentElement = findCanvasElement(wlxmlParentNode);
  47         parentElement.children().forEach(function(child) {
  48             if(child.wlxmlNode.sameNode(wlxmlChildNode)) { // czemu tu, przy drugim undo child nie mial data?
  49                 toret = child;
  50             }
  51         });
  52     }
  53     return toret;
  54 };
  55
  56 var getElementForNode = function(node) {
  57
  58     var ptr = node.nodeType === Node.TEXT_NODE ? node.parent() : node;
  59     while(!ptr.getData('canvasElement')) {
  60         ptr = ptr.parent();
  61     }
  62     return ptr.getData('canvasElement');
  63 };
  64
  65 var getElementForDetachedNode = function(node, originalParent) {
  66     var ptr = originalParent;
  67     if(ptr === null) {
  68         return node.getData('canvasElement');
  69     }
  70     while(!ptr.getData('canvasElement')) {
  71         ptr = ptr.parent();
  72     }
  73     return ptr.getData('canvasElement');
  74 };
  75
  76 return {
  77     nearestInDocumentOrder: nearestInDocumentOrder,
  78     findCanvasElement: findCanvasElement,
  79     findCanvasElementInParent: findCanvasElementInParent,
  80     unicode: {
  81         ZWS: '\u200B'
  82     },
  83     getElementForNode: getElementForNode,
  84     getElementForDetachedNode: getElementForDetachedNode
  85 };
  86
  87 });