\r
'use strict';\r
\r
+var getCursorPosition = function() {\r
+ var selection = window.getSelection();\r
+ var anchorNode = $(selection.anchorNode);\r
+ var parent = anchorNode.parent();\r
+ return {\r
+ textNode: anchorNode,\r
+ textNodeOffset: selection.anchorOffset,\r
+ textNodeIndex: parent.contents().index(anchorNode),\r
+ parentNode: parent,\r
+ focusNode: $(selection.focusNode).parent(),\r
+ isAtEnd: selection.anchorOffset === anchorNode.text().length\r
+ }\r
+};\r
+\r
var Manager = function(canvas, sandbox) {\r
this.canvas = canvas;\r
this.sandbox = sandbox;\r
\r
canvas.dom.on('keyup', '#rng-module-documentCanvas-contentWrapper', function(e) {\r
var anchor = $(window.getSelection().anchorNode);\r
+ \r
if(anchor[0].nodeType === Node.TEXT_NODE)\r
anchor = anchor.parent();\r
if(!anchor.is('[wlxml-tag]'))\r
\r
canvas.dom.on('keydown', '#rng-module-documentCanvas-contentWrapper', function(e) {\r
if(e.which === 13) { \r
- e.preventDefault();\r
- //view.insertNewNode(null, null);\r
+ manager.onEnterKey(e);\r
}\r
if(e.which === 8) {\r
- var anchor = window.getSelection().anchorNode;\r
- var len = anchor.length;\r
- console.log(len);\r
- if(len === 1) {\r
- e.preventDefault();\r
- $(anchor).parent().text('');\r
- }\r
+ manager.onBackspaceKey(e);\r
}\r
});\r
\r
};\r
\r
Manager.prototype.selectNode = function(wlxmlNode, options) {\r
- options = options || {};\r
- var nodeElement = this.getNodeElement(wlxmlNode)\r
- \r
- this.dimNode(wlxmlNode);\r
- \r
- this.canvas.dom.find('.rng-module-documentCanvas-currentNode').removeClass('rng-module-documentCanvas-currentNode');\r
- nodeElement.addClass('rng-module-documentCanvas-currentNode');\r
- \r
- if(options.movecaret) {\r
- this.movecaretToNode(nodeElement);\r
- }\r
- \r
- this.currentNode = wlxmlNode;\r
- this.sandbox.publish('nodeSelected', wlxmlNode);\r
+ options = options || {};\r
+ var nodeElement = this.getNodeElement(wlxmlNode)\r
+ \r
+ this.dimNode(wlxmlNode);\r
+ \r
+ this.canvas.dom.find('.rng-module-documentCanvas-currentNode').removeClass('rng-module-documentCanvas-currentNode');\r
+ nodeElement.addClass('rng-module-documentCanvas-currentNode');\r
+ \r
+ if(options.movecaret) {\r
+ this.movecaretToNode(nodeElement, options.movecaret);\r
+ }\r
+ \r
+ this.currentNode = wlxmlNode;\r
+ this.sandbox.publish('nodeSelected', wlxmlNode);\r
};\r
\r
+Manager.prototype.insertNewNode = function(wlxmlTag, wlxmlClass) {\r
+ var selection = window.getSelection();\r
+\r
+ if(selection.getRangeAt(0).collapsed) {\r
+ \r
+ } else {\r
+ var offsetStart = selection.anchorOffset;\r
+ var offsetEnd = selection.focusOffset;\r
+ if(offsetStart > offsetEnd) {\r
+ var tmp = offsetStart;\r
+ offsetStart = offsetEnd;\r
+ offsetEnd = tmp;\r
+ }\r
+ var node = new wlxmlNode.Node($(selection.anchorNode).parent());\r
+ var newNode = this.canvas.insertNode({place: 'wrapText', context: node, tag: wlxmlTag, klass: wlxmlClass, offsetStart: offsetStart, offsetEnd: offsetEnd});\r
+ this.selectNode(new wlxmlNode.Node(newNode), {movecaret: 'end'});\r
+ }\r
+ \r
+ \r
+}\r
+\r
Manager.prototype.getNodeElement = function(wlxmlNode) {\r
return this.canvas.dom.find('#'+wlxmlNode.id);\r
};\r
this.selectNode(new wlxmlNode.Node(node), {movecaret: true});\r
};\r
\r
-Manager.prototype.movecaretToNode = function(nodeElement) {\r
+Manager.prototype.movecaretToNode = function(nodeElement, where) {\r
var range = document.createRange();\r
range.selectNodeContents(nodeElement[0]);\r
- range.collapse(false);\r
+ \r
+ var collapseArg = true;\r
+ if(where === 'end')\r
+ collapseArg = false;\r
+ range.collapse(collapseArg);\r
var selection = document.getSelection();\r
selection.removeAllRanges()\r
selection.addRange(range);\r
this.gridToggled = toggle;\r
};\r
\r
+Manager.prototype.onEnterKey = function(e) {\r
+ e.preventDefault();\r
+ var pos = getCursorPosition();\r
+ var insertedNode;\r
+ if(pos.isAtEnd) {\r
+ insertedNode = this.canvas.insertNode({place: 'after', context: {id: pos.parentNode.attr('id')}, tag: pos.parentNode.attr('wlxml-tag'), klass: pos.parentNode.attr('wlxml-class')});\r
+ } else {\r
+ insertedNode = this.canvas.splitNode({node: {id: pos.parentNode.attr('id')}, textNodeIdx: pos.textNodeIndex, offset: pos.textNodeOffset});\r
+ }\r
+ if(insertedNode.length)\r
+ this.selectNode(new wlxmlNode.Node(insertedNode), {movecaret: true});\r
+ this.sandbox.publish('contentChanged');\r
+};\r
+\r
+Manager.prototype.onBackspaceKey = function(e) {\r
+ var pos = getCursorPosition();\r
+ var len = pos.textNode.text().length;\r
+ if(len === 1) {\r
+ // Prevent deleting node by browser after last character removed;\r
+ e.preventDefault();\r
+ pos.parentNode.text('');\r
+ }\r
+ if(len === 0) {\r
+ e.preventDefault();\r
+ var toRemove = new wlxmlNode.Node(pos.textNode);\r
+ var prevNode = this.canvas.getPreviousNode({node:toRemove});\r
+ this.canvas.removeNode({node: toRemove}); // jesli nie ma tekstu, to anchor nie jest tex nodem\r
+ this.selectNode(prevNode, {movecaret: 'end'});\r
+ }\r
+}\r
+\r
+Manager.prototype.command = function(command, meta) {\r
+ var pos = getCursorPosition();\r
+ \r
+ if(command === 'createList') {\r
+ var node = new wlxmlNode.Node(pos.parentNode);\r
+ if(window.getSelection().getRangeAt().collapsed && this.canvas.insideList({pointer: node})) {\r
+ this.canvas.removeList({pointer: node});\r
+ this.selectNode(node, {movecaret: 'end'});\r
+ this.sandbox.publish('contentChanged');\r
+ }\r
+ else {\r
+ if(!this.canvas.insideList({pointer: node})) {\r
+ this.canvas.createList({start: new wlxmlNode.Node(pos.parentNode), end: new wlxmlNode.Node(pos.focusNode)});\r
+ this.selectNode(new wlxmlNode.Node(pos.parentNode), {movecaret: 'end'});\r
+ this.sandbox.publish('contentChanged');\r
+ }\r
+ }\r
+ }\r
+\r
+}\r
+\r
+\r
return Manager;\r
\r
});
\ No newline at end of file
fnp / fnpeditor.git / blobdiff