X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/0be3fc3037cea44c23261215f92d6c24dbf81060..7c7e68c348f0cdcb41aa76685fe2f519b8300eac:/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 dc24aea8..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 = $("<div id='specialCharsContainer'><a href='#' id='specialCharsClose'>Zamknij</a><table id='tableSpecialChars' style='width: 600px;'></table></div>"); + var specialChars = ['Ä','Ä ','Ä','Ä','Ä','Ä','Å','Å','Å','Å','Ã','ó','Å','Å','Å»','ż','Ź','ź','Ã','á','Ã','à ', 'Ã','â','Ã','ä','à ','Ã¥','Ä','Ä','Ä','Ä','Ã','ã', 'Ã','æ','Ã','ç','Ä','Ä','Ä','Ä','Ä','Ä','Ã','é','Ã','è', 'Ã','ê','Ã','ë','Ä','Ä','Ä','Ä','Ä ','Ä¡','Ħ','ħ','Ã','Ã','Ã','î', 'Ī','Ä«','Ĭ','Ä','Ľ','ľ','Ã','ñ','Å','Å','Ã','ó','Ã','ö', 'Ã','ô','Å','Å','Ç','Ç','Å','Å','Ã','ø','Å','Å','Å ', - 'Å¡','Å','Å','Ť','Å¥','Å¢','Å£','Å°','ű','Ã','ú', + 'Å¡','Å','Å','Ť','Å¥','Å¢','Å£','Å°','ű','Ã','ú','Ã','ù', 'Ã','ü','Å®','ů','Ū','Å«','Ã','û','Ŭ','Å', 'Ã','ý','Ž','ž','Ã','Ã','ð','Ã','þ','Ð','а','Ð', 'б','Ð','в','Ð','г','Ð','д','Ð','е','Ð','Ñ','Ð', @@ -217,7 +218,7 @@ 'Τ','Ï','Î¥','Ï ','Φ','Ï','Χ','Ï','Ψ','Ï','Ω','Ï','â', 'â','¡','¿','$','¢','£','â¬','©','®','°','¹','²','³', '¼','½','¾','â ','§','â°','â¢','â','â','â','â', - 'ââ','«»','â','[',']','[','~','|','â','·', + 'â','â','ââ','«','»','«»','»«','â','[',']','~','|','â','·', 'Ã','÷','â','â ','±','â¤','â¥','â']; var tableContent = "<tr>"; @@ -230,12 +231,82 @@ tableContent += "</tr>"; $("#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 += "<td><input type='button' class='specialBtn recentSymbol' value='"+recentArray[i]+"'/></td>"; + } + recentRow = "<tr>" + recentRow + "</tr>"; + } + } + $("#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 @@ -305,7 +403,17 @@ } // start edition on this node - var $overlay = $('<div class="html-editarea"><button class="accept-button">Zapisz</button><button class="delete-button">UsuÅ</button><textarea></textarea></div>').css({ + var $overlay = $('<div class="html-editarea"><button class="accept-button">Zapisz</button><button class="delete-button">UsuÅ</button><button class="tytul-button akap-edit-button">tytuÅ dzieÅa</button><button class="wyroznienie-button akap-edit-button">wyróżnienie</button><button class="slowo-button akap-edit-button">sÅowo obce</button><button class="znak-button akap-edit-button">znak spec.</button><button class="luka-button akap-edit-button">luka</button><button class="zastap-button akap-edit-button">zastÄ p</button><textarea></textarea></div>'); + + $attributes = $('<div class="html-editarea-attributes"></div>') + + $.map(getXNodeAttributes($origin.get(0)), + function(v, n) { + $attributes.append('<span><label for="attr-'+n+'">'+n+'</label><input type="text" name="'+n+'" id="attr-'+n+'" value="'+v+'"/></span>'); + }); + $overlay.append($attributes); + + $overlay.css({ position: 'absolute', height: h, left: x, @@ -315,6 +423,7 @@ if ($origin.is('.motyw')) { + $('.akap-edit-button').remove(); withThemes(function(canonThemes){ $('textarea', $overlay).autocomplete(canonThemes, { autoFill: true, @@ -380,7 +489,21 @@ xml2html({ xml: '<' + nodeName + '>' + insertedText + '</' + nodeName + '>', 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){ @@ -389,15 +512,56 @@ } }) - var msg = $("<div class='saveNotify'><p>Twoje zmiany zostaÅy naniesione na tekst źródÅowy. PamiÄtaj, że aby zmiany zostaÅy utrwalone <span>należy je zapisaÄ</span>!</p><p class='notifyTip'>Ta wiadomoÅÄ zostanie automatycznie zamkniÄta za 6 sekund.</p></div>"); + var msg = $("<div class='saveNotify'><p>PamiÄtaj, żeby zapisaÄ swoje zmiany.</p></div>"); $("#base").prepend(msg); - $("#save-button").css({border: '5px solid red'}); - $('#base .saveNotify').fadeOut(7000, function(){ + $('#base .saveNotify').fadeOut(3000, function(){ $(this).remove(); - $("#save-button").css({border: '1px solid black'}); }); } + $('.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 = "<slowo_obce>"; + endTag = "</slowo_obce>"; + } else if (buttonName == "wyróżnienie") { + startTag = "<wyroznienie>"; + endTag = "</wyroznienie>"; + } else if (buttonName == "tytuÅ dzieÅa") { + startTag = "<tytul_dziela>"; + endTag = "</tytul_dziela>"; + } else if(buttonName == "znak spec."){ + addSymbol(); + return false; + } else if (buttonName == "luka") { + startTag = "<luka>"; + endTag = "</luka>"; + } else if (buttonName == "zastÄ p") { + startTag = "<zastap rozw=\"\">"; + endTag = "</zastap>"; + } + + 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(); }); @@ -453,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(); @@ -503,7 +662,10 @@ _finalize(success); }, error: function(text, source){ - $('#html-view').html('<p class="error">WystÄ piÅ bÅÄ d:</p><p>'+text+'</p><pre>'+source.replace(/&/g, '&').replace(/</g, '<')+'</pre>'); + err = '<p class="error">WystÄ piÅ bÅÄ d:</p><p>'+text+'</p>'; + if (source) + err += '<pre>'+source.replace(/&/g, '&').replace(/</g, '<')+'</pre>' + $('#html-view').html(err); _finalize(failure); } }); @@ -526,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);