X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Fjs%2Ftextedit.js;h=e0c06af581f134ce8a7e9750beab82d0c0488336;hb=ba03ec857ae1b83e82819eb883f4c99aa6a739ca;hp=d212ee0038ee7d2d35e065ba0c9a0be0a024e47b;hpb=b4bad926579c7804bed5935d45e03ef300a10b0f;p=friendica.git diff --git a/view/theme/frio/js/textedit.js b/view/theme/frio/js/textedit.js index d212ee0038..e0c06af581 100644 --- a/view/theme/frio/js/textedit.js +++ b/view/theme/frio/js/textedit.js @@ -2,8 +2,82 @@ * @brief The file contains functions for text editing and commenting */ +// Lifted from https://css-tricks.com/snippets/jquery/move-cursor-to-end-of-textarea-or-input/ +jQuery.fn.putCursorAtEnd = function() { + return this.each(function() { + // Cache references + var $el = $(this), + el = this; -function insertFormatting(BBcode,id) { + // Only focus if input isn't already + if (!$el.is(":focus")) { + $el.focus(); + } + + // If this function exists... (IE 9+) + if (el.setSelectionRange) { + // Double the length because Opera is inconsistent about whether a carriage return is one character or two. + var len = $el.val().length * 2; + + // Timeout seems to be required for Blink + setTimeout(function() { + el.setSelectionRange(len, len); + }, 1); + } else { + // As a fallback, replace the contents with itself + // Doesn't work in Chrome, but Chrome supports setSelectionRange + $el.val($el.val()); + } + + // Scroll to the bottom, in case we're in a tall textarea + // (Necessary for Firefox and Chrome) + this.scrollTop = 999999; + }); +}; + +function commentGetLink(id, prompttext) { + reply = prompt(prompttext); + if(reply && reply.length) { + reply = bin2hex(reply); + $.get('parse_url?noAttachment=1&binurl=' + reply, function(data) { + addCommentText(data, id); + }); + } +} + +function addCommentText(data, id) { + // get the textfield + var textfield = document.getElementById("comment-edit-text-" + id); + // check if the textfield does have the default-value + commentOpenUI(textfield, id); + // save already existent content + var currentText = $("#comment-edit-text-" + id).val(); + //insert the data as new value + textfield.value = currentText + data; + autosize.update($("#comment-edit-text-" + id)); +} + +function commentLinkDrop(event, id) { + var reply = event.dataTransfer.getData("text/uri-list"); + event.target.textContent = reply; + event.preventDefault(); + if (reply && reply.length) { + reply = bin2hex(reply); + $.get('parse_url?noAttachment=1&binurl=' + reply, function(data) { + addCommentText(data, id); + }); + } +} + +function commentLinkDropper(event) { + var linkFound = event.dataTransfer.types.contains("text/uri-list"); + if (linkFound) { + event.preventDefault(); + } +} + + +function insertFormatting(BBcode, id) { var tmpStr = $("#comment-edit-text-" + id).val(); if (tmpStr == '') { $("#comment-edit-text-" + id).addClass("comment-edit-text-full"); @@ -11,28 +85,38 @@ function insertFormatting(BBcode,id) { openMenu("comment-edit-submit-wrapper-" + id); } - textarea = document.getElementById("comment-edit-text-" +id); + textarea = document.getElementById("comment-edit-text-" + id); if (document.selection) { textarea.focus(); selected = document.selection.createRange(); - if (BBcode == "url") { - selected.text = "["+BBcode+"]" + "http://" + selected.text + "[/"+BBcode+"]"; - } else { - selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]"; - } + selected.text = "[" + BBcode + "]" + selected.text + "[/" + BBcode + "]"; } else if (textarea.selectionStart || textarea.selectionStart == "0") { var start = textarea.selectionStart; var end = textarea.selectionEnd; - if (BBcode == "url") { - textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + "http://" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length); - } else { - textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length); - } + textarea.value = textarea.value.substring(0, start) + "[" + BBcode + "]" + textarea.value.substring(start, end) + "[/" + BBcode + "]" + textarea.value.substring(end, textarea.value.length); } + $(textarea).trigger('change'); + return true; } +function insertFormattingToPost(BBcode) { + textarea = document.getElementById("profile-jot-text"); + if (document.selection) { + textarea.focus(); + selected = document.selection.createRange(); + selected.text = "[" + BBcode + "]" + selected.text + "[/" + BBcode + "]"; + } else if (textarea.selectionStart || textarea.selectionStart == "0") { + var start = textarea.selectionStart; + var end = textarea.selectionEnd; + textarea.value = textarea.value.substring(0, start) + "[" + BBcode + "]" + textarea.value.substring(start, end) + "[/" + BBcode + "]" + textarea.value.substring(end, textarea.value.length); + } + + $(textarea).trigger('change'); + + return true; +} function showThread(id) { $("#collapsed-comments-" + id).show() @@ -51,7 +135,7 @@ function cmtBbClose(id) { } function commentExpand(id) { - $("#comment-edit-text-" + id).value = ''; + $("#comment-edit-text-" + id).putCursorAtEnd(); $("#comment-edit-text-" + id).addClass("comment-edit-text-full"); $("#comment-edit-text-" + id).removeClass("comment-edit-text-empty"); $("#comment-edit-text-" + id).focus(); @@ -60,7 +144,7 @@ function commentExpand(id) { return true; } -function commentClose(obj,id) { +function commentClose(obj, id) { if (obj.value == '') { $("#comment-edit-text-" + id).removeClass("comment-edit-text-full"); $("#comment-edit-text-" + id).addClass("comment-edit-text-empty"); @@ -72,10 +156,9 @@ function commentClose(obj,id) { } function showHideCommentBox(id) { - if( $('#comment-edit-form-' + id).is(':visible')) { + if ($('#comment-edit-form-' + id).is(':visible')) { $('#comment-edit-form-' + id).hide(); - } - else { + } else { $('#comment-edit-form-' + id).show(); } } @@ -84,8 +167,8 @@ function commentOpenUI(obj, id) { $("#comment-edit-text-" + id).addClass("comment-edit-text-full").removeClass("comment-edit-text-empty"); // Choose an arbitrary tab index that's greater than what we're using in jot (3 of them) // The submit button gets tabindex + 1 - $("#comment-edit-text-" + id).attr('tabindex','9'); - $("#comment-edit-submit-" + id).attr('tabindex','10'); + $("#comment-edit-text-" + id).attr('tabindex', '9'); + $("#comment-edit-submit-" + id).attr('tabindex', '10'); $("#comment-edit-submit-wrapper-" + id).show(); // initialize autosize for this comment autosize($("#comment-edit-text-" + id + ".text-autosize")); @@ -118,7 +201,7 @@ function jotTextCloseUI(obj) { } } -function commentOpen(obj,id) { +function commentOpen(obj, id) { if (obj.value == '') { $("#comment-edit-text-" + id).addClass("comment-edit-text-full"); $("#comment-edit-text-" + id).removeClass("comment-edit-text-empty"); @@ -129,7 +212,7 @@ function commentOpen(obj,id) { return false; } -function commentInsert(obj,id) { +function commentInsert(obj, id) { var tmpStr = $("#comment-edit-text-" + id).val(); if (tmpStr == '') { $("#comment-edit-text-" + id).addClass("comment-edit-text-full"); @@ -137,14 +220,14 @@ function commentInsert(obj,id) { openMenu("comment-edit-submit-wrapper-" + id); } var ins = $(obj).html(); - ins = ins.replace('<','<'); - ins = ins.replace('>','>'); - ins = ins.replace('&','&'); - ins = ins.replace('"','"'); + ins = ins.replace('<', '<'); + ins = ins.replace('>', '>'); + ins = ins.replace('&', '&'); + ins = ins.replace('"', '"'); $("#comment-edit-text-" + id).val(tmpStr + ins); } -function qCommentInsert(obj,id) { +function qCommentInsert(obj, id) { var tmpStr = $("#comment-edit-text-" + id).val(); if (tmpStr == '') { $("#comment-edit-text-" + id).addClass("comment-edit-text-full"); @@ -152,15 +235,17 @@ function qCommentInsert(obj,id) { openMenu("comment-edit-submit-wrapper-" + id); } var ins = $(obj).val(); - ins = ins.replace('<','<'); - ins = ins.replace('>','>'); - ins = ins.replace('&','&'); - ins = ins.replace('"','"'); + ins = ins.replace('<', '<'); + ins = ins.replace('>', '>'); + ins = ins.replace('&', '&'); + ins = ins.replace('"', '"'); $("#comment-edit-text-" + id).val(tmpStr + ins); $(obj).val(''); } -function confirmDelete() { return confirm(aStr.delitem); } +function confirmDelete() { + return confirm(aStr.delitem); +} /** * Hide and removes an item element from the DOM after the deletion url is