twisterarmy
/
twister-html
mirror of https://github.com/twisterarmy/twister-html.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

fix of post splitting

master
Simon Grim 10 years ago
parent
b7da08f31d
commit
4c1645858b
1 changed files with 127 additions and 78 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 197
      js/interface_common.js

197
js/interface_common.js
Unescape View File

@ -752,7 +752,7 @@ function checkPostForMentions(post, mentions, max) {
var splitedPostsCount = 1; var splitedPostsCount = 1;
var usePostSpliting = false; var usePostSpliting = false;
function replyTextKeypress(e) { function replyTextInput(e) {
e = e || event; e = e || event;
var $this = $( this ); var $this = $( this );
var tweetForm = $this.parents("form"); var tweetForm = $this.parents("form");
@ -764,30 +764,26 @@ function replyTextKeypress(e) {
var $tas = tweetForm.find("textarea"); var $tas = tweetForm.find("textarea");
splitedPostsCount = $tas.length; splitedPostsCount = $tas.length;
var icurrentta = $tas.index(this); // current textarea $tas index var icurrentta = $tas.index(this); // current textarea $tas index
var cci = getPostSpittingCI(icurrentta);
var caretPos = $this.caret(); var caretPos = $this.caret();
var reply_to = $this.attr('data-reply-to'); var reply_to = $this.attr('data-reply-to');
for (var i = 0; i < $tas.length; i++) {
var pml = 140 - (i+1).toString().length - splitedPostsCount.toString().length - 4;
//if mention exists, we shouldn't add it while posting.
if (typeof(reply_to) !== 'undefined' &&
!checkPostForMentions($tas[i].value, reply_to, pml - reply_to.length)) {
pml -= reply_to.length;
}
for (var i = 0; i < $tas.length; i++) {
if (splitedPostsCount > 1)
var pml = getPostSplitingPML();
else
var pml = 140;
if ($tas[i].value.length > pml) { if ($tas[i].value.length > pml) {
var endings = $tas[i].value.match(/ |,|;|\.|:|\/|\?|\!|\\|'|"|\n|\t/g); if (pml === 140)
var ci = $tas[i].value.lastIndexOf(endings[endings.length - 1]); pml = getPostSplitingPML();
for (var j = endings.length - 2; j >= 0 && ci > pml; j--) { var ci = getPostSpittingCI(i);
ci = $tas[i].value.lastIndexOf(endings[j], ci - 1);
}
ci = (ci > pml ? pml : ci);
if (i < splitedPostsCount - 1) { if (i < splitedPostsCount - 1) {
$tas[i + 1].value = $tas[i].value.substr(ci) + $tas[i + 1].value; $tas[i + 1].value = $tas[i].value.substr(ci) + $tas[i + 1].value;
$tas[i].value = $tas[i].value.substr(0, ci); $tas[i].value = $tas[i].value.substr(0, ci);
if (caretPos > ci) { if (caretPos > cci) {
caretPos -= ci; caretPos -= ci;
icurrentta += 1; icurrentta += 1;
cci = getPostSpittingCI(icurrentta);
var $targetta = $($tas[icurrentta]); var $targetta = $($tas[icurrentta]);
} else if (i === icurrentta) } else if (i === icurrentta)
$($tas[i]).caret(caretPos); $($tas[i]).caret(caretPos);
@ -800,26 +796,31 @@ function replyTextKeypress(e) {
var $newta = $($oldta).clone(true); var $newta = $($oldta).clone(true);
var cp = $oldta.val(); var cp = $oldta.val();
$oldta.after($newta);
$newta.val(cp.substr(ci));
$oldta.val(cp.substr(0, ci)); $oldta.val(cp.substr(0, ci));
$tas = tweetForm.find("textarea");
splitedPostsCount = $tas.length;
$oldta.on('focus', function() { $oldta.on('focus', function() {
this.style.height = '80px'; this.style.height = '80px';
}); });
$oldta.addClass('splited-post'); $oldta.addClass('splited-post');
$oldta.on('focusout', function() {this.style.height = '28px';}); // FIXME move this to CSS $oldta.on('focusout', function() {this.style.height = '28px';}); // FIXME move this to CSS
$oldta.after($newta); if (caretPos > cci) {
$newta.val(cp.substr(ci));
if (caretPos > ci) {
caretPos -= ci; caretPos -= ci;
icurrentta += 1; icurrentta += 1;
cci = getPostSpittingCI(icurrentta);
var $targetta = $newta; var $targetta = $newta;
$oldta[0].style.height = '28px'; // FIXME move this to CSS $oldta[0].style.height = '28px'; // FIXME move this to CSS
} else if (i === icurrentta) } else if (i === icurrentta) {
$($tas[i]).caret(caretPos); $($tas[i]).caret(caretPos);
replyTextUpdateRemaining($tas[i]);
$tas = tweetForm.find("textarea"); if (typeof($.fn.textcomplete) === 'function')
splitedPostsCount = $tas.length; setTextcompleteOn($tas[i]);
}
} }
} else if ($tas.length > 1 && $tas[i].value.length === 0) { } else if ($tas.length > 1 && $tas[i].value.length === 0) {
@ -832,73 +833,94 @@ function replyTextKeypress(e) {
$tas = tweetForm.find("textarea"); $tas = tweetForm.find("textarea");
splitedPostsCount = $tas.length; splitedPostsCount = $tas.length;
caretPos = -1; caretPos = -1;
if (icurrentta >= i && icurrentta > 0) if (icurrentta >= i && icurrentta > 0) {
icurrentta -= 1; icurrentta -= 1;
cci = getPostSpittingCI(icurrentta);
}
var $targetta = $($tas[icurrentta]); var $targetta = $($tas[icurrentta]);
} }
} }
if (typeof($targetta) !== 'undefined' && $targetta[0] !== document.activeElement) { if (typeof($targetta) !== 'undefined' && $targetta[0] !== document.activeElement) {
$targetta.focus(); $this = $targetta;
$targetta.caret(caretPos); $this.focus();
$this.caret(caretPos);
} }
} }
var c = replyTextCount(this);
var tweetAction = tweetForm.find(".post-submit");
if( !tweetAction.length ) tweetAction = tweetForm.find(".dm-submit");
if( c >= 0 && c < 140 &&
$this.val() != $this.attr("data-reply-to") ) {
$.MAL.enableButton(tweetAction);
} else {
$.MAL.disableButton(tweetAction);
} }
if( $.Options.keyEnterToSend() && $('.dropdown-menu').css('display') == 'none'){ function getPostSplitingPML() {
if (e.keyCode === 13 && (!e.metaKey && !e.ctrlKey)) { var pml = 140 -(i+1).toString().length -splitedPostsCount.toString().length -4;
$this.val($this.val().trim());
if( !tweetAction.hasClass("disabled")) { // if mention exists, we shouldn't add it while posting.
tweetAction.click(); if (typeof(reply_to) !== 'undefined' &&
} !checkPostForMentions($tas[i].value, reply_to, pml -reply_to.length)) {
pml -= reply_to.length;
} }
} else if( !$.Options.keyEnterToSend() ){
if (e.keyCode === 13 && (e.metaKey || e.ctrlKey)) { return pml;
$this.val($this.val().trim());
if( !tweetAction.hasClass("disabled") ) {
tweetAction.click();
} }
function getPostSpittingCI(ita) {
var ci;
var endings = $tas[ita].value.match(/ |,|;|\.|:|\/|\?|\!|\\|'|"|\n|\t/g);
if (endings) {
ci = $tas[ita].value.lastIndexOf(endings[endings.length - 1]);
for (var j = endings.length - 2; j >= 0 && ci > pml; j--) {
ci = $tas[ita].value.lastIndexOf(endings[j], ci - 1);
} }
} }
if (!(ci > 0))
ci = pml;
return (ci > pml) ? pml : ci;
} }
} }
function replyTextUpdateRemaining() { function replyTextUpdateRemaining(ta) {
if (this === document.activeElement ) { if (ta === document.activeElement ) {
var $this = $( this ); var $this = $(ta);
var tweetForm = $this.parents('form'); var tweetForm = $this.closest('form');
if( tweetForm != undefined ) { if( tweetForm != undefined ) {
var remainingCount = tweetForm.find(".post-area-remaining"); var remainingCount = tweetForm.find(".post-area-remaining");
var c = replyTextCount(this); var c = replyTextCountRemaining(ta);
if (usePostSpliting && !$this.parents('.directMessages').length) if (usePostSpliting && !$this.parents('.directMessages').length && splitedPostsCount > 1)
remainingCount.text((tweetForm.find("textarea").index(this)+1).toString() +'/' +splitedPostsCount.toString() + ": " + c.toString()); remainingCount.text((tweetForm.find("textarea").index(ta)+1).toString() +'/' +splitedPostsCount.toString() +": " +c.toString());
else else
remainingCount.text(c.toString()); remainingCount.text(c.toString());
if( c < 0 ) var tweetAction = tweetForm.find(".post-submit");
remainingCount.addClass("warn"); if( !tweetAction.length ) tweetAction = tweetForm.find(".dm-submit");
else var disable = false;
$this.closest('form').find("textarea").each(function() {
if (replyTextCountRemaining(this) < 0) {
disable = true; // alternatively we could call replyTextInput()
return false;
}
});
if (!disable && c >= 0 && c < 140 && $this.val() != $this.attr("data-reply-to")) {
remainingCount.removeClass("warn"); remainingCount.removeClass("warn");
$.MAL.enableButton(tweetAction);
} else {
if (disable)
remainingCount.addClass("warn");
$.MAL.disableButton(tweetAction);
}
} }
} }
} }
function replyTextCount(ta) { function replyTextCountRemaining(ta) {
var $this = $(ta);
var c; var c;
if (usePostSpliting && !$(ta).parents('.directMessages').length) { if (usePostSpliting && !$this.parents('.directMessages').length && splitedPostsCount > 1) {
c = 140 - ta.value.length - (2 * splitedPostsCount.toString().length) - 4; c = 140 -ta.value.length -($this.closest('form').find("textarea").index(ta)+1).toString().length -splitedPostsCount.toString().length -4;
var reply_to = $this.attr('data-reply-to');
if (typeof(reply_to) !== 'undefined' && if (typeof(reply_to) !== 'undefined' &&
!checkPostForMentions(ta.value, reply_to, 140 - c - reply_to.length)) !checkPostForMentions(ta.value, reply_to, 140 -c -reply_to.length))
c -= reply_to.length; c -= reply_to.length;
} else } else
c = 140 - ta.value.length; c = 140 - ta.value.length;
@ -906,6 +928,32 @@ function replyTextCount(ta) {
return c; return c;
} }
function replyTextKeySend(e) {
e = e || event;
var $this = $( this );
var tweetForm = $this.parents('form');
if( tweetForm != undefined ) {
var tweetAction = tweetForm.find(".post-submit");
if( !tweetAction.length ) tweetAction = tweetForm.find(".dm-submit");
if( $.Options.keyEnterToSend() && $('.dropdown-menu').css('display') == 'none'){
if (e.keyCode === 13 && (!e.metaKey && !e.ctrlKey)) {
$this.val($this.val().trim());
if( !tweetAction.hasClass("disabled")) {
tweetAction.click();
}
}
} else if( !$.Options.keyEnterToSend() ){
if (e.keyCode === 13 && (e.metaKey || e.ctrlKey)) {
$this.val($this.val().trim());
if( !tweetAction.hasClass("disabled") ) {
tweetAction.click();
}
}
}
}
}
/* /*
* unicode convertion list * unicode convertion list
* k: original string to be replaced * k: original string to be replaced
@ -1548,8 +1596,9 @@ function initInterfaceCommon() {
$( ".undo-unicode" ).click( undoLastUnicode ); $( ".undo-unicode" ).click( undoLastUnicode );
var $replyText = $( ".post-area-new textarea" ); var $replyText = $( ".post-area-new textarea" );
$replyText.on('input', replyTextKeypress ); $replyText.on('input', replyTextInput); // input event fires in modern browsers (IE9+) on any changes in textarea (and copypasting with mouse too)
$replyText.on('input focus', replyTextUpdateRemaining); $replyText.on('input focus', function() {replyTextUpdateRemaining(this);});
$replyText.on('keyup', replyTextKeySend);
$( ".open-profile-modal").bind( "click", function(e){ e.stopPropagation(); } ); $( ".open-profile-modal").bind( "click", function(e){ e.stopPropagation(); } );
//$( ".open-hashtag-modal").bind( "click", openHashtagModal ); //$( ".open-hashtag-modal").bind( "click", openHashtagModal );
@ -1569,25 +1618,25 @@ function initInterfaceCommon() {
if (typeof($.fn.textcomplete) === 'function') { if (typeof($.fn.textcomplete) === 'function') {
$('textarea') $('textarea')
.on('focus', function () { .on('focus', function () { setTextcompleteOn(this); })
var element = this; .on('focusout', function () { $(this).textcomplete('destroy'); })
;
}
}
function setTextcompleteOn(element) {
var $this = $(element);
// Cursor has not set yet. And wait 100ms to skip global click event. // Cursor has not set yet. And wait 100ms to skip global click event.
setTimeout(function () { setTimeout(function () {
// Cursor is ready. // Cursor is ready.
$(element).textcomplete(getMentionsForAutoComplete(), { $this.textcomplete(getMentionsForAutoComplete(), {
'appendTo': ($(element).parents('.dashboard').length > 0) ? $(element).parent() : $('body'), 'appendTo': ($this.parents('.dashboard').length > 0) ? $this.parent() : $('body'),
'listPosition': setTextcompleteDropdownListPos 'listPosition': setTextcompleteDropdownListPos
}); });
}, 100); }, 100);
})
.on('focusout', function () {
$(this).textcomplete('destroy');
})
;
}
} }
// following workaround function is for calls from $.fn.textcomplete only // following workaround function is for calls from $.fn.textcomplete only
// we need this because currently implementation of caret position detection is way too imperfect // we need this because currently implementation of caret position detection is way too imperfect

Write Preview
Loading…
Cancel
Save