You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2288 lines
78 KiB
2288 lines
78 KiB
// interface_common.js |
|
// 2013 Lucas Leal, Miguel Freitas |
|
// |
|
// Common interface functions to all pages, modal manipulation, button manipulation etc |
|
// Profile, mentions and hashtag modal |
|
// Post actions: submit, count characters |
|
|
|
var twister = { |
|
html: { |
|
detached: $('<div>'), // here elements go to detach themself |
|
blanka: $('<a target="_blank">') // to open stuff in new tab, see routeOnClick() |
|
}, |
|
tmpl: { // templates pointers are stored here |
|
root: $('<div>') // templates should be detached from DOM and attached here; use extractTemplate() |
|
}, |
|
modal: {} |
|
}; |
|
var window_scrollY = 0; |
|
var _watchHashChangeRelaxDontDoIt = window.location.hash === '' ? true : false; |
|
|
|
// FIXME so looks like it's wrapper over $; it's here to select and manipulate detached elements too |
|
// and actually I'm talking about 'so called \'detached\'' elements which appended to twister.html.detached |
|
// we may just append twister.html.detached to document instead and remove this weird shit (or I need to |
|
// improve my google skills to find native jQuery way to dig through all detached elemets with one query) |
|
function getElem(req) { |
|
var elem = $(req); |
|
var h = twister.html.detached.find(req); |
|
|
|
for (var i = 0; i < h.length; i++) |
|
elem[elem.length++] = h[i]; |
|
|
|
return elem; |
|
} |
|
|
|
function openModal(modal) { |
|
if (!modal.classBase) { |
|
modal.classBase = '.modal-wrapper'; |
|
|
|
window_scrollY = window.pageYOffset; |
|
$('body').css('overflow', 'hidden'); |
|
} |
|
|
|
if (modal.classBase !== '.prompt-wrapper') |
|
closeModal($(modal.classBase + ':not(#templates *)'), true); |
|
|
|
modal.self = $('#templates ' + modal.classBase).clone(true) |
|
.addClass(modal.classAdd); |
|
|
|
if (modal.title) |
|
modal.self.find('.modal-header h3').html(modal.title); |
|
if (modal.content) |
|
modal.content = modal.self.find('.modal-content') |
|
.append(modal.content); |
|
else |
|
modal.content = modal.self.find('.modal-content'); |
|
|
|
modal.self.appendTo('body').fadeIn('fast'); // FIXME maybe it's better to append it to some container inside body |
|
|
|
if (modal.classBase === '.modal-wrapper') { |
|
twister.modal[window.location.hash] = modal; |
|
modal.self.attr('data-modal-id', window.location.hash); |
|
|
|
modal.drapper = $('<div>').appendTo(twister.html.detached); // here modal goes instead detaching |
|
|
|
modal.content.outerHeight(modal.self.height() - modal.self.find('.modal-header').outerHeight()); |
|
|
|
var windowHeight = $(window).height(); |
|
if (modal.self.outerHeight() > windowHeight) { |
|
modal.content.outerHeight(modal.content.outerHeight() - modal.self.outerHeight() + windowHeight); |
|
modal.self.outerHeight(windowHeight); |
|
modal.self.css('margin-top', - windowHeight / 2); |
|
} |
|
} |
|
|
|
return modal; |
|
} |
|
|
|
function closeModal(req, switchMode) { |
|
if (typeof req === 'undefined') |
|
var elem = $('.modal-wrapper:not(#templates *)'); // select active modal(s) |
|
else if (req.jquery) |
|
var elem = req; |
|
else if (req.target) |
|
var elem = getElem(req.target); // getElem() to search in minimized too |
|
else if (typeof req === 'string' || req.outerHTML) |
|
var elem = getElem(req); |
|
|
|
if (!elem || !elem.length) |
|
return; |
|
|
|
// we close all modals which are containing element(s) |
|
elem.closest('.modal-wrapper:not(.closed)').addClass('closed') |
|
.fadeOut(switchMode ? 10 : 'fast', function () { |
|
var i = this.getAttribute('data-modal-id'); |
|
|
|
if (twister.modal[i].minimized) |
|
twister.modal[i].btnResume.fadeOut('fast', function () {this.remove();}); |
|
else |
|
this.remove(); // if it's minimized it will be removed with twister.modal[i].drapper |
|
|
|
twister.modal[i].drapper.remove(); |
|
twister.modal[i] = undefined; |
|
} |
|
); |
|
|
|
if (!switchMode) { |
|
if (window.location.hash !== '') { |
|
_watchHashChangeRelaxDontDoIt = true; |
|
window.location.hash = '#'; |
|
} |
|
window.scroll(window.pageXOffset, window_scrollY); |
|
$('body').css({ |
|
'overflow': 'auto', |
|
'margin-right': '0' |
|
}); |
|
} |
|
} |
|
|
|
function closePrompt(req) { |
|
if (typeof req === 'undefined') |
|
var elem = $('.prompt-wrapper:not(#templates *)'); |
|
else if (req.jquery) |
|
var elem = req; |
|
else if (req.target) |
|
var elem = $(req.target); |
|
else if (typeof req === 'string' || req.outerHTML) |
|
var elem = $(req); |
|
|
|
if (!elem || !elem.length) |
|
return; |
|
|
|
if (typeof req.stopPropagation === 'function') { |
|
req.preventDefault(); |
|
req.stopPropagation(); |
|
req = req.data; |
|
} |
|
|
|
// we close all prompts which are containing element(s) |
|
elem.closest('.prompt-wrapper:not(.closed)').addClass('closed') |
|
.fadeOut('fast', function() {this.remove();}); |
|
|
|
if (req && typeof req.cbFunc === 'function') // FIXME maybe bind to ^ prompt fadeout function |
|
req.cbFunc(req.cbReq); |
|
} |
|
|
|
function minimizeModal(modal, switchMode) { |
|
|
|
function minimize(modal, scroll) { |
|
var i = modal.attr('data-modal-id'); |
|
|
|
modal.appendTo(twister.modal[i].drapper); |
|
|
|
twister.modal[i].minimized = true; |
|
twister.modal[i].scroll = scroll; |
|
twister.modal[i].btnResume = $('<li>' + modal.find('.modal-header h3').text() + '</li>') |
|
.on('click', {hashString: window.location.hash}, function (event) { |
|
if (event.button === 0) // click may be catched not only on left mouse button in some browsers |
|
resumeModal(event); |
|
}) |
|
.on('mouseup', {route: window.location.hash, blankOnly: true}, routeOnClick) |
|
.appendTo($('#modals-minimized')) |
|
; |
|
} |
|
|
|
if (modal.is('.closed')) return; |
|
|
|
var scroll; // MUST be setted before modal.detach(), modal.fadeOut() and so on |
|
if (modal.is('.directMessages') || modal.is('.group-messages-new-group') |
|
|| modal.is('.group-messages-join-group') || modal.is('.following-own-modal')) { |
|
scroll = { |
|
targetSelector: '.modal-content', |
|
top: modal.find('.modal-content').scrollTop() |
|
}; |
|
} else if (modal.is('.profile-modal')) { |
|
if (modal.find('.profile-card').attr('data-screen-name')[0] === '*') |
|
scroll = { |
|
targetSelector: '.modal-content .members', |
|
top: modal.find('.modal-content .members').scrollTop() |
|
}; |
|
else |
|
scroll = { |
|
targetSelector: '.modal-content .postboard-posts', |
|
top: modal.find('.modal-content .postboard-posts').scrollTop() |
|
}; |
|
} |
|
|
|
if (switchMode) |
|
minimize(modal, scroll); |
|
else |
|
modal.fadeOut('fast', function () { |
|
minimize(modal, scroll); |
|
|
|
_watchHashChangeRelaxDontDoIt = true; |
|
window.location.hash = '#'; |
|
window.scroll(window.pageXOffset, window_scrollY); |
|
$('body').css({ |
|
'overflow': 'auto', |
|
'margin-right': '0' |
|
}); |
|
}); |
|
} |
|
|
|
function resumeModal(event) { |
|
$(event.target).fadeOut('fast', function () {this.remove();}); |
|
|
|
var modalActive = $('.modal-wrapper:not(#templates *)').not('.closed'); |
|
if (modalActive.length) |
|
minimizeModal(modalActive, true); |
|
else { |
|
window_scrollY = window.pageYOffset; |
|
$('body').css('overflow', 'hidden'); |
|
} |
|
|
|
var modal = twister.modal[event.data.hashString]; |
|
if (modal.self.not('.closed') && modal.minimized) { |
|
modal.minimized = false; |
|
modal.btnResume = undefined; |
|
if (window.location.hash !== event.data.hashString) { |
|
_watchHashChangeRelaxDontDoIt = true; |
|
window.location.hash = event.data.hashString; |
|
} |
|
modal.self.prependTo('body').fadeIn('fast', function () { |
|
// TODO also need reset modal height here maybe and then compute new scroll |
|
if (modal.scroll) |
|
modal.self.find($(modal.scroll.targetSelector).scrollTop(modal.scroll.top)); |
|
|
|
if (typeof modal.onResume === 'function') |
|
modal.onResume(modal.onResumeReq); |
|
}); |
|
} |
|
} |
|
|
|
function focusModalWithElement(elem, cbFunc, cbReq) { |
|
if (elem.jquery ? elem.is('html *') : $(elem).is('html *')) { |
|
if (typeof cbFunc === 'function') |
|
cbFunc(cbReq); |
|
return true; |
|
} |
|
|
|
var i = getHashOfMinimizedModalWithElem(elem); |
|
if (i) { |
|
if (typeof i === 'object') i = i[0]; // several modals, but only one may be active currently |
|
twister.modal[i].onResume = cbFunc; |
|
twister.modal[i].onResumeReq = cbReq; |
|
twister.modal[i].btnResume.click(); |
|
return true; |
|
} |
|
|
|
return false; |
|
} |
|
|
|
function getHashOfMinimizedModalWithElem(req) { |
|
var hashes = []; |
|
|
|
for (var i in twister.modal) |
|
if (twister.modal[i] && twister.modal[i].minimized && twister.modal[i].drapper.find(req).length) |
|
hashes[hashes.length++] = i; |
|
|
|
return hashes.length > 1 ? hashes : hashes[0]; |
|
} |
|
|
|
function isModalWithElemExists(elem) { |
|
if (elem.jquery ? elem.is('html *') : $(elem).is('html *')) |
|
return true; |
|
else |
|
return getHashOfMinimizedModalWithElem(elem) ? true : false; |
|
} |
|
|
|
function confirmPopup(req) { |
|
if (!req) return; |
|
|
|
if (typeof req.stopPropagation === 'function') { |
|
req.preventDefault(); |
|
req.stopPropagation(); |
|
if (req.data) |
|
req = req.data; |
|
else |
|
return; |
|
} |
|
|
|
var modal = openModal({ |
|
classBase: '.prompt-wrapper', |
|
classAdd: 'confirm-popup', |
|
content: $('#confirm-popup-template').children().clone(true), |
|
title: req.txtTitle |
|
}); |
|
|
|
if (req.txtMessage) { |
|
if (req.txtMessage.polyglot) |
|
req.txtMessage = polyglot.t(req.txtMessage.polyglot, req.txtMessage.polyglotReq); |
|
modal.content.find('.message').html(htmlFormatMsg(req.txtMessage, {markout: 'apply'}).html); |
|
} |
|
|
|
var btn = modal.content.find('.confirm'); |
|
if (req.removeConfirm) |
|
btn.remove(); |
|
else { |
|
if (req.txtConfirm) |
|
btn.text(req.txtConfirm); |
|
else |
|
btn.text(polyglot.t('Confirm')); |
|
|
|
if (req.cbConfirm) |
|
btn.on('click', {cbFunc: req.cbConfirm, cbReq: req.cbConfirmReq}, closePrompt); |
|
else |
|
btn.on('click', closePrompt); |
|
} |
|
var btn = modal.content.find('.cancel'); |
|
if (req.removeCancel) |
|
btn.remove(); |
|
else { |
|
if (req.txtCancel) |
|
btn.text(req.txtCancel); |
|
else |
|
btn.text(polyglot.t('Cancel')); |
|
|
|
if (req.cbCancel) |
|
btn.on('click', {cbFunc: req.cbCancel, cbReq: req.cbCancelReq}, closePrompt); |
|
else |
|
btn.on('click', closePrompt); |
|
} |
|
var btn = modal.self.find('.prompt-close'); |
|
if (req.removeClose) |
|
btn.remove(); |
|
else { |
|
if (req.cbClose) { |
|
if (typeof req.cbClose === 'string') |
|
if (req.cbClose === 'cbConfirm') { |
|
req.cbClose = req.cbConfirm; |
|
req.cbCloseReq = req.cbConfirmReq; |
|
} else if (req.cbClose === 'cbCancel') { |
|
req.cbClose = req.cbCancel; |
|
req.cbCloseReq = req.cbCancelReq; |
|
} |
|
|
|
btn.on('click', {cbFunc: req.cbClose, cbReq: req.cbCloseReq}, closePrompt); |
|
} |
|
} |
|
} |
|
|
|
function alertPopup(req) { |
|
if (!req) return; |
|
|
|
if (typeof req.stopPropagation === 'function') { |
|
if (typeof req.data !== 'object') return; |
|
if (!req.data.txtConfirm) |
|
req.data.txtConfirm = polyglot.t('btn_ok'); |
|
req.data.removeCancel = true; |
|
} else { |
|
if (!req.txtConfirm) |
|
req.txtConfirm = polyglot.t('btn_ok'); |
|
req.removeCancel = true; |
|
} |
|
|
|
confirmPopup(req); |
|
} |
|
|
|
function checkNetworkStatusAndAskRedirect(cbFunc, cbReq) { |
|
networkUpdate(function(req) { |
|
if (!twisterdConnectedAndUptodate) { |
|
confirmPopup({ |
|
txtMessage: polyglot.t('confirm_switch_to_network', {page: '/network.html'}), |
|
cbConfirm: $.MAL.goNetwork |
|
}); |
|
} else { |
|
if (req.cbFunc) |
|
req.cbFunc(req.cbReq); |
|
} |
|
}, {cbFunc: cbFunc, cbReq: cbReq}); |
|
} |
|
|
|
function timeGmtToText(t) { |
|
var d = new Date(0); |
|
d.setUTCSeconds(t); |
|
return d.toString().replace(/GMT.*/g, ''); |
|
} |
|
|
|
function timeSincePost(t) { |
|
var d = new Date(0); |
|
d.setUTCSeconds(t); |
|
var now = new Date(); |
|
var t_delta = Math.ceil((now - d) / 1000); |
|
var expression; |
|
if (t_delta < 60) |
|
expression = polyglot.t('seconds', t_delta); |
|
else if (t_delta < 3600) // 60 * 60 |
|
expression = polyglot.t('minutes', Math.floor(t_delta / 60)); |
|
else if (t_delta < 86400) // 24 * 60 * 60 |
|
expression = polyglot.t('hours', Math.floor(t_delta / 3600)); // 60 * 60 |
|
else |
|
expression = polyglot.t('days', Math.floor(t_delta / 86400)); // 24 * 60 * 60 |
|
|
|
return polyglot.t('time_ago', {time: expression}); |
|
} |
|
|
|
function openGroupProfileModalWithNameHandler(groupAlias) { |
|
var modal = openModal({ |
|
classAdd: 'profile-modal', |
|
content: $('#group-profile-modal-template').children().clone(true), |
|
title: polyglot.t('users_profile', {username: '<span>' + groupAlias + '</span>'}) |
|
}); |
|
|
|
modal.content.find('.profile-card').attr('data-screen-name', groupAlias); |
|
|
|
groupMsgGetGroupInfo(groupAlias, |
|
function(req, ret) { |
|
if (ret) { |
|
req.modal.content.find('.profile-bio .group-description') |
|
.val(ret.description) |
|
.attr('val-origin', ret.description) |
|
; |
|
|
|
if (ret.members.indexOf(defaultScreenName) !== -1) |
|
req.modal.content.find('.group-messages-control').children('button').attr('disabled', false); |
|
|
|
var membersList = req.modal.content.find('.members'); |
|
var memberTemplate = $('#group-profile-member-template').children(); |
|
for (var i = 0; i < ret.members.length; i++) { |
|
var item = memberTemplate.clone(true).appendTo(membersList); |
|
|
|
item.find('.twister-user-info').attr('data-screen-name', ret.members[i]); |
|
item.find('.twister-user-name').attr('href', $.MAL.userUrl(ret.members[i])); |
|
|
|
getAvatar(ret.members[i], item.find('.twister-user-photo')); |
|
getFullname(ret.members[i], item.find('.twister-user-full')); |
|
getBioToElem(ret.members[i], item.find('.bio')); |
|
} |
|
|
|
elemFitNextIntoParentHeight(req.modal.content.find('.profile-card')); |
|
} |
|
}, {modal: modal} |
|
); |
|
|
|
elemFitNextIntoParentHeight(modal.content.find('.profile-card')); |
|
} |
|
|
|
function openUserProfileModalWithNameHandler(peerAlias) { |
|
var content = $('#profile-modal-template').children().clone(true); |
|
|
|
updateProfileData(content, peerAlias); |
|
// FIXME following ctc could be part of updateProfileData() when mobile will be ready for this |
|
content.find('.tox-ctc').attr('title', polyglot.t('Copy to clipboard')); |
|
content.find('.bitmessage-ctc').attr('title', polyglot.t('Copy to clipboard')); |
|
|
|
var modal = openModal({ |
|
classAdd: 'profile-modal', |
|
content: content, |
|
title: polyglot.t('users_profile', {username: peerAlias}) |
|
}); |
|
|
|
toggleFollowButton({ |
|
button: modal.content.find('.profile-card-buttons .follow'), |
|
peerAlias: peerAlias, |
|
toggleUnfollow: followingUsers.indexOf(peerAlias) !== -1 ? true : false |
|
}); |
|
|
|
elemFitNextIntoParentHeight(modal.content.find('.profile-card')); |
|
|
|
var postboard = modal.content.find('.postboard'); |
|
postboard.find('ol').outerHeight(postboard.actual('height') |
|
- postboard.find('h2').actual('outerHeight', {includeMargin: true})); |
|
} |
|
|
|
function openHashtagModalFromSearchHandler(hashtag) { |
|
var modal = openModal({ |
|
classAdd: 'hashtag-modal', |
|
content: $('#hashtag-modal-template').children().clone(true), |
|
title: '#' + hashtag |
|
}); |
|
|
|
setupQueryModalUpdating(modal.content.find('.postboard-posts'), hashtag, 'hashtag'); |
|
} |
|
|
|
function setupQueryModalUpdating(postboard, query, resource) { |
|
var req = { |
|
postboard: postboard, |
|
query: query, |
|
resource: resource, |
|
id: query + '@' + resource |
|
}; |
|
|
|
postboard.attr('data-request-id', req.id); |
|
|
|
requestQuery(req); |
|
|
|
// use extended timeout parameters on modal refresh (requires twister_core >= 0.9.14). |
|
// our first query above should be faster (with default timeoutArgs of twisterd), |
|
// then we may possibly collect more posts on our second try by waiting more. |
|
req.timeoutArgs = [10000, 2000, 3]; |
|
|
|
postboard.attr('data-request-interval', setInterval(updateQueryModal, 5000, req)); // FIXME |
|
} |
|
|
|
function updateQueryModal(req) { |
|
if (!isModalWithElemExists(req.postboard)) { |
|
clearInterval(req.postboard.attr('data-request-interval')); |
|
clearQueryProcessed(req.id); |
|
return; |
|
} |
|
|
|
requestQuery(req); |
|
} |
|
|
|
function openMentionsModal(event) { |
|
if (event && typeof event.stopPropagation === 'function') { |
|
event.preventDefault(); |
|
event.stopPropagation(); |
|
} |
|
|
|
var userInfo = $(this).closest('[data-screen-name]'); |
|
if (userInfo.length) |
|
var peerAlias = userInfo.attr('data-screen-name'); |
|
else if (defaultScreenName) |
|
var peerAlias = defaultScreenName; |
|
else { |
|
alertPopup({ |
|
//txtTitle: polyglot.t(''), add some title (not 'error', please) or just KISS |
|
txtMessage: polyglot.t('No one can mention you because you are not logged in.') |
|
}); |
|
return; |
|
} |
|
|
|
window.location.hash = '#mentions?user=' + peerAlias; |
|
} |
|
|
|
function openMentionsModalHandler(peerAlias) { |
|
var modal = openModal({ |
|
classAdd: 'hashtag-modal', |
|
content: $('#hashtag-modal-template').children().clone(true), |
|
title: polyglot.t('users_mentions', {username: peerAlias}) |
|
}); |
|
|
|
setupQueryModalUpdating(modal.content.find('.postboard-posts'), peerAlias, 'mention'); |
|
|
|
if (peerAlias === defaultScreenName) { |
|
// obtain already cached mention posts from twister_newmsgs.js |
|
processQuery({ |
|
postboard: modal.content.find('.postboard-posts'), |
|
query: defaultScreenName, |
|
resource: 'mention', |
|
posts: getMentionsData() |
|
}); |
|
resetMentionsCount(); |
|
} |
|
} |
|
|
|
function openFollowersModal(peerAlias) { |
|
if (!peerAlias && !defaultScreenName) { |
|
alertPopup({ |
|
//txtTitle: polyglot.t(''), add some title (not 'error', please) or just KISS |
|
txtMessage: polyglot.t('You don\'t have any followers because you are not logged in.') |
|
}); |
|
history.back(); |
|
return; |
|
} |
|
|
|
var modal = openModal({ |
|
classAdd: 'followers-modal', |
|
content: twister.tmpl.followersList.clone(true), |
|
title: polyglot.t('Followers') |
|
}); |
|
|
|
appendKnownFollowersToElem(modal.content.find('ol')); |
|
|
|
alertPopup({txtMessage: '* ' + polyglot.t('warn_followers_not_all')}); |
|
} |
|
|
|
function appendKnownFollowersToElem(list) { |
|
for (var i = 0; i < twisterFollowingO.knownFollowers.length; i++) |
|
addPeerToFollowersList(list, twisterFollowingO.knownFollowers[i]); |
|
|
|
$.MAL.listLoaded(list); |
|
} |
|
|
|
function addPeerToFollowersList(list, peerAlias) { |
|
var item = twister.tmpl.followersPeer.clone(true).attr('data-peer-alias', peerAlias); |
|
|
|
item.find('.alias').text('@' + peerAlias); |
|
item.find('.alias, .avatar, .name').on('mouseup', {route: $.MAL.userUrl(peerAlias)}, routeOnClick); |
|
getAvatar(peerAlias, item.find('.avatar img')); |
|
getFullname(peerAlias, item.find('.name')); |
|
getBioToElem(peerAlias, item.find('.bio')); |
|
|
|
item.prependTo(list); |
|
} |
|
|
|
function openFollowingModal(peerAlias) { |
|
if (!peerAlias || peerAlias === defaultScreenName) { |
|
if (!defaultScreenName) { |
|
alertPopup({ |
|
//txtTitle: polyglot.t(''), add some title (not 'error', please) or just KISS |
|
txtMessage: polyglot.t('You are not following anyone because you are not logged in.') |
|
}); |
|
history.back(); |
|
return; |
|
} |
|
|
|
var modal = openModal({ |
|
classAdd: 'following-own-modal', |
|
content: twister.tmpl.followingList.clone(true), |
|
title: polyglot.t('Following') |
|
}); |
|
showFollowingUsers(modal.content.find('.following-list')); |
|
requestSwarmProgress(); |
|
} else { |
|
var modal = openModal({ |
|
classAdd: 'following-modal', |
|
content: $('#following-modal-template').children().clone(true), |
|
title: polyglot.t('followed_by', {username: peerAlias}) |
|
}); |
|
modal.content.find('.following-screen-name b').text(peerAlias); |
|
loadFollowingIntoList(peerAlias, modal.content.find('ol')); |
|
} |
|
} |
|
|
|
function showFollowingUsers(followingList) { |
|
if (followingEmptyOrMyself()) |
|
$.MAL.warnFollowingNotAny(closeModal, followingList); |
|
else |
|
for (var i = 0; i < followingUsers.length; i++) |
|
addToFollowingList(followingList, followingUsers[i]); |
|
|
|
$.MAL.followingListLoaded(followingList); |
|
} |
|
|
|
function addToFollowingList(followingList, peerAlias) { |
|
var item = twister.tmpl.followingUser.clone(true).attr('data-peer-alias', peerAlias); |
|
|
|
item.find('.mini-profile-info').attr('data-screen-name', peerAlias) |
|
item.find('.following-screen-name').text(peerAlias); |
|
item.find('a.open-profile-modal').attr('href', $.MAL.userUrl(peerAlias)); |
|
item.find('.direct-messages-with-user').text(polyglot.t('send_DM')) |
|
.on('mouseup', {route: $.MAL.dmchatUrl(peerAlias)}, routeOnClick); |
|
item.find('.mentions-from-user').text(polyglot.t('display_mentions')) |
|
.on('mouseup', {route: $.MAL.mentionsUrl(peerAlias)}, routeOnClick); |
|
getAvatar(peerAlias, item.find('.mini-profile-photo')); |
|
getFullname(peerAlias, item.find('.mini-profile-name')); |
|
|
|
if (peerAlias === defaultScreenName) |
|
item.find('.following-config').hide(); |
|
|
|
toggleFollowButton({ |
|
button: item.find('.follow'), |
|
peerAlias: peerAlias, |
|
toggleUnfollow: true |
|
}); |
|
var elem = item.find('.public-following').on('click', followingListPublicCheckbox); |
|
if (isPublicFollowing(peerAlias)) |
|
elem.text(polyglot.t('Public')); |
|
else |
|
elem.text(polyglot.t('Private')).addClass('private'); |
|
|
|
item.prependTo(followingList); |
|
} |
|
|
|
function fillWhoToFollowModal(list, hlist, start) { |
|
var itemTmp = $('#follow-suggestion-template').clone(true) |
|
.removeAttr('id'); |
|
|
|
for (var i = 0; i < followingUsers.length && list.length < start + 20; i++) { |
|
if (typeof twisterFollowingO.followingsFollowings[followingUsers[i]] !== 'undefined') { |
|
for (var j = 0; j < twisterFollowingO.followingsFollowings[followingUsers[i]].following.length && list.length < start + 25; j++) { |
|
var utf = twisterFollowingO.followingsFollowings[followingUsers[i]].following[j]; |
|
if (followingUsers.indexOf(utf) < 0 && list.indexOf(utf) < 0) { |
|
list.push(utf); |
|
|
|
var item = itemTmp.clone(true); |
|
|
|
item.find('.twister-user-info').attr('data-screen-name', utf); |
|
item.find('.twister-user-name').attr('href', $.MAL.userUrl(utf)); |
|
item.find('.twister-by-user-name').attr('href', $.MAL.userUrl(followingUsers[i])); |
|
item.find('.twister-user-tag').text('@' + utf); |
|
|
|
getAvatar(utf, item.find('.twister-user-photo')); |
|
getFullname(utf, item.find('.twister-user-full')); |
|
getBioToElem(utf, item.find('.bio')); |
|
getFullname(followingUsers[i], item.find('.followed-by').text(followingUsers[i])); |
|
|
|
item.find('.twister-user-remove').remove(); |
|
|
|
hlist.append(item); |
|
} |
|
} |
|
} |
|
} |
|
itemTmp.remove(); |
|
|
|
if (i >= followingUsers.length - 1) |
|
return false; |
|
|
|
// returns true, if there are more... |
|
return true; |
|
} |
|
|
|
function openWhoToFollowModal() { |
|
var modal = openModal({ |
|
classAdd: 'who-to-follow-modal', |
|
title: polyglot.t('Who to Follow') |
|
}); |
|
|
|
var tmplist = []; |
|
var hlist = $('<ol class="follow-suggestions"></ol>') |
|
.appendTo(modal.content); |
|
|
|
modal.content.on('scroll', function() { |
|
if (modal.content.scrollTop() >= hlist.height() - modal.content.height() - 20) { |
|
if (!fillWhoToFollowModal(tmplist, hlist, tmplist.length)) |
|
modal.content.off('scroll'); |
|
} |
|
}); |
|
|
|
fillWhoToFollowModal(tmplist, hlist, 0); |
|
} |
|
|
|
function newConversationModal(peerAlias, resource) { |
|
var content = $('#hashtag-modal-template').children().clone(true); |
|
|
|
requestPost(content.find('.postboard-posts'), peerAlias, resource, |
|
function(args) { |
|
var postboard = args.content.find('.postboard-posts'); |
|
var postLi = postboard.children().first() |
|
.css('display', 'none'); |
|
getTopPostOfConversation(postLi, null, postboard); |
|
}, {content: content} |
|
); |
|
|
|
return content; |
|
} |
|
|
|
function addToCommonDMsList(list, targetAlias, message) { |
|
var item = twister.tmpl.commonDMsListItem.clone(true) |
|
.attr('data-screen-name', targetAlias) |
|
.attr('data-last_id', message.id) |
|
.attr('data-time', message.time) |
|
; |
|
|
|
item.find('.post-info-tag').text('@' + targetAlias); |
|
item.find('.post-info-name').attr('href', $.MAL.userUrl(targetAlias)); |
|
item.find('.post-text').html(htmlFormatMsg(message.text).html); |
|
item.find('.post-info-time') |
|
.attr('title', timeSincePost(message.time)) |
|
.find('span:last') |
|
.text(timeGmtToText(message.time)) |
|
; |
|
if (targetAlias[0] === '*') { |
|
getAvatar(message.from, item.find('.post-photo img')); // it's impossible yet to get group avatar |
|
getGroupChatName(targetAlias, item.find('a.post-info-name')); |
|
} else { |
|
getAvatar(targetAlias, item.find('.post-photo img')); |
|
getFullname(targetAlias, item.find('a.post-info-name')); |
|
} |
|
|
|
if (_newDMsPerUser[targetAlias] > 0) |
|
item.addClass('new') |
|
.find('.messages-qtd').text(_newDMsPerUser[targetAlias]).show(); |
|
|
|
var items = list.children(); |
|
for (var i = 0; i < items.length; i++) { |
|
var elem = items.eq(i); |
|
var time = elem.attr('data-time'); |
|
if (typeof time === 'undefined' || message.time > parseInt(time)) { |
|
elem.before(item); |
|
break; |
|
} |
|
} |
|
if (i === items.length) // equals to !item.parent().length |
|
list.append(item); |
|
} |
|
|
|
function openConversationClick(event) { |
|
event.preventDefault(); |
|
event.stopPropagation(); |
|
|
|
var elem = $(event.target); |
|
var postData = elem.closest(event.data.feeder); |
|
|
|
event.data.route = '#conversation?post=' + postData.attr('data-screen-name') |
|
+ ':post' + postData.attr('data-id'); |
|
routeOnClick(event); |
|
} |
|
|
|
function openConversationModal(peerAlias, resource) { |
|
openModal({ |
|
classAdd: 'conversation-modal', |
|
content: newConversationModal(peerAlias, resource), |
|
title: polyglot.t('conversation_title', {username: peerAlias}) |
|
}); |
|
} |
|
|
|
function routeOnClick(event) { |
|
if (!event || !event.data || !event.data.route) |
|
return; |
|
|
|
event.stopPropagation(); |
|
event.preventDefault(); |
|
|
|
if (event.button === 0 && !event.data.blankOnly) // left mouse button |
|
window.location = event.data.route; // closes modal(s) in watchHashChange() and opens .route |
|
else if (event.button === 1) // middle mouse button |
|
if (event.data.blankOnly || event.metaKey || event.ctrlKey) |
|
twister.html.blanka.attr('href', event.data.route)[0].click(); // opens .route in new tab |
|
else { |
|
var modal = $(event.target).closest('.modal-wrapper:not(.closed)'); |
|
if (modal.length) { // killer feature: we minimize current modal before .route opening |
|
minimizeModal(modal, true); |
|
window.location.hash = event.data.route; |
|
} else |
|
twister.html.blanka.attr('href', event.data.route)[0].click(); // opens .route in new tab |
|
} |
|
} |
|
|
|
function watchHashChange(event) { |
|
if (typeof event !== 'undefined') { |
|
var prevurlsplit = event.oldURL.split('#'); |
|
var prevhashstring = prevurlsplit[1]; |
|
|
|
// FIXME need to move back button handling to special function and call it in openModal() and resumeModal() |
|
var notFirstModalView = (prevhashstring !== undefined && prevhashstring.length > 0); |
|
var notNavigatedBackToFirstModalView = (window.history.state == null || |
|
(window.history.state != null && window.history.state.showCloseButton !== false)); |
|
|
|
if (notFirstModalView && notNavigatedBackToFirstModalView) { |
|
$('.modal-back').css('display', 'inline'); |
|
} else { |
|
window.history.replaceState({showCloseButton: false}, '', window.location.pathname + window.location.hash); |
|
$('.modal-back').css('display', 'none'); |
|
} |
|
} |
|
|
|
if (_watchHashChangeRelaxDontDoIt) |
|
_watchHashChangeRelaxDontDoIt = false; |
|
else |
|
loadModalFromHash(); |
|
} |
|
|
|
function loadModalFromHash() { |
|
var i = window.location.hash; |
|
if (twister.modal[i] && twister.modal[i].minimized) { |
|
// need to close active modal(s) before btnResume.click() or it will be minimized in resumeModal() |
|
// e.g. for case when you click on profile link in some modal having this profile's modal minimized already |
|
closeModal(true); |
|
twister.modal[i].btnResume.click(); |
|
return; |
|
} |
|
|
|
var hashstring = decodeURIComponent(window.location.hash); |
|
if (hashstring === '') { |
|
closeModal(); // close active modal(s) |
|
return; |
|
} |
|
var hashdata = hashstring.split(':'); |
|
|
|
if (hashdata[0] !== '#web+twister') |
|
hashdata = hashstring.match(/(hashtag|profile|mentions|directmessages|following|conversation)\?(?:group|user|hashtag|post)=(.+)/); // need to rework hash scheme to use group|user|hashtag|post or drop it |
|
|
|
if (hashdata && hashdata[1] !== undefined && hashdata[2] !== undefined) { |
|
if (hashdata[1] === 'profile') |
|
if (hashdata[2][0] === '*') |
|
openGroupProfileModalWithNameHandler(hashdata[2]); |
|
else |
|
openUserProfileModalWithNameHandler(hashdata[2]); |
|
|
|
else if (hashdata[1] === 'hashtag') |
|
openHashtagModalFromSearchHandler(hashdata[2]); |
|
else if (hashdata[1] === 'mentions') |
|
openMentionsModalHandler(hashdata[2]); |
|
else if (hashdata[1] === 'directmessages') { |
|
if (hashdata[2][0] === '*') |
|
openGroupMessagesModal(hashdata[2]); |
|
else |
|
openDmWithUserModal(hashdata[2]); |
|
|
|
} else if (hashdata[1] === 'following') |
|
openFollowingModal(hashdata[2]); |
|
else if (hashdata[1] === 'conversation') { |
|
splithashdata2 = hashdata[2].split(':'); |
|
openConversationModal(splithashdata2[0], splithashdata2[1]); |
|
} |
|
} else if (hashstring === '#directmessages') |
|
openCommonDMsModal(); |
|
else if (hashstring === '#followers') |
|
openFollowersModal(); |
|
else if (hashstring === '#following') |
|
openFollowingModal(); |
|
else if (hashstring === '#groupmessages') |
|
openGroupMessagesModal(); |
|
else if (hashstring === '#groupmessages+newgroup') |
|
openGroupMessagesNewGroupModal(); |
|
else if (hashstring === '#groupmessages+joingroup') |
|
openGroupMessagesJoinGroupModal(); |
|
else if (hashstring === '#whotofollow') |
|
openWhoToFollowModal(); |
|
} |
|
|
|
function initHashWatching() { |
|
// register custom protocol handler |
|
if (window.navigator && window.navigator.registerProtocolHandler && |
|
!_getResourceFromStorage('twister_protocol_registered')) { |
|
window.navigator.registerProtocolHandler( |
|
'web+twister', |
|
window.location.protocol + '//' + window.location.host + '/home.html#%s', |
|
'Twister' |
|
); |
|
_putResourceIntoStorage('twister_protocol_registered', true); |
|
} |
|
|
|
// register hash spy and launch it once |
|
window.addEventListener('hashchange', watchHashChange, false); |
|
setTimeout(watchHashChange, 1000); |
|
} |
|
|
|
function reTwistPopup(event, post, textArea) { |
|
event.stopPropagation(); |
|
|
|
if (!defaultScreenName) { |
|
alertPopup({ |
|
//txtTitle: polyglot.t(''), add some title (not 'error', please) or just KISS |
|
txtMessage: polyglot.t('You have to log in to retransmit messages.') |
|
}); |
|
return; |
|
} |
|
|
|
if (typeof post === 'undefined') |
|
post = $.evalJSON($(event.target).closest('.post-data').attr('data-userpost')); |
|
|
|
var modal = openModal({ |
|
classBase: '.prompt-wrapper', |
|
classAdd: 'reTwist', |
|
title: polyglot.t('retransmit_this') |
|
}); |
|
|
|
modal.content |
|
.append(postToElem(post, '')) |
|
.append($('#reTwist-modal-template').children().clone(true)) |
|
; |
|
|
|
modal.content.find('.switch-mode') |
|
.text(polyglot.t('Switch to Reply')) |
|
.on('click', {post: post}, |
|
function(event) { |
|
var textArea = $(event.target).closest('form').find('textarea').detach(); |
|
closePrompt(event.target); |
|
replyInitPopup(event, event.data.post, textArea); |
|
} |
|
) |
|
; |
|
|
|
var replyArea = modal.content.find('.post-area .post-area-new'); |
|
if (typeof textArea === 'undefined') { |
|
textArea = replyArea.find('textarea'); |
|
var textAreaPostInline = modal.content.find('.post .post-area-new textarea'); |
|
$.each(['placeholder', 'data-reply-to'], function(i, attribute) { |
|
textArea.attr(attribute, textAreaPostInline.attr(attribute)); |
|
}); |
|
} else { |
|
replyArea.find('textarea').replaceWith(textArea); |
|
if (textArea.val()) { |
|
textArea.focus(); |
|
replyArea.addClass('open'); |
|
} |
|
} |
|
replyArea.find('.post-submit').addClass('with-reference'); |
|
} |
|
|
|
// Expande Área do Novo post |
|
function replyInitPopup(e, post, textArea) { |
|
var modal = openModal({ |
|
classBase: '.prompt-wrapper', |
|
classAdd: 'reply', |
|
title: polyglot.t('reply_to', {fullname: '<span class="fullname">'+post.userpost.n+'</span>'}) |
|
}); |
|
|
|
getFullname(post.userpost.n, modal.self.find('h3 .fullname')); |
|
|
|
modal.content |
|
.append(postToElem(post, '')) |
|
.append($('#reply-modal-template').children().clone(true)) |
|
; |
|
|
|
modal.content.find('.switch-mode') |
|
.text(polyglot.t('Switch to Retransmit')) |
|
.on('click', {post: post}, |
|
function(event) { |
|
var textArea = $(event.target).closest('form').find('textarea').detach(); |
|
closePrompt(event.target); |
|
reTwistPopup(event, event.data.post, textArea); |
|
} |
|
) |
|
; |
|
|
|
var replyArea = modal.content.find('.post-area .post-area-new').addClass('open'); |
|
if (typeof textArea === 'undefined') { |
|
textArea = replyArea.find('textarea'); |
|
var textAreaPostInline = modal.content.find('.post .post-area-new textarea'); |
|
$.each(['placeholder', 'data-reply-to'], function(i, attribute) { |
|
textArea.attr(attribute, textAreaPostInline.attr(attribute)); |
|
}); |
|
} else { |
|
replyArea.find('textarea').replaceWith(textArea); |
|
} |
|
composeNewPost(e, replyArea); |
|
} |
|
|
|
// abre o menu dropdown de configurações |
|
function dropDownMenu() { |
|
$('.config-menu').slideToggle('fast'); |
|
} |
|
|
|
// fecha o config menu ao clicar em qualquer lugar da tela |
|
function closeThis() { |
|
$(this).slideUp('fast'); |
|
} |
|
|
|
function muteEvent(event, preventDefault) { |
|
event.stopPropagation(); |
|
if (preventDefault || (event.data && event.data.preventDefault)) |
|
event.data.preventDefault(); |
|
} |
|
|
|
function toggleFollowButton(req) { |
|
if (!req || !req.peerAlias) |
|
return; |
|
|
|
if (req.toggleUnfollow) { |
|
if (!req.button || !req.button.jquery) |
|
req.button = getElem('[data-screen-name="' + req.peerAlias + '"]').find('.follow'); |
|
req.button |
|
.text(polyglot.t('Unfollow')) |
|
.removeClass('follow') |
|
.addClass('unfollow') |
|
.off('click') |
|
.on('click', {peerAlias: req.peerAlias}, clickUnfollow) |
|
; |
|
} else { |
|
if (!req.button || !req.button.jquery) |
|
req.button = getElem('[data-screen-name="' + req.peerAlias + '"]').find('.unfollow'); |
|
req.button |
|
.text(polyglot.t('Follow')) |
|
.removeClass('unfollow') |
|
.addClass('follow') |
|
.off('click') |
|
.on('click', {peerAlias: req.peerAlias}, clickFollow) |
|
; |
|
} |
|
} |
|
|
|
function clickFollow(event) { |
|
event.preventDefault(); |
|
event.stopPropagation(); |
|
|
|
if (!defaultScreenName) { |
|
alertPopup({ |
|
//txtTitle: polyglot.t(''), add some title (not 'error', please) or just KISS |
|
txtMessage: polyglot.t('You have to log in to follow users.') |
|
}); |
|
return; |
|
} |
|
|
|
var peerAlias = (event.data && event.data.peerAlias) ? event.data.peerAlias |
|
: $(event.target).closest('[data-screen-name]').attr('data-screen-name'); |
|
var content = $('#following-config-modal-template').children().clone(true); |
|
|
|
content.closest('.following-config-modal-content').attr('data-screen-name', peerAlias); |
|
content.find('.following-config-method-message') |
|
.html(htmlFormatMsg(polyglot.t('select_way_to_follow_@', {alias: peerAlias}), {markout: 'apply'}).html); |
|
content.find('.following-screen-name b').text(peerAlias); |
|
|
|
openModal({ |
|
classBase: '.prompt-wrapper', // FIXME it will be modal with advanced following set up in future |
|
classAdd: 'following-config-modal', |
|
content: content, |
|
title: polyglot.t('Following config') |
|
}); |
|
} |
|
|
|
function clickUnfollow(event) { |
|
event.preventDefault(); |
|
event.stopPropagation(); |
|
|
|
var peerAlias = (event.data && event.data.peerAlias) ? event.data.peerAlias |
|
: $(event.target).closest('[data-screen-name]').attr('data-screen-name'); |
|
|
|
confirmPopup({ |
|
txtMessage: polyglot.t('confirm_unfollow_@', {alias: peerAlias}), |
|
cbConfirm: function (peerAlias) { |
|
unfollow(peerAlias, |
|
function(req) { |
|
$('.mini-profile .following-count').text(followingUsers.length - 1); |
|
$('.wrapper .postboard .post').each(function() { |
|
var elem = $(this); |
|
if ((elem.find('[data-screen-name="' + req.peerAlias + '"]').length |
|
&& !elem.find(".post-rt-by .open-profile-modal").text()) |
|
|| elem.find(".post-rt-by .open-profile-modal").text() === '@' + req.peerAlias) |
|
elem.remove(); |
|
}); // FIXME also need to check list of pending posts to remove from there |
|
toggleFollowButton({peerAlias: req.peerAlias}); |
|
var followingList = getElem('.following-own-modal .following-list'); |
|
if (followingList.length) |
|
followingList.find('li[data-peer-alias="' + req.peerAlias + '"]').remove(); |
|
}, {peerAlias: peerAlias} |
|
); |
|
}, |
|
cbConfirmReq: peerAlias |
|
}); |
|
} |
|
|
|
function setFollowingMethod(event) { |
|
event.preventDefault(); |
|
event.stopPropagation(); |
|
|
|
var button = $(event.target); |
|
var peerAlias = button.closest('.following-config-modal-content').attr('data-screen-name'); |
|
|
|
follow(peerAlias, button.hasClass('private') ? false : true, |
|
function(req) { |
|
$('.mini-profile .following-count').text(followingUsers.length - 1); |
|
setTimeout(requestTimelineUpdate, 1000, 'latest', postsPerRefresh, [req.peerAlias], promotedPostsOnly); |
|
toggleFollowButton({peerAlias: req.peerAlias, toggleUnfollow: req.toggleUnfollow}); |
|
var followingList = getElem('.following-own-modal .following-list'); |
|
if (followingList.length) |
|
addToFollowingList(followingList, req.peerAlias); |
|
}, {peerAlias: peerAlias, toggleUnfollow: true} |
|
); |
|
} |
|
|
|
function followingListPublicCheckbox(event) { |
|
event.preventDefault(); |
|
event.stopPropagation(); |
|
|
|
var tickSelection = function (req) { |
|
if (req.isPublic === req.wasPublic) return; |
|
|
|
var elem = $('.mini-profile-info[data-screen-name="' + req.peerAlias + '"] .public-following'); |
|
elem.toggleClass('private'); |
|
if (!req.isPublic) |
|
elem.text(polyglot.t('Private')); |
|
else |
|
elem.text(polyglot.t('Public')); |
|
|
|
//console.log('set following method of @' + peerAlias + ' for ' + isPublic); |
|
follow(req.peerAlias, req.isPublic); |
|
}; |
|
var elem = $(event.target); |
|
var peerAlias = elem.closest('.mini-profile-info').attr('data-screen-name'); |
|
var wasPublic = !elem.hasClass('private'); |
|
|
|
confirmPopup({ |
|
txtMessage: polyglot.t('select_way_to_follow_@', {alias: peerAlias}), |
|
txtConfirm: polyglot.t('Public'), |
|
cbConfirm: tickSelection, |
|
cbConfirmReq: {isPublic: true, wasPublic: wasPublic, peerAlias: peerAlias}, |
|
txtCancel: polyglot.t('Private'), |
|
cbCancel: tickSelection, |
|
cbCancelReq: {isPublic: false, wasPublic: wasPublic, peerAlias: peerAlias} |
|
}); |
|
} |
|
|
|
function postExpandFunction(e, postLi) { |
|
if (!postLi.hasClass('original')) |
|
return; |
|
|
|
var openClass = 'open'; |
|
var originalPost = postLi.find('.post-data.original'); |
|
var postInteractionText = originalPost.find('.post-expand'); |
|
var postExpandedContent = originalPost.find('.expanded-content'); |
|
var postsRelated = postLi.find('.related'); |
|
|
|
if (!postLi.hasClass(openClass)) { |
|
originalPost.detach(); |
|
postLi.empty(); |
|
postLi.addClass(openClass); |
|
postInteractionText.text(polyglot.t('Collapse')); |
|
|
|
var itemOl = $('<ol/>', {class:'expanded-post'}).appendTo(postLi); |
|
var originalLi = $('<li/>', {class: 'module post original'}).appendTo(itemOl) |
|
.append(originalPost); |
|
|
|
setPostImagePreview(postExpandedContent, originalPost.find('a[rel="nofollow"]')); |
|
|
|
postExpandedContent.slideDown('fast'); |
|
|
|
// insert 'reply_to' before |
|
requestRepliedBefore(originalLi); |
|
// insert replies to this post after |
|
requestRepliesAfter(originalLi); |
|
// RTs faces and counter |
|
requestRTs(originalLi); |
|
} else { |
|
postLi.removeClass(openClass); |
|
|
|
postInteractionText.text( |
|
(typeof postLi.find('.post-data.original').attr('data-replied-to-id') === 'undefined') ? |
|
polyglot.t('Expand') : polyglot.t('Show conversation') |
|
); |
|
|
|
if (postsRelated) |
|
postsRelated.slideUp('fast'); |
|
|
|
postExpandedContent.slideUp('fast', function() { |
|
originalPost.detach().appendTo(postLi.empty()); |
|
}); |
|
} |
|
|
|
e.stopPropagation(); |
|
} |
|
|
|
function postReplyClick(event) { |
|
if (!defaultScreenName) { |
|
event.stopPropagation(); |
|
alertPopup({ |
|
//txtTitle: polyglot.t(''), add some title (not 'error', please) or just KISS |
|
txtMessage: polyglot.t('You have to log in to post replies.') |
|
}); |
|
return; |
|
} |
|
|
|
var post = $(this).closest('.post'); |
|
if (!post.hasClass('original')) |
|
replyInitPopup(event, $.evalJSON(post.find('.post-data').attr('data-userpost'))); |
|
else { |
|
if (!post.closest('.post.open').length) |
|
postExpandFunction(event, post); |
|
composeNewPost(event, post.find('.post-area-new')); |
|
} |
|
|
|
event.stopPropagation(); |
|
} |
|
|
|
// Expande Área do Novo post |
|
function composeNewPost(e, postAreaNew) { |
|
e.stopPropagation(); |
|
if (!postAreaNew.hasClass('open')) { |
|
postAreaNew.addClass('open'); |
|
//se o usuário clicar fora é pra fechar |
|
postAreaNew.clickoutside(unfocusThis); |
|
|
|
if ($.Options.splitPosts.val === 'enable') |
|
usePostSpliting = true; |
|
else if ($.Options.splitPosts.val === 'only-new') { |
|
var postOrig = postAreaNew.closest('.post-data'); |
|
|
|
if (!postOrig.length) |
|
postOrig = postAreaNew.closest('.modal-content').find('.post-data'); |
|
|
|
if (postOrig.length) |
|
usePostSpliting = false; |
|
else |
|
usePostSpliting = true; |
|
} else |
|
usePostSpliting = false; |
|
} |
|
|
|
var textArea = postAreaNew.find('textarea'); |
|
if (textArea.attr('data-reply-to') && !textArea.val().length) { |
|
textArea.val(textArea.attr('data-reply-to')); |
|
posPostPreview(textArea); |
|
} |
|
if (!postAreaNew.find('textarea:focus').length) |
|
postAreaNew.find('textarea:last').focus(); |
|
} |
|
|
|
function posPostPreview(event) { |
|
if (!$.Options.postPreview.val) |
|
return; |
|
|
|
if (event.jquery) { |
|
var textArea = event; |
|
} else { |
|
var textArea = $(event.target); |
|
} |
|
var postPreview = textArea.siblings('#post-preview'); |
|
if (!postPreview.length) { |
|
postPreview = $('#post-preview-template').children().clone() |
|
.css('margin-left', textArea.css('margin-left')) |
|
.css('margin-right', textArea.css('margin-right')) |
|
; |
|
postPreview.width(textArea.width()); |
|
postPreview.width(postPreview.width() // width is not accurate if we do it with textArea.width() directly, don't know why |
|
- postPreview.css('padding-left') - postPreview.css('padding-right')); |
|
} |
|
if (textArea[0].value.length) |
|
postPreview.html(htmlFormatMsg(textArea[0].value).html).show(); |
|
else |
|
postPreview.hide(); |
|
textArea.before(postPreview); |
|
} |
|
|
|
// Reduz Área do Novo post |
|
function unfocusThis() { |
|
$(this).removeClass('open') |
|
.find('#post-preview').slideUp('fast'); |
|
} |
|
|
|
function checkPostForMentions(post, mentions, max) { |
|
return new RegExp('^.{0,' + max.toString() + '}(?:' + mentions.trim().replace(/ /g, '|') + ')').test(post); |
|
} |
|
|
|
var splitedPostsCount = 1; // FIXME it could be property of future textAreaInput and composeNewPost united thing; currently stuff is hell |
|
var usePostSpliting = false; |
|
|
|
function replyTextInput(event) { |
|
var textArea = $(event.target); |
|
var textAreaForm = textArea.closest('form'); |
|
if (textAreaForm.length) { |
|
if ($.Options.unicodeConversion.val !== 'disable') |
|
textArea.val(convert2Unicodes(textArea.val(), textArea)); |
|
|
|
if (usePostSpliting && !textArea.closest('.directMessages').length) { |
|
var caretPos = textArea.caret(); |
|
var reply_to = textArea.attr('data-reply-to'); |
|
var tas = textAreaForm.find('textarea'); |
|
splitedPostsCount = tas.length; |
|
var icurrentta = tas.index(event.target); // current textarea tas index |
|
var i = 0; |
|
var pml = getPostSplitingPML(); |
|
var cci = getPostSpittingCI(icurrentta); |
|
|
|
for (; i < tas.length; i++) { |
|
pml = getPostSplitingPML(); |
|
if (tas[i].value.length > pml) { |
|
var ci = getPostSpittingCI(i); |
|
if (i < splitedPostsCount - 1) { |
|
tas[i + 1].value = tas[i].value.substr(ci) + tas[i + 1].value; |
|
tas[i].value = tas[i].value.substr(0, ci); |
|
if (caretPos > cci) { |
|
caretPos -= ci; |
|
icurrentta += 1; |
|
cci = getPostSpittingCI(icurrentta); |
|
var targetta = $(tas[icurrentta]); |
|
} else if (i === icurrentta) |
|
$(tas[i]).caret(caretPos); |
|
} else { |
|
var oldta = $(tas[i]); |
|
if ($.fn.textcomplete) { |
|
oldta.textcomplete('destroy'); |
|
event.stopImmediatePropagation(); // something goes wrong in $.fn.textcomplete if we don't stop this immediately |
|
} |
|
var cp = oldta.val(); |
|
var newta = $(oldta).clone(true) |
|
.val(cp.substr(ci)) |
|
.insertAfter(oldta) |
|
; |
|
oldta.val(cp.substr(0, ci)) |
|
.addClass('splited-post') |
|
.on('focus', function() {this.style.height = '80px';}) |
|
.on('focusout', function() {this.style.height = '28px';}) // FIXME move this to CSS |
|
; |
|
|
|
tas = textAreaForm.find('textarea'); |
|
splitedPostsCount = tas.length; |
|
pml = getPostSplitingPML(); |
|
|
|
if (caretPos > cci) { |
|
caretPos -= ci; |
|
icurrentta += 1; |
|
cci = getPostSpittingCI(icurrentta); |
|
var targetta = newta; |
|
oldta[0].style.height = '28px'; // FIXME move this to CSS |
|
} else if (i === icurrentta) { |
|
$(tas[i]).caret(caretPos); |
|
replyTextUpdateRemaining(tas[i]); |
|
if ($.fn.textcomplete) |
|
setTextcompleteOnElement(tas[i], getMentionsForAutoComplete()); |
|
} |
|
} |
|
} else if (tas.length > 1 && tas[i].value.length === 0) { |
|
if (i === tas.length - 1) { |
|
tas[i].value = tas[i - 1].value; |
|
$(tas[i - 1]).remove(); |
|
} else |
|
$(tas[i]).remove(); |
|
tas = textAreaForm.find('textarea'); |
|
i--; |
|
splitedPostsCount = tas.length; |
|
pml = getPostSplitingPML(); |
|
caretPos = -1; |
|
if (icurrentta >= i && icurrentta > 0) { |
|
icurrentta -= 1; |
|
cci = getPostSpittingCI(icurrentta); |
|
} |
|
var targetta = $(tas[icurrentta]); |
|
} |
|
} |
|
|
|
if (typeof targetta !== 'undefined' && targetta[0] !== document.activeElement) { |
|
textArea = targetta; |
|
textArea.focus(); |
|
textArea.caret(caretPos); |
|
} |
|
} |
|
|
|
if ($.Options.postPreview.val) { |
|
if (textArea[0].value.length) |
|
textAreaForm.find('#post-preview').html(htmlFormatMsg(textArea[0].value).html).show(); |
|
else |
|
textAreaForm.find('#post-preview').html('').slideUp('fast'); |
|
} |
|
} |
|
|
|
function getPostSplitingPML() { |
|
if (splitedPostsCount > 1) { |
|
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; |
|
} |
|
} else |
|
var pml = 140; |
|
return pml; |
|
} |
|
|
|
function getPostSpittingCI(ita) { |
|
var ci; |
|
var endings = tas[ita].value.match(/[\\\/\.,:;\?\!\*'"\]\)\}\^\|%\u201D\u2026\u2014\u4E00\u3002\uFF0C\uFF1A\uFF1F\uFF01\u3011>\s]/g) // unicode escaped stuff is '”…—一。，：？！】 |
|
|
|
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(ta) { |
|
if (ta.target) |
|
ta = ta.target; |
|
if (ta === document.activeElement) { |
|
var textArea = $(ta); |
|
var textAreaForm = textArea.closest('form'); |
|
if (textAreaForm.length) { |
|
var remainingCount = textAreaForm.find('.post-area-remaining'); |
|
var c = replyTextCountRemaining(ta); |
|
|
|
if (usePostSpliting && !textArea.closest('.directMessages').length && splitedPostsCount > 1) |
|
remainingCount.text((textAreaForm.find('textarea').index(ta) + 1).toString() |
|
+ '/' + splitedPostsCount.toString() + ': ' + c.toString()); |
|
else |
|
remainingCount.text(c.toString()); |
|
|
|
var buttonSend = textAreaForm.find('.post-submit'); |
|
if (!buttonSend.length) |
|
buttonSend = textAreaForm.find('.dm-submit'); |
|
|
|
var disable = false; |
|
textAreaForm.find('textarea').each(function() { |
|
if (replyTextCountRemaining(this) < 0) { |
|
disable = true; // alternatively we could call replyTextInput() |
|
return false; |
|
} |
|
}); |
|
if (!disable && c >= 0 && c < 140 && textArea.val() !== textArea.attr('data-reply-to')) { |
|
remainingCount.removeClass('warn'); |
|
$.MAL.enableButton(buttonSend); |
|
} else { |
|
if (disable) |
|
remainingCount.addClass('warn'); |
|
$.MAL.disableButton(buttonSend); |
|
} |
|
} |
|
} |
|
} |
|
|
|
function replyTextCountRemaining(ta) { |
|
var textArea = $(ta); |
|
var c; |
|
|
|
if (usePostSpliting && !textArea.closest('.directMessages').length && splitedPostsCount > 1) { |
|
c = 140 - ta.value.length - (textArea.closest('form').find('textarea').index(ta) + 1).toString().length - splitedPostsCount.toString().length - 4; |
|
var reply_to = textArea.attr('data-reply-to'); |
|
if (typeof reply_to !== 'undefined' && |
|
!checkPostForMentions(ta.value, reply_to, 140 -c -reply_to.length)) |
|
c -= reply_to.length; |
|
} else |
|
c = 140 - ta.value.length; |
|
|
|
return c; |
|
} |
|
|
|
function replyTextKeySend(event) { |
|
if (event.keyCode === 13) { |
|
if ((!event.metaKey && !event.ctrlKey && $.Options.keysSend.val === 'enter' && |
|
$('.dropdown-menu').css('display') === 'none') |
|
|| ((event.metaKey || event.ctrlKey) && $.Options.keysSend.val === 'ctrlenter')) { |
|
var textArea = $(event.target); |
|
var textAreaForm = textArea.closest('form'); |
|
var buttonSend = textAreaForm.find('.post-submit'); |
|
if (!buttonSend.length) |
|
buttonSend = textAreaForm.find('.dm-submit'); |
|
|
|
if (buttonSend.length) { |
|
textArea.val(textArea.val().trim()); |
|
|
|
if (!buttonSend.hasClass('disabled')) |
|
buttonSend.click(); |
|
} |
|
} |
|
} |
|
} |
|
|
|
/* |
|
* unicode convertion list |
|
* k: original string to be replaced |
|
* u: unicode |
|
* n: index of char to be stored and appended to result |
|
*/ |
|
var unicodeConversionList = { |
|
'punctuation': [ |
|
{ |
|
'k': /\.\.\./, |
|
'u': '\u2026', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /\.\../, |
|
'u': '\u2025', |
|
'n': 2 |
|
}, |
|
{ |
|
'k': /\?\?/, |
|
'u': '\u2047', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /\?!/, |
|
'u': '\u2048', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /!\?/, |
|
'u': '\u2049', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /!!/, |
|
'u': '\u203C', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /--/, |
|
'u': '\u2014', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /~~/, |
|
'u': '\u2053', |
|
'n': -1 |
|
} |
|
], |
|
'emotions': [ |
|
{ |
|
'k': /:.{0,1}D/, |
|
'u': '\uD83D\uDE03', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /(0|O):-{0,1}\)/i, |
|
'u': '\uD83D\uDE07', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /:beer:/, |
|
'u': '\uD83C\uDF7A', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /3:-{0,1}\)/, |
|
'u': '\uD83D\uDE08', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /<3/, |
|
'u':'\u2764', |
|
'n': -1 |
|
}, |
|
// disabled due to urls :/ |
|
// { |
|
// 'k': /o.O|:\/|:\\/, |
|
// 'u': '\uD83D\uDE15', |
|
// 'n': -1 |
|
// }, |
|
{ |
|
'k': /:\'\(/, |
|
'u': '\uD83D\uDE22', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /(:|=)-{0,1}\(/, |
|
'u': '\uD83D\uDE1E', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /8(\)<|\|)/, |
|
'u': '\uD83D\uDE0E', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /(:|=)-{0,1}(\)|\])/, |
|
'u': '\uD83D\uDE0A', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /(\(|\[)-{0,1}(:|=)/, |
|
'u': '\uD83D\uDE0A', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /:\*/, |
|
'u': '\uD83D\uDE17', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /\^-{0,1}\^/, |
|
'u': '\uD83D\uDE06', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /:p/i, |
|
'u': '\uD83D\uDE1B', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /;-{0,1}\)/, |
|
'u': '\uD83D\uDE09', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /\(-{0,1};/, |
|
'u': '\uD83D\uDE09', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /:(O|0)/, |
|
'u': '\uD83D\uDE2E', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /:@/, |
|
'u': '\uD83D\uDE31', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /:\|/, |
|
'u': '\uD83D\uDE10', |
|
'n': -1 |
|
} |
|
], |
|
'signs': [ |
|
{ |
|
'k': / tel(|:|=)/i, |
|
'u': ' \u2121', |
|
'n': 4 |
|
}, |
|
{ |
|
'k': /^tel(|:|=)/i, |
|
'u': '\u2121', |
|
'n': 3 |
|
}, |
|
{ |
|
'k': / fax(|:|=)/i, |
|
'u': ' \u213B', |
|
'n': 4 |
|
}, |
|
{ |
|
'k': /^fax(|:|=)/i, |
|
'u': '\u213B', |
|
'n': 3 |
|
} |
|
], |
|
'fractions': [ |
|
{ |
|
'k': /1\/2/, |
|
'u': '\u00BD', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /1\/3/, |
|
'u': '\u2153', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /2\/3/, |
|
'u': '\u2154', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /1\/4/, |
|
'u': '\u00BC', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /3\/4/, |
|
'u': '\u00BE', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /1\/5/, |
|
'u': '\u2155', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /2\/5/, |
|
'u': '\u2156', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /3\/5/, |
|
'u': '\u2157', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /4\/5/, |
|
'u': '\u2158', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /1\/6/, |
|
'u': '\u2159', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /5\/6/, |
|
'u': '\u215A', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /1\/7/, |
|
'u': '\u2150', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /1\/8/, |
|
'u': '\u215B', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /3\/8/, |
|
'u': '\u215C', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /5\/8/, |
|
'u': '\u215D', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /7\/8/, |
|
'u': '\u215E', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /1\/9/, |
|
'u': '\u2151', |
|
'n': -1 |
|
}, |
|
{ |
|
'k': /1\/10/, |
|
'u': '\u2152', |
|
'n': -1 |
|
} |
|
]}; |
|
|
|
// Marks ranges in a message where unicode replacements will be ignored (inside URLs). |
|
function getRangesForUnicodeConversion(msg) { |
|
if (!msg) |
|
return; |
|
|
|
var tempMsg = msg; |
|
var results = []; |
|
var regexHttpStart = /http[s]?:\/\//; |
|
var regexHttpEnd = /[ \n\t]/; |
|
var start = 0, end, position, rep = true; |
|
|
|
position = tempMsg.search(regexHttpStart); |
|
while (position !== -1) { |
|
end = start + position; |
|
if (end > start) |
|
results.push({start: start, end: end, replace: rep}); |
|
rep = !rep; |
|
start = end; |
|
tempMsg = tempMsg.substring(position, tempMsg.length); |
|
|
|
if (rep === true) |
|
position = tempMsg.search(regexHttpStart); |
|
else |
|
position = tempMsg.search(regexHttpEnd); |
|
} |
|
|
|
end = msg.length; |
|
if (end > start) |
|
results.push({start: start, end: end, replace: rep}); |
|
|
|
return results; |
|
} |
|
|
|
function getUnicodeReplacement(msg, list, ranges, ta) { |
|
if (!msg || !list || !ranges) |
|
return; |
|
if (ranges.length === 0) |
|
return ''; |
|
|
|
var position, substrings = []; |
|
for (var j = 0; j < ranges.length; j++) { |
|
substrings[j] = msg.substring(ranges[j].start, ranges[j].end); |
|
if (ranges[j].replace === true) { |
|
for (var i = 0; i < list.length; i++) { |
|
position = substrings[j].search(list[i].k); |
|
if (position !== -1 && ta.data('disabledUnicodeRules').indexOf(list[i].u) === -1) { |
|
var oldSubstring = substrings[j]; |
|
substrings[j] = substrings[j].replace(list[i].k, list[i].u); |
|
|
|
var len = oldSubstring.length - substrings[j].length + list[i].u.length; |
|
ta.data('unicodeConversionStack').unshift({ |
|
'k': oldSubstring.substr(position, len), |
|
'u': list[i].u, |
|
'p': ranges[j].start + position |
|
}); |
|
} |
|
} |
|
} |
|
} |
|
var returnString = substrings[0]; |
|
for (var j = 1; j < ranges.length; j++) { |
|
returnString += substrings[j]; |
|
} |
|
return returnString; |
|
} |
|
|
|
function convert2Unicodes(s, ta) { |
|
if (!ta.data('unicodeConversionStack')) // A stack of undo steps |
|
ta.data('unicodeConversionStack', []); |
|
if (!ta.data('disabledUnicodeRules')) // A list of conversion rules that are temporarily disabled |
|
ta.data('disabledUnicodeRules', []); |
|
var ranges = getRangesForUnicodeConversion(s); |
|
|
|
if ($.Options.unicodeConversion.val === 'enable' || $.Options.convertPunctuationsOpt.val) |
|
s = getUnicodeReplacement(s, unicodeConversionList.punctuation, ranges, ta); |
|
if ($.Options.unicodeConversion.val === 'enable' || $.Options.convertEmotionsOpt.val) |
|
s = getUnicodeReplacement(s, unicodeConversionList.emotions, ranges, ta); |
|
if ($.Options.unicodeConversion.val === 'enable' || $.Options.convertSignsOpt.val) |
|
s = getUnicodeReplacement(s, unicodeConversionList.signs, ranges, ta); |
|
if ($.Options.unicodeConversion.val === 'enable' || $.Options.convertFractionsOpt.val) |
|
s = getUnicodeReplacement(s, unicodeConversionList.fractions, ranges, ta); |
|
|
|
if (ta.data('unicodeConversionStack').length > 0) { |
|
var ub = ta.closest('.post-area-new').find('.undo-unicode'); |
|
ub.text(polyglot.t('undo') + ': ' + ta.data('unicodeConversionStack')[0].u); |
|
$.MAL.enableButton(ub); |
|
} else |
|
$.MAL.disableButton(ta.closest('.post-area-new').find('.undo-unicode')); |
|
|
|
return s; |
|
} |
|
|
|
function undoLastUnicode(e) { |
|
e.stopPropagation(); |
|
e.preventDefault(); |
|
|
|
var $ta = $(this).closest('.post-area-new').find('textarea'); |
|
if ($ta.data('unicodeConversionStack').length === 0) |
|
return; |
|
|
|
var uc = $ta.data('unicodeConversionStack').shift(); |
|
|
|
var pt = $ta.val(); |
|
|
|
// If the text was shifted, and character is no longer at the saved position, this function |
|
// searches for it to the right. If it is not there, it searches in the oposite direction. |
|
// if it's not there either, it means it was deleted, so it is skipped. |
|
var substrLeft = pt.substring(0, uc.p); |
|
var substrRight = pt.substring(uc.p, pt.length); |
|
if (substrRight.search(uc.u) !== -1) { |
|
substrRight = substrRight.replace(uc.u, uc.k); |
|
$ta.val(substrLeft + substrRight); |
|
$ta.data('disabledUnicodeRules').push(uc.u); |
|
} else if (substrLeft.search(uc.u) !== -1) { |
|
var closestToTheLeft = substrLeft.lastIndexOf(uc.u); |
|
var substrCenter = substrLeft.substring(closestToTheLeft, substrLeft.length).replace(uc.u, uc.k); |
|
substrLeft = substrLeft.substring(0, closestToTheLeft); |
|
$ta.val(substrLeft + substrCenter + substrRight); |
|
$ta.data('disabledUnicodeRules').push(uc.u); |
|
} |
|
|
|
if ($ta.data('unicodeConversionStack').length > 0) |
|
$(this).text(polyglot.t('undo') + ': ' + $ta.data('unicodeConversionStack')[0].u); |
|
else { |
|
$(this).text('undo'); |
|
$.MAL.disableButton($(this)); |
|
} |
|
} |
|
|
|
function postSubmit(e, oldLastPostId) { |
|
var btnPostSubmit; |
|
|
|
if (e instanceof $) { |
|
btnPostSubmit = e; |
|
//check if previous part was sent... |
|
if (oldLastPostId === lastPostId) { |
|
setTimeout(postSubmit, 1000, btnPostSubmit, oldLastPostId); |
|
return; |
|
} |
|
} else { |
|
e.stopPropagation(); |
|
e.preventDefault(); |
|
btnPostSubmit = $(this); |
|
} |
|
$.MAL.disableButton(btnPostSubmit); |
|
|
|
var textArea = btnPostSubmit.closest('.post-area-new').find('textarea'); |
|
|
|
textArea.siblings('#post-preview').slideUp('fast'); |
|
|
|
var postData = btnPostSubmit.closest('.post-data'); |
|
if (!postData.length) { |
|
postData = btnPostSubmit.closest('.modal-content').find('.post-data'); |
|
} |
|
|
|
if (btnPostSubmit.hasClass('with-reference')) { |
|
var doSubmitPost = function (postText, postData) { |
|
newRtMsg(postData, postText); |
|
} |
|
} else { |
|
if (splitedPostsCount > 1) { |
|
if (textArea.length < splitedPostsCount) { |
|
//current part will be sent as reply to the previous part... |
|
postData = $('<div data-id="' + lastPostId + '" data-screen-name="' + defaultScreenName + '"></div>'); |
|
} |
|
} |
|
|
|
var doSubmitPost = function (postText, postData) { |
|
newPostMsg(postText, postData); |
|
} |
|
} |
|
|
|
if (textArea.length <= 1) { |
|
if (splitedPostsCount > 1) { |
|
var postText = ''; |
|
var reply_to = textArea.attr('data-reply-to'); |
|
var val = textArea.val(); |
|
if (typeof reply_to === 'undefined' || checkPostForMentions(val, reply_to, 140)) |
|
postText = val + ' (' + splitedPostsCount.toString() + '/' + splitedPostsCount.toString() + ')'; |
|
else |
|
postText = reply_to + val + ' (' + splitedPostsCount.toString() + '/' + splitedPostsCount.toString() + ')'; |
|
|
|
doSubmitPost(postText, postData); |
|
} else |
|
doSubmitPost(textArea.val(), postData); |
|
|
|
splitedPostsCount = 1; |
|
} else { |
|
var postText = ''; |
|
var reply_to = textArea.attr('data-reply-to'); |
|
var val = textArea[0].value; |
|
if (typeof reply_to === 'undefined' || checkPostForMentions(val, reply_to, 140)) |
|
postText = val + ' (' + (splitedPostsCount - textArea.length + 1).toString() + '/' + splitedPostsCount.toString() + ')'; |
|
else |
|
postText = reply_to + val + ' (' + (splitedPostsCount - textArea.length + 1).toString() + '/' + splitedPostsCount.toString() + ')'; |
|
|
|
$(textArea[0]).remove(); |
|
|
|
doSubmitPost(postText, postData); |
|
setTimeout(postSubmit, 1000, btnPostSubmit, lastPostId); |
|
|
|
return; |
|
} |
|
|
|
if (btnPostSubmit.closest('.prompt-wrapper').length) |
|
closePrompt(btnPostSubmit); |
|
else { |
|
textArea.val('').attr('placeholder', polyglot.t('Your message was sent!')); |
|
btnPostSubmit.closest('form').find('.post-area-remaining').text('140'); |
|
|
|
if (btnPostSubmit.closest('.post-area,.post-reply-content')) { |
|
$('.post-area-new').removeClass('open').find('textarea').blur(); |
|
}; |
|
textArea.data('unicodeConversionStack', []); |
|
textArea.data('disabledUnicodeRules', []); |
|
} |
|
} |
|
|
|
function retweetSubmit(event) { |
|
event.preventDefault(); |
|
event.stopPropagation(); |
|
|
|
var prompt = $(event.target).closest('.prompt-wrapper'); |
|
|
|
newRtMsg(prompt.find('.post-data')); |
|
closePrompt(prompt); |
|
} |
|
|
|
function changeStyle() { |
|
var style, profile, menu; |
|
var theme = $.Options.theme.val; |
|
|
|
if (theme === 'nin') { |
|
style = 'theme_nin/css/style.css'; |
|
profile = 'theme_nin/css/profile.css'; |
|
$.getScript('theme_nin/js/theme_option.js'); |
|
} else if (theme === 'calm') { |
|
style = 'theme_calm/css/style.css'; |
|
profile = 'theme_calm/css/profile.css'; |
|
} else if (theme === 'original') { |
|
style = 'css/style.css'; |
|
profile = 'css/profile.css'; |
|
$.getScript('theme_original/js/theme_option.js'); |
|
} |
|
|
|
$('#stylecss').attr('href', style); |
|
$('#profilecss').attr('href', profile); |
|
$('<style type="text/css"> .selectable_theme:not(.theme_' + theme + ')' + |
|
'{display:none!important;}\n</style>').appendTo('head'); |
|
setTimeout(function() {$(menu).removeAttr('style');}, 0); |
|
} |
|
|
|
function getMentionsForAutoComplete() { |
|
if (defaultScreenName && typeof followingUsers !== 'undefined') { |
|
var suggests = followingUsers.slice(); |
|
|
|
if (suggests.indexOf(defaultScreenName) > -1) |
|
suggests.splice(suggests.indexOf(defaultScreenName), 1); |
|
if (suggests.length > 0) { |
|
suggests.sort(); |
|
|
|
return [{ |
|
mentions: suggests, |
|
match: /\B@(\w*)$/, |
|
search: function (term, callback) { |
|
callback($.map(this.mentions, function (mention) { |
|
return mention.indexOf(term) === 0 ? mention : null; |
|
})); |
|
}, |
|
index: 1, |
|
replace: function (mention) { |
|
return '@'+mention+' '; |
|
} |
|
}]; |
|
} |
|
} |
|
} |
|
|
|
function replaceDashboards() { |
|
var width = $(window).width(); |
|
var wrapper = $('.wrapper'); |
|
|
|
if (width >= 1200 && !wrapper.hasClass('w1200')) { |
|
wrapper.addClass('w1200'); |
|
$('.userMenu').addClass('w1200'); |
|
$('.module.who-to-follow').detach().appendTo($('.dashboard.right')); |
|
$('.module.twistday-reminder').detach().appendTo($('.dashboard.right')); |
|
$('#modals-minimized').addClass('w1200'); |
|
} else if (width < 1200 && wrapper.hasClass('w1200')) { |
|
wrapper.removeClass('w1200'); |
|
$('.userMenu').removeClass('w1200'); |
|
$('.module.who-to-follow').detach().insertAfter($('.module.mini-profile')); |
|
$('.module.twistday-reminder').detach().insertAfter($('.module.toptrends')); |
|
$('#modals-minimized').removeClass('w1200'); |
|
} |
|
} |
|
|
|
function initInterfaceCommon() { |
|
twister.tmpl.commonDMsList = extractTemplate('#template-direct-messages-list'); |
|
|
|
$('.modal-close, .modal-blackout').not('.prompt-close').on('click', closeModal); |
|
|
|
$('.minimize-modal').on('click', function (event) { |
|
minimizeModal($(event.target).closest('.modal-wrapper')); |
|
}); |
|
|
|
$('.modal-back').on('click', function() {history.back();}); |
|
|
|
$('.prompt-close').on('click', closePrompt); |
|
|
|
$('button.follow').on('click', clickFollow); |
|
|
|
$('.following-config-method-buttons .public-following').on('click', function(event) { |
|
setFollowingMethod(event); |
|
closePrompt(event); |
|
}); |
|
|
|
$('.open-followers').on('mouseup', {route: '#followers'}, routeOnClick); |
|
|
|
$('.post-text').on('click', 'a', muteEvent); |
|
$('.post-reply').on('click', postReplyClick); |
|
$('.post-propagate').on('click', reTwistPopup); |
|
$('.userMenu-config').clickoutside(closeThis.bind($('.config-menu'))); |
|
$('.userMenu-config-dropdown').on('click', dropDownMenu); |
|
$('#post-template.module.post').on('click', function(event) { |
|
if (event.button === 0 && window.getSelection() == 0) |
|
postExpandFunction(event, $(this)); |
|
}); |
|
$('.post-area-new') |
|
.on('click', function(e) {composeNewPost(e, $(this));}) |
|
.clickoutside(unfocusThis) |
|
.children('textarea') |
|
.on({ |
|
'focus': posPostPreview, |
|
'input': replyTextInput, // input event fires in modern browsers (IE9+) on any changes in textarea (and copypasting with mouse too) |
|
'input focus': replyTextUpdateRemaining, |
|
'keyup': replyTextKeySend |
|
}) |
|
; |
|
$('.post-submit').on('click', postSubmit); |
|
$('.modal-propagate').on('click', retweetSubmit); |
|
$('.expanded-content .show-more').on('mouseup', |
|
{feeder: '.module.post.original.open .module.post.original .post-data'}, openConversationClick) |
|
.on('click', muteEvent) // to prevent post collapsing |
|
; |
|
if ($.Options.unicodeConversion.val === 'disable') |
|
$('.undo-unicode').on('click', undoLastUnicode).css('display', 'none'); |
|
else |
|
$('.undo-unicode').on('click', undoLastUnicode); |
|
|
|
$('.open-profile-modal').on('click', muteEvent); |
|
//$('.open-hashtag-modal').on('click', openHashtagModal); |
|
//$('.open-following-modal').on('click', openFollowingModal); |
|
$('.userMenu-connections a').on('click', openMentionsModal); |
|
$('.mentions-from-user').on('click', openMentionsModal); |
|
|
|
$('#hashtag-modal-template .postboard-news').on('click', function () { |
|
$(this).hide(); |
|
displayQueryPending($('.hashtag-modal .postboard-posts')); |
|
}); |
|
|
|
replaceDashboards(); |
|
$(window).resize(replaceDashboards); |
|
|
|
$('.profile-card .profile-bio .group-description') |
|
.on('focus', function (event) { |
|
$(event.target) |
|
.siblings('.save').show() |
|
.siblings('.cancel').show() |
|
; |
|
}) |
|
.on('input', |
|
{parentSelector: '.profile-bio', enterSelector: '.save'}, inputEnterActivator) |
|
.siblings('.save').on('click', function (event) { |
|
var elemEvent = $(event.target); |
|
var descElem = elemEvent.siblings('.group-description'); |
|
|
|
groupMsgSetGroupDescription(elemEvent.closest('.profile-card').attr('data-screen-name'), |
|
descElem.val().trim(), |
|
function(req) { |
|
req.descElem.attr('val-origin', req.descElem.val().trim()) |
|
.siblings('.save').hide() |
|
.siblings('.cancel').hide() |
|
; |
|
}, {descElem: descElem} |
|
); |
|
}) |
|
.siblings('.cancel').on('click', function (event) { // FIXME it would be nice to bind some 'clickoutside' event instead and remove cancel button, but current implementation of that doesn't unbind events when element dies |
|
var descElem = $(event.target).hide() |
|
.siblings('.save').hide() |
|
.siblings('.group-description') |
|
; |
|
|
|
descElem.val(descElem.attr('val-origin')); |
|
}) |
|
; |
|
|
|
$('.tox-ctc').on('click', promptCopyAttrData); |
|
$('.bitmessage-ctc').on('click', promptCopyAttrData); |
|
|
|
if ($.fn.textcomplete) { |
|
$('.post-area-new textarea') |
|
.on('focus', {req: getMentionsForAutoComplete}, setTextcompleteOnEventTarget) |
|
.on('focusout', unsetTextcompleteOnEventTarget) |
|
; |
|
} |
|
} |
|
|
|
function extractTemplate(selector) { |
|
return $(selector).appendTo(twister.tmpl.root).children(); |
|
} |
|
|
|
function promptCopyAttrData(event) { |
|
window.prompt(polyglot.t('copy_to_clipboard'), $(event.target).attr('data')); |
|
} |
|
|
|
function initInterfaceModule(module) { |
|
return $('.module.'+module).html($('#'+module+'-template').html()).show(); |
|
} |
|
|
|
function killInterfaceModule(module) { |
|
$('.module.'+module).empty().hide(); |
|
} |
|
|
|
function elemFitNextIntoParentHeight(elem) { |
|
var parent = elem.parent(); |
|
var elemNext = elem.nextAll(); |
|
var elemNextHeight = parent.actual('height') - elem.actual('outerHeight', {includeMargin: true}); |
|
|
|
if (elemNextHeight > 0) // FIXME actually it's here because of nin theme's two vertical columns layout of profile modal |
|
elemNext.outerHeight(elemNextHeight); |
|
else |
|
elemNext.outerHeight(parent.actual('outerHeight')); |
|
} |
|
|
|
function inputEnterActivator(event) { |
|
var elemEvent = $(event.target); |
|
elemEvent.closest(event.data.parentSelector).find(event.data.enterSelector) |
|
.attr('disabled', elemEvent.val().trim() === ''); |
|
} |
|
|
|
function importSecretKeypress(event) { // FIXME rename |
|
var elemModule = $(event.target).closest('.module'); |
|
var elemEnter = elemModule.find('.import-secret-key'); |
|
var secretKey = elemModule.find('.secret-key-import').val(); |
|
var peerAlias = elemModule.find('.username-import').val().toLowerCase(); |
|
|
|
if (secretKey.length === 52 && peerAlias.length) |
|
$.MAL.enableButton(elemEnter); |
|
else |
|
$.MAL.disableButton(elemEnter); |
|
} |
|
|
|
function setTextcompleteOnEventTarget(event) { |
|
// cursor has not set yet and we need to wait 100ms to skip global click event |
|
setTimeout(setTextcompleteOnElement, 100, event.target, |
|
typeof event.data.req === 'function' ? event.data.req() : event.data.req); |
|
} |
|
|
|
function setTextcompleteOnElement(elem, req) { |
|
elem = $(elem); |
|
elem.textcomplete(req, { |
|
appendTo: (elem.closest('.dashboard').length) ? elem.parent() : $('body'), |
|
listPosition: setTextcompleteDropdownListPos |
|
}); |
|
} |
|
|
|
function unsetTextcompleteOnEventTarget(event) { |
|
$(event.target).textcomplete('destroy'); |
|
} |
|
|
|
// following workaround function is for calls from $.fn.textcomplete only |
|
// we need this because currently implementation of caret position detection is way too imperfect |
|
function setTextcompleteDropdownListPos(position) { |
|
position = this._applyPlacement(position); |
|
|
|
if (this.option.appendTo.closest('.dashboard').length > 0) { |
|
position.position = 'fixed'; |
|
position.top = (parseFloat(position.top) - window.pageYOffset).toString() + 'px'; |
|
} else |
|
position.position = 'absolute'; |
|
|
|
this.$el.css(position); |
|
|
|
return this; |
|
} |
|
|
|
$(document).ready(function () { |
|
twister.html.blanka.appendTo('body').hide(); |
|
twister.tmpl.followersList = extractTemplate('#template-followers-list'); |
|
twister.tmpl.followersPeer = extractTemplate('#template-followers-peer'); |
|
twister.tmpl.followingList = extractTemplate('#template-following-list'); |
|
twister.tmpl.followingUser = extractTemplate('#template-following-user'); |
|
twister.tmpl.commonDMsListItem = extractTemplate('#template-direct-messages-list-item') |
|
.on('mouseup', function (event) { |
|
event.data = {route: |
|
$.MAL.dmchatUrl($(event.target).closest('.module').attr('data-screen-name'))}; |
|
routeOnClick(event); |
|
}) |
|
; |
|
twister.tmpl.postRtReference = extractTemplate('#template-post-rt-reference') |
|
.on('mouseup', {feeder: '.post-rt-reference'}, openConversationClick) |
|
.on('click', muteEvent) // to prevent post expanding or collapsing |
|
; |
|
twister.tmpl.postRtBy = extractTemplate('#template-post-rt-by'); |
|
|
|
var path = window.location.pathname; |
|
var page = path.split("/").pop(); |
|
if (page.indexOf("login.html") === 0) { |
|
initInterfaceLogin(); |
|
} else if (page.indexOf("network.html") === 0) { |
|
initInterfaceNetwork(); |
|
} else if (page.indexOf('options.html') === 0) { |
|
initInterfaceCommon(); |
|
$.Options.initControls(); |
|
} else if (page.indexOf("profile-edit.html") === 0) { |
|
initProfileEdit(); |
|
} |
|
|
|
changeStyle(); |
|
});
|
|
|