(can go inside)
-
- switch (e.key) {
- case "ArrowRight":
- if (e.shiftKey) {
- self.detach();
- return;
- }
-
- self.moveRight();
- break;
- case "ArrowLeft":
- if (e.shiftKey) {
- self.detach();
- return;
- }
-
- self.moveLeft();
- break;
- case "ArrowUp":
- if (e.shiftKey) {
- self.detach();
- return;
- }
- break;
- case "ArrowDown":
- if (e.shiftKey) {
- self.detach();
- return;
- }
- break;
- case "Backspace":
- self.deleteBefore();
- break;
- case "Delete":
- self.deleteAfter();
- break;
-// default:
-// console.log('key', e.key, e.code);
- }
- })
- }
-
- get attached() {
- return this.element.parent().length;
- }
-
- detach() {
- let p;
- if (this.attached) {
- p = this.element.parent()[0]
- this.element.detach();
- p.normalize()
- }
- }
-
- focus() {
- $("textarea", self.element).focus();
- }
-
- normalize() {
- this.element.parent()[0].normalize();
- }
-
- insertChar(ch) {
- $(document.createTextNode(ch)).insertBefore(this.element);
- this.normalize();
- }
-
- deleteBefore() {
- let contents = this.element.parent().contents();
- // Find the text before caret.
- let textBefore = contents[contents.index(this.element) - 1];
-
- // Should be text, but what if not?
- textBefore.textContent = textBefore.textContent.substr(0, textBefore.textContent.length - 1);
- this.normalize();
-
- }
-
- deleteAfter() {
- let contents = this.element.parent().contents();
- // Find the text after caret.
- let textAfter = contents[contents.index(this.element) + 1];
- textAfter.textContent = textAfter.textContent.substr(1);
- }
-
- moveLeft() {
- this.move({
- move: -1,
- edge: (i, l) => {return !i;},
- enter: (l) => {return l - 1;},
- splitTarget: (t) => {return t.splitText(t.length - 1);},
- noSplitTarget: (t) => {return t.splitText(t.length);},
- })
- }
-
- moveRight() {
- this.move({
- move: 1,
- edge: (i, l) => {return i == l - 1;},
- enter: (l) => {return 0;},
- splitTarget: (t) => {return t.splitText(1);},
- noSplitTarget: (t) => {return t;},
- })
- }
-
- move(opts) {
- if (!this.attached) return;
- this.normalize();
-
- let contents = this.element.parent().contents();
- let index = contents.index(this.element);
- let target, moved, oldparent;
-
- let parent = this.element.parent()[0];
-
- if (opts.edge(index, contents.length)) {
- // We're at the end -- what to do?
- // can we go up?
-
- if (parent.nodeName == 'EM') {
- oldparent = parent;
- parent = parent.parentNode;
- contents = $(parent).contents();
- index = contents.index(oldparent);
- }
- }
-
- index += opts.move;
- target = contents[index];
- moved = false;
-
- while (target.nodeType == 1) {
- // we've encountered a node.
- // can we go inside?
-
- if (target.nodeName == 'EM') {
- // enter
- parent = $(target);
- contents = parent.contents();
- index = opts.enter(contents.length);
- target = contents[index];
-
- // what if it has no elements?
- } else {
- // skip
- index += opts.move; // again, what if end?
- target = contents[index];
- moved = true;
- }
-
- // if editable?
- // what if editable but empty?
-
- }
-
- if (target.nodeType == 3) {
- if (!moved) {
- target = opts.splitTarget(target);
- } else {
- target = opts.noSplitTarget(target);
- }
-
- this.element.insertBefore(target);
- }
- this.normalize();
- this.focus();
- }
- }
-
/* Show theme to the user */
function selectTheme(themeId){
@@ -231,8 +6,8 @@
selection.removeAllRanges();
var range = document.createRange();
- var s = $(".motyw[theme-class='" + themeId + "']")[0];
- var e = $(".end[theme-class='" + themeId + "']")[0];
+ var s = $("[x-node='motyw'][theme-class='" + themeId + "']")[0];
+ var e = $("[x-node='end'][theme-class='" + themeId + "']")[0];
if (s && e) {
range.setStartAfter(s);
@@ -243,15 +18,21 @@
/* Verify insertion port for annotation or theme */
function verifyTagInsertPoint(node){
- if (node.nodeType == 3) { // Text Node
+ if (node.nodeType == Node.TEXT_NODE) {
node = node.parentNode;
}
- if (node.nodeType != 1) {
+ if (node.nodeType != Node.ELEMENT_NODE) {
return false;
}
node = $(node);
+ if (node.attr('id') == 'caret') {
+ node = node.parent();
+ }
+ while (node.attr('x-pass-thru')) {
+ node = node.parent();
+ }
var xtype = node.attr('x-node');
if (!xtype || (xtype.search(':') >= 0) ||
@@ -261,6 +42,12 @@
return false;
}
+ return true;
+ }
+
+ function verifyThemeBoundaryPoint(node) {
+ if (!verifyTagInsertPoint(node)) return false;
+ node = $(node);
// don't allow themes inside annotations
if (node.closest('[x-node="pe"]').length > 0)
return false;
@@ -275,10 +62,10 @@
var text = "";
$(fragment.childNodes).each(function(){
- if (this.nodeType == 3) // textNode
+ if (this.nodeType == Node.TEXT_NODE)
text += this.nodeValue;
else {
- if (this.nodeType == 1 &&
+ if (this.nodeType == Node.ELEMENT_NODE &&
$.inArray($(this).attr('x-node'), ANNOT_FORBIDDEN) == -1) {
text += html2plainText(this);
}
@@ -294,76 +81,32 @@
var selection = window.getSelection();
var n = selection.rangeCount;
- if (n == 0) {
+ if (selection.isCollapsed) {
window.alert("Nie zaznaczono żadnego obszaru");
return false;
}
- // for now allow only 1 range
- if (n > 1) {
- window.alert("Zaznacz jeden obszar");
- return false;
- }
-
- // remember the selected range
- var range = selection.getRangeAt(0);
+ var range = selection.getRangeAt(n - 1);
if (!verifyTagInsertPoint(range.endContainer)) {
window.alert("Nie można wstawiÄ w to miejsce przypisu.");
return false;
}
- // BUG #273 - selected text can contain themes, which should be omitted from
- // defining term
- var text = html2plainText(range.cloneContents());
- var tag = $('');
- range.collapse(false);
- range.insertNode(tag[0]);
-
- xml2html({
- xml: '' + text + ' --- ',
- success: function(text){
- var t = $(text);
- tag.replaceWith(t);
- openForEdit(t);
- },
- error: function(){
- tag.remove();
- alert('BÅÄ
d przy dodawaniu przypisu:' + errors);
+ text = '';
+ for (let i = 0; i < n; ++ i) {
+ let rangeI = selection.getRangeAt(i);
+ if (verifyTagInsertPoint(rangeI.startContainer) &&
+ verifyTagInsertPoint(rangeI.endContainer)) {
+ text += html2plainText(rangeI.cloneContents());
}
- })
- }
-
-
- function addReference(){
- var selection = window.getSelection();
- var n = selection.rangeCount;
-
- if (n == 0) {
- window.alert("Nie zaznaczono żadnego obszaru");
- return false;
- }
-
- // for now allow only 1 range
- if (n > 1) {
- window.alert("Zaznacz jeden obszar");
- return false;
}
-
- // remember the selected range
- var range = selection.getRangeAt(0);
-
- if (!verifyTagInsertPoint(range.endContainer)) {
- window.alert("Nie można wstawiÄ w to miejsce przypisu.");
- return false;
- }
-
var tag = $('');
range.collapse(false);
range.insertNode(tag[0]);
xml2html({
- xml: 'WystÄ
piÅ bÅÄ
d:
'+text+'
';
+ if (source)
+ err += ''+source.replace(/&/g, '&').replace(/'
+ $('#html-view').html(err);
+ _finalize(failure);
+ }
+ });
+ }
- function _finalize(callback){
- $.unblockUI();
- if (callback)
- callback();
+ flush() {
+ let self = this;
+ return new Promise((resolve, reject) => {
+ if ($('#html-view .error').length > 0) {
+ reject()
+ } else {
+ //return _finalize(failure);
+ html2text({
+ element: $('#html-view').get(0),
+ stripOuter: true,
+ success: (text) => {
+ self.doc.setText(text);
+ resolve();
+ },
+ error: (text) => {
+ reject(text);
+ //$('#source-editor').html('WystÄ
piÅ bÅÄ
d:
' + text + '
');
+ }
+ });
+ }
+ });
}
- perspective = this;
- xml2html({
- xml: this.doc.text,
- base: this.doc.getBase(),
- success: function(element){
+ onExit(success, failure) {
+ var self = this;
- var htmlView = $('#html-view');
- htmlView.html(element);
+ self.caret.detach();
- perspective.caret = new Caret(htmlView);
+ if ('PropertiesPerspective' in $.wiki.perspectives)
+ $.wiki.perspectives.PropertiesPerspective.disable();
+ self.flush().then(() => {
+ success && success();
+ }).catch((e) => {
+ // TODO report
+ console.log('REJECTED!', e);
+ failure && failure();
+ });
+ };
+ insertInlineTag(tag) {
+ this.caret.detach();
+ let self = this;
- htmlView.find('*[x-node]').dblclick(function(e) {
- if($(e.target).is('textarea'))
- return;
- var selection = window.getSelection();
- selection.collapseToStart();
- selection.modify('extend', 'forward', 'word');
- e.stopPropagation();
- });
- _finalize(success);
- },
- error: function(text, source){
- err = 'WystÄ
piÅ bÅÄ
d:
'+text+'
';
- if (source)
- err += ''+source.replace(/&/g, '&').replace(/'
- $('#html-view').html(err);
- _finalize(failure);
+ let selection = window.getSelection();
+ var n = selection.rangeCount;
+ if (n != 1 || selection.isCollapsed) {
+ window.alert("Nie zaznaczono obszaru");
+ return false
}
- });
- };
-
- VisualPerspective.prototype.onExit = function(success, failure){
- var self = this;
+ let range = selection.getRangeAt(0);
- $.blockUI({
- message: 'Zapisywanie widoku...'
- });
+ // Make sure that:
+ // Both ends are in the same x-node container.
+ // Both ends are set to text nodes.
+ // TODO: That the container is a inline-text container.
+ let commonNode = range.endContainer;
- function _finalize(callback){
- $.unblockUI();
- if (callback)
- callback();
- }
+ if (commonNode.nodeType == Node.TEXT_NODE) {
+ commonNode = commonNode.parentNode;
+ }
+ let node = range.startContainer;
+ if (node.nodeType == Node.TEXT_NODE) {
+ node = node.parentNode;
+ }
+ if (node != commonNode) {
+ window.alert("ZÅy obszar.");
+ return false;
+ }
- if ($('#html-view .error').length > 0)
- return _finalize(failure);
+ let end;
+ if (range.endContainer.nodeType == Node.TEXT_NODE) {
+ end = range.endContainer.splitText(range.endOffset);
+ } else {
+ end = document.createTextNode('');
+ let cont = $(range.endContainer).contents();
+ if (range.endOffset < cont.length) {
+ range.endContainer.insertBefore(end, cont[range.endOffset])
+ } else {
+ range.endContainer.append(end);
+ }
+ }
- html2text({
- element: $('#html-view').get(0),
- stripOuter: true,
- success: function(text){
- self.doc.setText(text);
- _finalize(success);
- },
- error: function(text){
- $('#source-editor').html('WystÄ
piÅ bÅÄ
d:
' + text + '
');
- _finalize(failure);
+ let current;
+ if (range.startContainer.nodeType == Node.TEXT_NODE) {
+ current = range.startContainer.splitText(range.startOffset);
+ } else {
+ current = document.createTextNode('');
+ let cont = $(range.startContainer).contents();
+ if (range.startOffset < cont.length) {
+ range.startContainer.insertBefore(current, cont[range.startOffset])
+ } else {
+ startNode.append(current);
+ }
}
- });
- };
- VisualPerspective.prototype.insertInlineTag = function(tag) {
- this.caret.detach();
+ // We will construct a HTML element with the range selected.
+ let div = $("");
+ while (current != end) {
+ n = current.nextSibling;
+ $(current).appendTo(div);
+ current = n;
+ }
- let selection = window.getSelection();
- var n = selection.rangeCount;
- if (n != 1) {
- window.alert("Nie zaznaczono obszaru");
- return false
+ html2text({
+ element: div[0],
+ success: function(d) {
+ xml2html({
+ xml: d = '<' + tag + '>' + d + '',
+ success: function(html) {
+ // What if no end?
+ node.insertBefore($(html)[0], end);
+ self.flush();
+ }
+ });
+ },
+ error: function(a, b) {
+ console.log(a, b);
+ }
+ });
}
- let range = selection.getRangeAt(0);
- // Make sure that:
- // Both ends are in the same x-node container.
- // TODO: That the container is a inline-text container.
- let node = range.startContainer;
- if (node.nodeType == node.TEXT_NODE) {
- node = node.parentNode;
- }
- let endNode = range.endContainer;
- if (endNode.nodeType == endNode.TEXT_NODE) {
- endNode = endNode.parentNode;
- }
- if (node != endNode) {
- window.alert("ZÅy obszar.");
- return false;
+ insertAtRange(range, elem) {
+ let self = this;
+ let $end = $(range.endContainer);
+ if ($end.attr('id') == 'caret') {
+ self.caret.insert(elem);
+ } else {
+ range.insertNode(elem[0]);
+ }
}
- // We will construct a HTML element with the range selected.
- let div = $("");
+ addReference() {
+ let self = this;
+ var selection = window.getSelection();
+ var n = selection.rangeCount;
- contents = $(node).contents();
- let startChildIndex = node == range.startContainer ? 0 : contents.index(range.startContainer);
- let endChildIndex = contents.index(range.endContainer);
+ // TODO: if no selection, take caret position..
+ if (n == 0) {
+ window.alert("Nie zaznaczono żadnego obszaru");
+ return false;
+ }
- current = range.startContainer;
- if (current.nodeType == current.TEXT_NODE) {
- current = current.splitText(range.startOffset);
- }
- while (current != range.endContainer) {
- n = current.nextSibling;
- $(current).appendTo(div);
- current = n;
- }
- if (current.nodeType == current.TEXT_NODE) {
- end = current.splitText(range.endOffset);
- }
- $(current).appendTo(div);
-
- html2text({
- element: div[0],
- success: function(d) {
- xml2html({
- xml: d = '<' + tag + '>' + d + '',
- success: function(html) {
- // What if no end?
- node.insertBefore($(html)[0], end);
- }
- });
- },
- error: function(a, b) {
- console.log(a, b);
+ var range = selection.getRangeAt(n - 1);
+ if (!verifyTagInsertPoint(range.endContainer)) {
+ window.alert("Nie można wstawiÄ w to miejsce referencji.");
+ return false;
}
- });
- };
+ var tag = $('');
+
+ range.collapse(false);
+ self.insertAtRange(range, tag);
+
+ xml2html({
+ xml: '