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 getElementForElementRootNode = function(node, withParent) {
  24     if(node.nodeType === Node.TEXT_NODE) {
  25         return _getElementForRootTextNode(node, withParent);
  26     }
  27     return node.getData('canvasElement');
  28 };
  29
  30 var _getElementForRootTextNode = function(textNode, withParent) {
  31     var parentElement = getElementForNode(withParent || textNode.parent()),
  32         toret;
  33     parentElement.children().some(function(child) {
  34         if(child.wlxmlNode.sameNode(textNode)) {
  35             toret = child;
  36             return true;
  37         }
  38     });
  39     return toret;
  40 };
  41
  42 var getElementForNode = function(node, withParent) {
  43     if(node.nodeType === Node.TEXT_NODE) {
  44         return _getElementForTextNode(node, withParent);
  45     }
  46     while(!node.getData('canvasElement')) {
  47         node = node.parent();
  48     }
  49     return node.getData('canvasElement');
  50 };
  51
  52 var _getElementForTextNode = function(textNode, withParent) {
  53     var parentElement = getElementForNode(withParent || textNode.parent()),
  54         toret;
  55     parentElement.children().some(function(child) {
  56         if(child.wlxmlNode.sameNode(textNode)) {
  57             toret = child;
  58             return true;
  59         }
  60     });
  61     return toret || parentElement;
  62 };
  63
  64 var getElementForDetachedNode = function(node, originalParent) {
  65     var ptr = originalParent;
  66     if(ptr === null) {
  67         return node.getData('canvasElement');
  68     }
  69     while(!ptr.getData('canvasElement')) {
  70         ptr = ptr.parent();
  71     }
  72     return ptr.getData('canvasElement');
  73 };
  74
  75
  76
  77 return {
  78     nearestInDocumentOrder: nearestInDocumentOrder,
  79     unicode: {
  80         ZWS: '\u200B'
  81     },
  82     getElementForNode: getElementForNode,
  83     getElementForDetachedNode: getElementForDetachedNode,
  84     getElementForElementRootNode: getElementForElementRootNode
  85 };
  86
  87 });