]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/frio/js/textedit.js
attachment preview: some small corrections
[friendica.git] / view / theme / frio / js / textedit.js
index 02191f33dee6ba2a71639553f3e74bcfc39249ef..e0c06af581f134ce8a7e9750beab82d0c0488336 100644 (file)
@@ -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('&lt;','<');
-       ins = ins.replace('&gt;','>');
-       ins = ins.replace('&amp;','&');
-       ins = ins.replace('&quot;','"');
+       ins = ins.replace('&lt;', '<');
+       ins = ins.replace('&gt;', '>');
+       ins = ins.replace('&amp;', '&');
+       ins = ins.replace('&quot;', '"');
        $("#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('&lt;','<');
-       ins = ins.replace('&gt;','>');
-       ins = ins.replace('&amp;','&');
-       ins = ins.replace('&quot;','"');
+       ins = ins.replace('&lt;', '<');
+       ins = ins.replace('&gt;', '>');
+       ins = ins.replace('&amp;', '&');
+       ins = ins.replace('&quot;', '"');
        $("#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
@@ -181,7 +266,7 @@ function dropItem(url, elementId) {
                $el.fadeTo('fast', 0.33, function () {
                        $.get(url).then(function() {
                                $el.remove();
-                       }).error(function() {
+                       }).fail(function() {
                                // @todo Show related error message
                                $el.show();
                        }).always(function() {