X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/465f9d370fb3b96b4cc30e139d24e4479a9f7ab0..da8442aa10f031739977a5ab296538b4e32bf284:/platforma/static/js/main.js?ds=sidebyside diff --git a/platforma/static/js/main.js b/platforma/static/js/main.js index a19dc14e..597e33f2 100644 --- a/platforma/static/js/main.js +++ b/platforma/static/js/main.js @@ -299,13 +299,161 @@ function html(element) { } }; + function verifyTagInsertPoint(node) { + if(node.nodeType == 3) { // Text Node + node = node.parentNode; + } + + if (node.nodeType != 1) { + return false; + } + + console.log('Selection point:', node); + + node = $(node); + var xtype = node.attr('x-node'); + + if (!xtype || (xtype.search(':') >= 0) || + xtype == 'motyw' || xtype == 'begin' || xtype == 'end') { + return false; + } + + // don't allow themes inside annotations + if( node.is('*[x-annotation-box] *') ) + return false; + + return true; + } + + function addAnnotation() + { + var selection = window.getSelection(); + var n = selection.rangeCount; + + console.log("Range count:", n); + 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 text = range.toString(); + 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); + } + }) + } + + function addTheme() + { + var selection = window.getSelection(); + var n = selection.rangeCount; + + console.log("Range count:", n); + 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); + console.log(range.startContainer, range.startOffset, range.endContainer, range.endOffset); + + // verify if the start/end points make even sense - + // they must be inside a x-node (otherwise they will be discarded) + // and the x-node must be a main text + if (!verifyTagInsertPoint(range.startContainer)) { + window.alert("Motyw nie może się zaczynać w tym miejscu."); + return false; + } + + if (!verifyTagInsertPoint(range.endContainer)) { + window.alert("Motyw nie może się kończyć w tym miejscu."); + return false; + } + + var date = (new Date()).getTime(); + var random = Math.floor(4000000000*Math.random()); + var id = (''+date) + '-' + (''+random); + + var spoint = document.createRange(); + var epoint = document.createRange(); + + spoint.setStart(range.startContainer, range.startOffset); + epoint.setStart(range.endContainer, range.endOffset); + + console.log('spoint', spoint.startContainer, spoint.startOffset, spoint.endContainer, spoint.endOffset); + console.log('epoint', epoint.startContainer, epoint.startOffset, epoint.endContainer, epoint.endOffset); + + var mtag, btag, etag, errors; + + // insert theme-ref + + xml2html({ + xml: '', + success: function(text) { + etag = $(''); + epoint.insertNode(etag[0]); + etag.replaceWith(text); + xml2html({ + xml: 'motyw', + success: function(text) { + mtag = $(''); + spoint.insertNode(mtag[0]); + mtag.replaceWith(text); + xml2html({ + xml: '', + success: function(text) { + btag = $(''); + spoint.insertNode(btag[0]) + btag.replaceWith(text); + selection.removeAllRanges(); + openForEdit($('.motyw[theme-class=' + id + ']')); + } + }); + } + }); + } + }); + } + + // function removeTheme($origin) { + // + // } function openForEdit($origin) { - // if(this.currentOpen && this.currentOpen != $origin) { - // this.closeWithSave(this.currentOpen); - // } - var $box = null // annotations overlay their sub box - not their own box // @@ -321,19 +469,34 @@ function html(element) { var w = $box.outerWidth(); var h = $box.innerHeight(); + if ($origin.is(".annotation-inline-box")) { + w = Math.max(w, 400); + h = Math.max(h, 60); + } + console.log('width:', w, 'height:', h); // start edition on this node - var $overlay = $('
').css({ + var $overlay = $('
').css({ position: 'absolute', height: h, left: x, top: y, width: w - // right: 0 - }).appendTo($box[0].offsetParent || element).show(); + }).appendTo($box[0].offsetParent || $box.parent()).show(); + + $('.delete-button', $overlay).click(function() { + if ($origin.is('.motyw')) { + $('[theme-class=' + $origin.attr('theme-class') + ']').remove(); + } else { + $origin.remove(); + } + $overlay.remove(); + $(document).unbind('click.blur-overlay'); + return false; + }) - console.log($overlay, $box[0].offsetParent || element); + console.log($overlay, $box[0].offsetParent || $box.parent()); var serializer = new XMLSerializer(); @@ -347,9 +510,9 @@ function html(element) { setTimeout(function() { $('textarea', $overlay).focus(); - }, 100); + }, 50); - $('textarea', $overlay).one('blur', function(event) { + function save(argument) { var nodeName = $box.attr('x-node') || 'pe'; xml2html({ xml: '<' + nodeName + '>' + $('textarea', $overlay).val() + '', @@ -362,7 +525,35 @@ function html(element) { alert('Błąd! ' + text); } }) + } + + $('.accept-button', $overlay).click(function() { + save(); + }); + + $(document).bind('click.blur-overlay', function(event) { + if ($(event.target).parents('.html-editarea').length > 0) { + return; + } + save(); + + $(document).unbind('click.blur-overlay'); }); + + // $('textarea', $overlay).one('blur', function(event) { + // var nodeName = $box.attr('x-node') || 'pe'; + // xml2html({ + // xml: '<' + nodeName + '>' + $('textarea', $overlay).val() + '', + // success: function(element) { + // $box.html($(element).html()); + // $overlay.remove(); + // }, + // error: function(text) { + // $overlay.remove(); + // alert('Błąd! ' + text); + // } + // }) + // }); }, error: function(text) { alert('Błąd! ' + text); } @@ -374,6 +565,8 @@ function html(element) { openForEdit($(this).parent()); }); + + var button = $(''); $(element).bind('mousemove', function(event) { var editable = $(event.target).closest('*[x-editable]'); @@ -386,6 +579,16 @@ function html(element) { $('.motyw').live('click', function() { selectTheme($(this).attr('theme-class')); }); + + $('#insert-annotation-button').click(function() { + addAnnotation(); + return false; + }); + + $('#insert-theme-button').click(function() { + addTheme(); + return false; + }); }