X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/be9879c2a845b9d54ddb2aa61f970cffcde01ace..f3798df576ae72e99210acc544e6a72967a0cd2a:/redakcja/static/js/wiki/view_editor_wysiwyg.js?ds=sidebyside diff --git a/redakcja/static/js/wiki/view_editor_wysiwyg.js b/redakcja/static/js/wiki/view_editor_wysiwyg.js index 37e86139..cb7c40f8 100644 --- a/redakcja/static/js/wiki/view_editor_wysiwyg.js +++ b/redakcja/static/js/wiki/view_editor_wysiwyg.js @@ -196,13 +196,14 @@ function addSymbol() { if($('div.html-editarea textarea')[0]) { var specialCharsContainer = $("
Zamknij
"); + var specialChars = ['Ą','ą','Ć','ć','Ę','ę','Ł','ł','Ń','ń','Ó','ó','Ś','ś','Ż','ż','Ź','ź','Á','á','À','à', 'Â','â','Ä','ä','Å','å','Ā','ā','Ă','ă','Ã','ã', 'Æ','æ','Ç','ç','Č','č','Ċ','ċ','Ď','ď','É','é','È','è', 'Ê','ê','Ë','ë','Ē','ē','Ě','ě','Ġ','ġ','Ħ','ħ','Í','í','Î','î', 'Ī','ī','Ĭ','ĭ','Ľ','ľ','Ñ','ñ','Ň','ň','Ó','ó','Ö','ö', 'Ô','ô','Ō','ō','Ǒ','ǒ','Œ','œ','Ø','ø','Ř','ř','Š', - 'š','Ş','ş','Ť','ť','Ţ','ţ','Ű','ű','Ú','ú', + 'š','Ş','ş','Ť','ť','Ţ','ţ','Ű','ű','Ú','ú','Ù','ù', 'Ü','ü','Ů','ů','Ū','ū','Û','û','Ŭ','ŭ', 'Ý','ý','Ž','ž','ß','Ð','ð','Þ','þ','А','а','Б', 'б','В','в','Г','г','Д','д','Е','е','Ё','ё','Ж', @@ -217,7 +218,7 @@ 'Τ','τ','Υ','υ','Φ','φ','Χ','χ','Ψ','ψ','Ω','ω','–', '—','¡','¿','$','¢','£','€','©','®','°','¹','²','³', '¼','½','¾','†','§','‰','•','←','↑','→','↓', - '„”','«»','’','[',']','[','~','|','−','·', + '„','”','„”','«','»','«»','»«','’','[',']','~','|','−','·', '×','÷','≈','≠','±','≤','≥','∈']; var tableContent = ""; @@ -230,12 +231,82 @@ tableContent += ""; $("#content").append(specialCharsContainer); + + + // localStorage for recently used characters - reading + if (typeof(localStorage) != 'undefined') { + if (localStorage.getItem("recentSymbols")) { + var recent = localStorage.getItem("recentSymbols"); + var recentArray = recent.split(";"); + var recentRow = ""; + for(var i in recentArray.reverse()) { + recentRow += ""; + } + recentRow = "" + recentRow + ""; + } + } + $("#tableSpecialChars").append(recentRow); $("#tableSpecialChars").append(tableContent); /* events */ $('.specialBtn').click(function(){ - insertAtCaret($('div.html-editarea textarea')[0], $(this).val()); + var editArea = $('div.html-editarea textarea')[0]; + var insertVal = $(this).val(); + + // if we want to surround text with quotes + // not sure if just check if value has length == 2 + + if (insertVal.length == 2) { + var startTag = insertVal[0]; + var endTag = insertVal[1]; + var textAreaOpened = editArea; + //IE support + if (document.selection) { + textAreaOpened.focus(); + sel = document.selection.createRange(); + sel.text = startTag + sel.text + endTag; + } + //MOZILLA/NETSCAPE support + else if (textAreaOpened.selectionStart || textAreaOpened.selectionStart == '0') { + var startPos = textAreaOpened.selectionStart; + var endPos = textAreaOpened.selectionEnd; + textAreaOpened.value = textAreaOpened.value.substring(0, startPos) + + startTag + textAreaOpened.value.substring(startPos, endPos) + endTag + textAreaOpened.value.substring(endPos, textAreaOpened.value.length); + } + } else { + // if we just want to insert single symbol + insertAtCaret(editArea, insertVal); + } + + // localStorage for recently used characters - saving + if (typeof(localStorage) != 'undefined') { + if (localStorage.getItem("recentSymbols")) { + var recent = localStorage.getItem("recentSymbols"); + var recentArray = recent.split(";"); + var valIndex = $.inArray(insertVal, recentArray); + //alert(valIndex); + if(valIndex == -1) { + // value not present in array yet + if(recentArray.length > 13){ + recentArray.shift(); + recentArray.push(insertVal); + } else { + recentArray.push(insertVal); + } + } else { + // value already in the array + for(var i = valIndex; i < recentArray.length; i++){ + recentArray[i] = recentArray[i+1]; + } + recentArray[recentArray.length-1] = insertVal; + } + localStorage.setItem("recentSymbols", recentArray.join(";")); + } else { + localStorage.setItem("recentSymbols", insertVal); + } + } + $(specialCharsContainer).remove(); }); $('#specialCharsClose').click(function(){ @@ -277,6 +348,33 @@ txtarea.scrollTop = scrollPos; } + function getXNodeAttributes(node) { + var m = {} + $.map(node.attributes, function(attrNode) { + if (attrNode.nodeName.indexOf('data-wlf-') === 0) { + var n = attrNode.nodeName.substr(9); + var v = attrNode.nodeValue; + m[n] = v; + }; + }); + return m; + } + + function setXNodeAttributes(node, attrs) { + $.map(node.attributes, function(attrNode) { + var xName = attrNode.nodeName.substr(9); + if (attrNode.nodeName.indexOf('data-wlf-') === 0 + && xName in attrs) { + attrNode.nodeValue = attrs[xName]; + } + if (attrNode.nodeName.indexOf('x-attr-name-') === 0 + && attrNode.nodeValue in attrs) { + node.setAttribute('x-attr-value-' + attrNode.nodeName.substr("x-attr-name-".length), + attrs[attrNode.nodeValue]); + } + }); + } + /* open edition window for selected fragment */ function openForEdit($origin){ var $box = null @@ -288,11 +386,8 @@ else { $box = $origin; } - - /* check sidebar width and display textarea on the right but avoiding interfering with gallery */ - var x = $(document).width() - $("#sidebar").width() - 576 - 100; // and little margin here: 100px - var y = $origin.offset().top + $("#html-view").scrollTop(); - + var x = $box[0].offsetLeft; + var y = $box[0].offsetTop; var w = $box.outerWidth(); var h = $box.innerHeight(); @@ -300,19 +395,35 @@ if ($origin.is(".annotation-inline-box")) { w = Math.max(w, 400); h = Math.max(h, 60); + if($('.htmlview div').offset().left + $('.htmlview div').width() > ($('.vsplitbar').offset().left - 480)){ + x = -(Math.max($origin.offset().left, $origin.width())); + } else { + x = 100; + } } // start edition on this node - var $overlay = $('
').css({ + var $overlay = $('
'); + + $attributes = $('
') + + $.map(getXNodeAttributes($origin.get(0)), + function(v, n) { + $attributes.append(''); + }); + $overlay.append($attributes); + + $overlay.css({ position: 'absolute', height: h, left: x, top: y, width: w - }).appendTo($('#html-view')).show(); /* appending outside of the document structure */ + }).appendTo($box[0].offsetParent || $box.parent()).show(); if ($origin.is('.motyw')) { + $('.akap-edit-button').remove(); withThemes(function(canonThemes){ $('textarea', $overlay).autocomplete(canonThemes, { autoFill: true, @@ -344,7 +455,14 @@ }); } else { - $('.delete-button', $overlay).hide(); + $('.delete-button', $overlay).html("Anuluj"); + $('.delete-button', $overlay).click(function(){ + if (window.confirm("Czy jesteś pewien, że chcesz anulować zmiany?")) { + $overlay.remove(); + $(document).unbind('click.blur-overlay'); + return false; + }; + }); } @@ -371,7 +489,21 @@ xml2html({ xml: '<' + nodeName + '>' + insertedText + '', success: function(element){ - $origin.html($(element).html()); + if (nodeName == 'out-of-flow-text') { + $(element).children().insertAfter($origin); + $origin.remove() + } + else { + $origin.html($(element).html()); + } + /* Set attributres back to the node */ + var attrs = {}; + $(".html-editarea-attributes [name]") + .each(function(i, textField) { + attrs[textField.name] = textField.value; + }); + setXNodeAttributes($origin.get(0), attrs); + $overlay.remove(); }, error: function(text){ @@ -379,8 +511,57 @@ alert('Błąd! ' + text); } }) + + var msg = $("

Pamiętaj, żeby zapisać swoje zmiany.

"); + $("#base").prepend(msg); + $('#base .saveNotify').fadeOut(3000, function(){ + $(this).remove(); + }); } + $('.akap-edit-button', $overlay).click(function(){ + var textAreaOpened = $('textarea', $overlay)[0]; + var startTag = ""; + var endTag = ""; + var buttonName = this.innerHTML; + + if(buttonName == "słowo obce") { + startTag = ""; + endTag = ""; + } else if (buttonName == "wyróżnienie") { + startTag = ""; + endTag = ""; + } else if (buttonName == "tytuł dzieła") { + startTag = ""; + endTag = ""; + } else if(buttonName == "znak spec."){ + addSymbol(); + return false; + } else if (buttonName == "luka") { + startTag = ""; + endTag = ""; + } else if (buttonName == "zastąp") { + startTag = ""; + endTag = ""; + } + + var myField = textAreaOpened; + + //IE support + if (document.selection) { + textAreaOpened.focus(); + sel = document.selection.createRange(); + sel.text = startTag + sel.text + endTag; + } + //MOZILLA/NETSCAPE support + else if (textAreaOpened.selectionStart || textAreaOpened.selectionStart == '0') { + var startPos = textAreaOpened.selectionStart; + var endPos = textAreaOpened.selectionEnd; + textAreaOpened.value = textAreaOpened.value.substring(0, startPos) + + startTag + textAreaOpened.value.substring(startPos, endPos) + endTag + textAreaOpened.value.substring(endPos, textAreaOpened.value.length); + } + }); + $('.accept-button', $overlay).click(function(){ save(); }); @@ -390,7 +571,6 @@ return; } save(); - $(document).unbind('click.blur-overlay'); }); @@ -437,12 +617,7 @@ $('#insert-theme-button').click(function(){ addTheme(); return false; - }); - - $('#insert-symbol-button').click(function(){ - addSymbol(); - return false; - }); + }); $('.edit-button').live('click', function(event){ event.preventDefault(); @@ -487,7 +662,10 @@ _finalize(success); }, error: function(text, source){ - $('#html-view').html('

Wystąpił błąd:

'+text+'

'+source.replace(/&/g, '&').replace(/');
+                err = '

Wystąpił błąd:

'+text+'

'; + if (source) + err += '
'+source.replace(/&/g, '&').replace(/'
+                $('#html-view').html(err);
                 _finalize(failure);
             }
         });
@@ -510,7 +688,8 @@
             return _finalize(failure);
 
         html2text({
-            element: $('#html-view div').get(0),
+            element: $('#html-view').get(0),
+            stripOuter: true,
             success: function(text){
                 self.doc.setText(text);
                 _finalize(success);