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.
592 lines
21 KiB
592 lines
21 KiB
// mobile_abstract.js |
|
// 2013 Miguel Freitas |
|
// |
|
// Mobile Abstration Layer |
|
// Try to sort out lowlevel differences between jquery and jquery mobile twister interfaces |
|
|
|
var MAL = function() |
|
{ |
|
this.postboardLoading = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.showPageLoadingMsg(); |
|
/* |
|
setTimeout(function(){ |
|
$.mobile.hidePageLoadingMsg(); |
|
}, 10 * 1000); |
|
*/ |
|
} else { |
|
$(".postboard-loading").show(); |
|
} |
|
} |
|
|
|
this.postboardLoaded = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.hidePageLoadingMsg(); |
|
var curPage = $.mobile.activePage.attr("id"); |
|
$( '#'+curPage+' .content ul.posts').listview('refresh'); |
|
|
|
installPostboardClick(); |
|
} else { |
|
$(".postboard-loading").hide(); // FIXME need to decide which one we need to hide actually |
|
} |
|
} |
|
|
|
this.commonDMsListLoaded = function () { |
|
if ($.hasOwnProperty('mobile')) { |
|
$.mobile.hidePageLoadingMsg(); |
|
$('#directmsg .direct-messages-list').listview('refresh'); |
|
} else { |
|
} |
|
}; |
|
|
|
this.dmConversationLoaded = function (dmConvo) { |
|
if ($.hasOwnProperty('mobile')) { |
|
$.mobile.hidePageLoadingMsg(); |
|
$('#dmchat .direct-messages-thread').listview('refresh'); |
|
$.mobile.silentScroll($('.dm-form').offset().top); |
|
} else { |
|
var modalContent = dmConvo.closest('.modal-content'); |
|
modalContent.scrollTop(modalContent[0].scrollHeight); |
|
} |
|
}; |
|
|
|
this.relatedPostLoaded = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.hidePageLoadingMsg(); |
|
var curPage = $.mobile.activePage.attr("id"); |
|
$( '#'+curPage+' .content ul.posts').listview('refresh'); |
|
} else { |
|
$(".postboard-loading").hide(); |
|
} |
|
} |
|
|
|
this.warnFollowingNotAny = function(cbFunc, cbReq) { |
|
if ($.hasOwnProperty('mobile')) |
|
alert(polyglot.t('warn_following_not_any')); |
|
else |
|
alertPopup({ |
|
//txtTitle: polyglot.t(''), add some title (not 'error', please) or KISS |
|
txtMessage: polyglot.t('warn_following_not_any'), |
|
cbConfirm: cbFunc, |
|
cbConfirmReq: cbReq, |
|
cbClose: 'cbConfirm' |
|
}); |
|
}; |
|
|
|
this.followingListLoaded = function(followingList) { |
|
if ($.hasOwnProperty('mobile')) { |
|
$.mobile.hidePageLoadingMsg(); |
|
followingList.listview('refresh'); |
|
} else |
|
followingList.find('.loading-roller').hide(); |
|
}; |
|
|
|
this.searchUserListLoaded = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.hidePageLoadingMsg(); |
|
$(".userMenu-search-profiles").listview('refresh'); |
|
} else { |
|
var $searchResultsModal = $( ".search-results" ); |
|
$searchResultsModal.slideDown( "fast" ); |
|
} |
|
} |
|
|
|
this.reportNewPosts = function(newPosts) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
var newTweetsBar = $(".timeline-refresh .ui-btn-text"); |
|
if( newPosts ) { |
|
document.title = "(" + String(newPosts) + ") twister"; |
|
newTweetsBar.text("(" + String(newPosts) + ")"); |
|
} else { |
|
document.title = "twister"; |
|
newTweetsBar.text("Refresh"); |
|
} |
|
} else { |
|
var newTweetsBar = $(".wrapper").find(".postboard-news"); |
|
var newTweetsBarMenu = $(".userMenu").find(".menu-news"); // added for home menu entry |
|
if( newPosts ) { |
|
document.title = "(" + String(newPosts) + ") twister"; |
|
newTweetsBar.text(polyglot.t("new_posts", newPosts)); |
|
newTweetsBar.fadeIn("slow"); |
|
newTweetsBarMenu.text(String(newPosts)); |
|
newTweetsBarMenu.addClass("show"); |
|
|
|
if ($.Options.showDesktopNotifPosts.val === 'enable') { |
|
this.showDesktopNotification({ |
|
body: polyglot.t('You got') + ' ' + polyglot.t('new_posts', newPosts) + ' ' |
|
+ polyglot.t('in postboard') + '.', |
|
tag: 'twister_notification_new_posts', |
|
timeout: $.Options.showDesktopNotifPostsTimer.val, |
|
funcClick: (function() { |
|
requestTimelineUpdate('pending', this.postsCount, followingUsers, promotedPostsOnly); |
|
}).bind({postsCount: newPosts}) |
|
}); |
|
} |
|
} else { |
|
newTweetsBar.hide(); |
|
newTweetsBar.text(""); |
|
newTweetsBarMenu.text(""); |
|
newTweetsBarMenu.removeClass("show"); |
|
document.title = "twister"; |
|
} |
|
} |
|
} |
|
|
|
this.getStreamPostsParent = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return $( '.timeline ul'); |
|
} else { |
|
return $("#posts"); |
|
} |
|
} |
|
|
|
this.setPostTemplate = function(p) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
this.postTemplate = p; |
|
} |
|
} |
|
|
|
this.getPostTemplate = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return this.postTemplate; |
|
} else { |
|
return $("#post-template"); |
|
} |
|
} |
|
|
|
// how do we map usernames into urls |
|
this.userUrl = function(username) { |
|
//if( $.hasOwnProperty("mobile") ) { |
|
// return "#profile?user=" + username; |
|
//} else { |
|
if (username[0] === '*') |
|
return "#profile?group=" + username; |
|
else |
|
return "#profile?user=" + username; |
|
//} |
|
}; |
|
|
|
// recover username from url (only for hash) |
|
this.urlToUser = function(url) { |
|
var dummyUrl = this.userUrl(""); |
|
var urlIdx = url.indexOf(dummyUrl); |
|
if( urlIdx >= 0 ) |
|
return url.substr(urlIdx + dummyUrl.length); |
|
else |
|
return ""; |
|
} |
|
|
|
this.followingUrlToUser = function(url) { |
|
var dummyUrl = this.followingUrl(""); |
|
var urlIdx = url.indexOf(dummyUrl); |
|
if( urlIdx >= 0 ) |
|
return url.substr(urlIdx + dummyUrl.length); |
|
else |
|
return ""; |
|
} |
|
|
|
this.mentionsUrl = function(username) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return "#mentions?user=" + username; |
|
} else { |
|
return "#mentions?user=" + username; |
|
} |
|
} |
|
|
|
this.hashtagUrl = function(h) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return "#hashtag?hashtag=" + h; |
|
} else { |
|
return "#hashtag?hashtag=" + h; |
|
} |
|
} |
|
|
|
this.dmchatUrl = function (alias) { |
|
if ($.hasOwnProperty('mobile')) { |
|
return '#dmchat?user=' + alias; |
|
} else { |
|
return '#directmessages?' + (alias[0] === '*' ? 'group' : 'user') + '=' + alias; |
|
} |
|
}; |
|
|
|
this.followingUrl = function(username) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return "#following?user=" + username; |
|
} else { |
|
return "#following?user=" + username; |
|
} |
|
} |
|
|
|
this.followUrl = function(username) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return "#following?follow=" + username; |
|
} else { |
|
return "#following?follow=" + username; |
|
} |
|
} |
|
|
|
this.unfollowUrl = function(username) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return "#following?unfollow=" + username; |
|
} else { |
|
return "#following?unfollow=" + username; |
|
} |
|
} |
|
|
|
this.newPostToUrl = function(username) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return "#newmsg?replyto=" + encodeURIComponent("@"+username); |
|
} else { |
|
return "#newmsg?replyto=" + encodeURIComponent("@"+username); |
|
} |
|
} |
|
|
|
this.newPostHashtagToUrl = function(hashtag) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
return "#newmsg?replyto=" + encodeURIComponent("#"+hashtag); |
|
} else { |
|
return "#newmsg?replyto=" + encodeURIComponent("#"+hashtag); |
|
} |
|
} |
|
|
|
|
|
this.updateNewMentionsUI = function(newMentions) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
var $mentionsCounterBtnText = $(".mentions-count .ui-btn-text"); |
|
if( newMentions ) { |
|
$mentionsCounterBtnText.text("@ (" + newMentions + ")"); |
|
} else { |
|
$mentionsCounterBtnText.text("@"); |
|
} |
|
} else { |
|
var $mentionsCounter = $(".userMenu-connections .messages-qtd"); |
|
if( newMentions ) { |
|
$mentionsCounter.text(newMentions); |
|
$mentionsCounter.fadeIn(); |
|
} else { |
|
$mentionsCounter.hide(); |
|
} |
|
} |
|
} |
|
|
|
this.updateNewDMsUI = function(newDMs) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
var $DMsCounterAllPages = $(".newdms-count"); |
|
for( var i = 0; i < $DMsCounterAllPages.length; i++) { |
|
var $textElement = $DMsCounterAllPages.eq(i).find(".ui-btn-text"); |
|
if( !$textElement.length ) $textElement = $DMsCounterAllPages.eq(i); |
|
if( newDMs ) { |
|
$textElement.text("Direct Msg (" + newDMs + ")"); |
|
} else { |
|
$textElement.text("Direct Msg"); |
|
} |
|
} |
|
} else { |
|
var $DMsCounter = $(".userMenu-messages .messages-qtd"); |
|
if( newDMs ) { |
|
$DMsCounter.text(newDMs); |
|
$DMsCounter.fadeIn(); |
|
} else { |
|
$DMsCounter.hide(); |
|
} |
|
} |
|
} |
|
|
|
this.updateNewGroupDMsUI = function(newDMs) { |
|
if( $.hasOwnProperty('mobile') ) { |
|
} else { |
|
var DMsCounter = $('.userMenu-groupmessages .messages-qtd'); |
|
if (newDMs) { |
|
DMsCounter.text(newDMs).fadeIn(); |
|
} else { |
|
DMsCounter.hide(); |
|
} |
|
} |
|
} |
|
|
|
this.updateMyOwnPostCount = function(numPosts) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
console.log("FIXME: implement MAL_updateMyOwnPostCount"); |
|
} else { |
|
$(".mini-profile .posts-count").text(numPosts); |
|
} |
|
} |
|
|
|
this.goHome = function(clearTimeline) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.navigate( "#home" ); |
|
} else { |
|
window.location.href = "home.html"; |
|
} |
|
} |
|
|
|
this.goLogin = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.navigate( "#login" ); |
|
} else { |
|
window.location.href = "login.html"; |
|
} |
|
} |
|
|
|
this.goNetwork = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.navigate( "#network" ); |
|
} else { |
|
window.location.href = "network.html"; |
|
} |
|
} |
|
|
|
this.goProfileEdit = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.navigate( "#profile-edit" ); |
|
} else { |
|
window.location.href = "profile-edit.html"; |
|
} |
|
} |
|
|
|
this.showMentions = function(username) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$.mobile.navigate( this.mentionsUrl(username) ); |
|
} else { |
|
if ($(".postboard").length) { |
|
openMentionsModal(); |
|
} else { |
|
window.location.href = 'home.html'+this.mentionsUrl(username); |
|
} |
|
} |
|
} |
|
|
|
this.showDMchat = function(req) { |
|
if (typeof req !== 'object') |
|
req = {}; |
|
if (req.alias) { |
|
if ($.hasOwnProperty('mobile')) { |
|
$.mobile.navigate(this.dmchatUrl(req.alias)); |
|
} else { |
|
if ($('.postboard').length) { |
|
window.location.hash = this.dmchatUrl(req.alias); |
|
} else { |
|
window.location.href = 'home.html'+this.dmchatUrl(req.alias); |
|
} |
|
} |
|
} else { |
|
if ($.hasOwnProperty('mobile')) { |
|
$.mobile.navigate('#' + (req.group ? '' : 'directmsg')); // FIXME add group messages to tmobile |
|
} else { |
|
if ($('.postboard').length) { |
|
window.location.hash = '#' + (req.group ? 'groupmessages' : 'directmessages'); |
|
} else { |
|
window.location.href = 'home.html#' + (req.group ? 'groupmessages' : 'directmessages'); |
|
} |
|
} |
|
} |
|
}; |
|
|
|
this.setNetworkStatusMsg = function(msg, statusGood) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$(".network-status").text(msg); |
|
if( statusGood ) { |
|
$(".connection-status").addClass("connected"); |
|
} else { |
|
$(".connection-status").removeClass("connected"); |
|
} |
|
} else { |
|
$(".network-status").text(msg); |
|
if( statusGood ) { |
|
$(".connection-status").addClass("connected"); |
|
} else { |
|
$(".connection-status").removeClass("connected"); |
|
} |
|
} |
|
} |
|
|
|
this.enableButton = function( $button ) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$button.button("enable"); |
|
} else { |
|
$button.removeClass("disabled"); |
|
$button.removeAttr("disabled"); |
|
} |
|
} |
|
|
|
this.disableButton = function( $button ) { |
|
if( $.hasOwnProperty("mobile") ) { |
|
$button.button("disable"); |
|
} else { |
|
$button.addClass("disabled"); |
|
$button.attr("disabled","true"); |
|
} |
|
} |
|
|
|
this.changedUser = function() { |
|
if( $.hasOwnProperty("mobile") ) { |
|
timelineChangedUser(); |
|
$("#home .posts").html(""); |
|
newmsgsChangedUser(); |
|
followingChangedUser(); |
|
twisterInitialized = false; |
|
} else { |
|
window.location.href = "home.html"; |
|
} |
|
} |
|
|
|
this.soundNotifyMentions = function() { |
|
if ($.mobile) { |
|
} else { |
|
if ($.Options.sndMention.val !== 'false') |
|
playSound('player', $.Options.sndMention.val); |
|
} |
|
}; |
|
|
|
this.soundNotifyDM = function() { |
|
if ($.mobile) { |
|
} else { |
|
if ($.Options.sndDM.val !== 'false') |
|
playSound('playerSec', $.Options.sndDM.val); |
|
} |
|
}; |
|
|
|
this.showDesktopNotification = function(req) { |
|
if (Notify.needsPermission) { |
|
Notify.requestPermission(false, req.funcPermDenied); |
|
return; |
|
} |
|
|
|
if (!req.title) |
|
req.title = polyglot.t('notify_desktop_title'); |
|
if (!req.icon) |
|
req.icon = '../img/twister_mini.png'; |
|
if (!req.tag) |
|
req.tag = 'twister_notification'; |
|
if (!req.timeout) |
|
req.timeout = 2592000; // 60 * 60 * 24 * 30, one month |
|
|
|
if (typeof req.funcClick === 'function') |
|
req.funcClick = (function() {window.focus(); this.funcClick();}) |
|
.bind({funcClick: req.funcClick}); |
|
else |
|
req.funcClick = function() {window.focus();} |
|
|
|
var desktopNotification = new Notify(req.title, { |
|
body: req.body, |
|
icon: req.icon, |
|
tag: req.tag, |
|
timeout: req.timeout, |
|
notifyClick: req.funcClick, |
|
notifyError: function() {alert(polyglot.t('notify_desktop_error'));} |
|
}); |
|
desktopNotification.show(); |
|
}; |
|
|
|
this.reqRepAfterCB = function(postLi, postsFromJson) { |
|
if ($.hasOwnProperty("mobile")) { |
|
for( var i = 0; i < postsFromJson.length; i++) { |
|
var newStreamPost = postToElem(postsFromJson[i], "related"); |
|
newStreamPost.hide(); |
|
postLi.after(newStreamPost); |
|
newStreamPost.slideDown("fast"); |
|
} |
|
} else { |
|
var $replist = $('<ol class="sub-replies"></ol>'); |
|
var $newli = $('<li class="post-replies"></li>'); |
|
postLi.after($newli); |
|
$newli.append($replist); |
|
for (var i = 0; i < postsFromJson.length && $.MAL.getExpandedPostsCount(postLi) < maxExpandPost; i++) { |
|
var newStreamPost = postToElem(postsFromJson[i], "related"); |
|
newStreamPost.hide(); |
|
$replist.prepend(newStreamPost); |
|
newStreamPost.slideDown("fast"); |
|
requestRepliesAfter(newStreamPost); |
|
} |
|
} |
|
$.MAL.relatedPostLoaded(); |
|
}; |
|
|
|
this.getExpandedPostsCount = function(postLi) { |
|
if ($.hasOwnProperty('mobile')) { |
|
return postLi.siblings().length; |
|
} else { |
|
return postLi.closest('.module.post.original.open').find('.post.related').length; |
|
} |
|
}; |
|
} |
|
|
|
jQuery.MAL = new MAL; |
|
|
|
function playSound(player, sound) { |
|
if ($.mobile) { |
|
} else { |
|
var player = $('#'+player); |
|
if (player.length) { |
|
player[0].pause(); |
|
//player.empty(); |
|
|
|
if (player[0].canPlayType('audio/mpeg;')) |
|
player.attr({type: 'audio/mpeg', src: 'sound/' + sound + '.mp3'}); |
|
else |
|
player.attr({type: 'audio/ogg', src: 'sound/' + sound + '.ogg'}); |
|
|
|
player[0].volume = $.Options.playerVol.val; |
|
player[0].play(); |
|
} else |
|
console.warn('cannot find player to play sound, selector: #'+player); |
|
} |
|
} |
|
|
|
function filterLang(string) { |
|
var langFilterMode = $.Options.filterLang.val; |
|
|
|
if (langFilterMode !== 'disable') { |
|
var langFilterSubj = ''; |
|
var langFilterProb = []; |
|
var langFilterPass = true; |
|
var langFilterReason = ''; |
|
var langFilterList = $.Options.filterLangList.val; |
|
|
|
if (langFilterList.length > 0) { |
|
var langFilterAccuracy = $.Options.filterLangAccuracy.val; |
|
langFilterPass = (langFilterMode === 'whitelist') ? false : true; |
|
langFilterReason = polyglot.t('this doesnt contain that', {'this': polyglot.t(langFilterMode), 'that': polyglot.t('language of this')}); |
|
|
|
// before detection attempts we cut out any mentions and links, and replace _ with space |
|
langFilterSubj = string.replace(/@\S\w*|https?:\/\/\S*/g, '').replace(/_+/g, ' ') |
|
// cut out common frequently used words FIXME I believe there is a list of similar international stuff somewhere outside which is waiting for us, we should just find it |
|
.replace(/\btwister|tox|github|linux|ubuntu|debian|windows|google|twitter|facebook|microsoft|ping|pong|email|javascript\b/ig, '') |
|
// replace zero-width word boundaries, such as between letters from different alphabets [or other symbols], with spaces |
|
// FIXME not so good idea because 'Za pomocą białej listy' may turn into 'Za pomoc ą bia ł ej listy' for e.g. |
|
// FIXME but first one was recognized as 'hrv' and second as 'pol' and you know it's 'pol' actually |
|
.replace(/\b/g, ' ') |
|
// cut out some more symbols |
|
.replace(/[#<>\.,:;\?\!\*\[\]\(\)\{\}\-\+\=\^\\\/0-9\u201C\u201D\u2026\u2014\u4E00\u3002\uFF0C\uFF1A\uFF1F\uFF01\u3010\u3011]/g, '') // unicode escaped stuff is '“”…—一。，：？！【】' |
|
// clear unwanted spaces |
|
.replace(/\s+/g, ' ').trim(); |
|
|
|
langFilterProb = franc.all(langFilterSubj, {'minLength': 2}); // FIXME minLength may become configurable option at some time |
|
for (var i = 0; i < langFilterProb.length; i++) { |
|
if (langFilterProb[i][1] > langFilterAccuracy) { |
|
if (langFilterProb[i][0] === 'und') { // e.g. digits-only string will be detected as undefined and thereby will be allowed |
|
langFilterPass = true; |
|
langFilterReason = polyglot.t('its undefined language'); |
|
break; |
|
} else if (langFilterList.indexOf(langFilterProb[i][0]) > -1) { |
|
if (langFilterMode === 'whitelist') { |
|
langFilterPass = true; |
|
langFilterReason = polyglot.t('its this, whitelisted', {'this': '\''+langFilterProb[i][0]+'\''}); |
|
break; |
|
} else { |
|
langFilterPass = false; |
|
langFilterReason = polyglot.t('its this, blacklisted', {'this': '\''+langFilterProb[i][0]+'\''}); |
|
break; |
|
} |
|
} |
|
} |
|
} |
|
} else { |
|
langFilterReason = polyglot.t('this is undefined', {'this': polyglot.t(langFilterMode)}); |
|
} |
|
|
|
//console.log('langFilter | status: '+((langFilterPass === true) ? polyglot.t('passed') : polyglot.t('blocked'))+' | reason: '+langFilterReason+' | subject: \''+langFilterSubj+'\''); |
|
return {'subj': langFilterSubj, 'prob': langFilterProb, 'pass': langFilterPass, 'reason': langFilterReason}; |
|
} |
|
} |
|
|
|
|