// 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.loading('show'); /* setTimeout(function(){ $.mobile.loading('hide'); }, 10 * 1000); */ } else { $(".postboard-loading").show(); } } this.postboardLoaded = function() { if( $.hasOwnProperty("mobile") ) { $.mobile.loading('hide'); 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.loading('hide'); $('#directmsg .direct-messages-list').listview('refresh'); } else { } }; this.dmConversationLoaded = function (dmConvo) { if ($.hasOwnProperty('mobile')) { $.mobile.loading('hide'); $('#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.loading('hide'); 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.listLoaded = function (list) { if ($.hasOwnProperty('mobile')) { $.mobile.loading('hide'); list.listview('refresh'); } else list.find('.loading-roller').hide(); }; this.searchUserListLoaded = function() { if( $.hasOwnProperty("mobile") ) { $.mobile.loading('hide'); $(".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"); } } // 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.hash = '#/login'; } }; 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.hash = '#/account'; } } 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.prop('disabled', false); } } this.disableButton = function( $button ) { if( $.hasOwnProperty("mobile") ) { $button.button("disable"); } else { $button.addClass("disabled"); $button.prop('disabled', true); } } this.processCreateAccount = function (peerAlias, secretKey) { defaultScreenName = peerAlias; if (defaultScreenName) { saveScreenName(); } if ($.hasOwnProperty('mobile')) { $('.secret-key').text(secretKey); sendNewUserTransaction(peerAlias); $.mobile.navigate('#new-user-modal'); } else { var modal = confirmPopup({ classAdd: 'new-account-briefing', txtTitle: polyglot.t('propagating_nickname', {username: peerAlias}), txtMessage: polyglot.t('new_account_briefing', {secretKey: secretKey}), txtConfirm: polyglot.t('Login'), cbConfirm: function () { // FIXME we're reloading the page entirely for now // here should be $.MAL.goProfileEdit but first an additional code should be added to change user globally twister.var.initializated = false; // to not do openModalAccount() window.location.href = '/#/account'; location.reload(); }, addBlackout: true, removeCancel: true, removeClose: true }); modal.content.find('.confirm').prop('disabled', true); sendNewUserTransaction(peerAlias, function (accountCreatedModal) { accountCreatedModal.content.find('.confirm').prop('disabled', false); }, modal ); } }; 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/twisterarmy.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 = $('
    '); var $newli = $('
  1. '); 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, volume) { 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 = (typeof volume === 'number') ? 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 (!string) { langFilterReason = polyglot.t('this is undefined', {'this': 'string'}); } else 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, links and /me directives and replace _ with space langFilterSubj = string.replace(/@\S\w*|https?:\/\/\S*|twist:\S\S\S\S\S\S\S\S\S\S\S=|^\/me\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}; } } function checkUpdatesClient(alertIfNoUpdates) { function handleGetFail(jqXHR) { twister.var.updatesCheckClient.isOngoing = false; console.warn(polyglot.t('cant_get_requested_resourse', {link: this.url, status: jqXHR.status + ', \'' + jqXHR.statusText + '\''})); if (alertIfNoUpdates) { if ($.hasOwnProperty('mobile')) alert(polyglot.t('updates_not_available') + '.\n\n' + polyglot.t('cant_get_requested_resourse', {link: this.url, status: jqXHR.status + ', \'' + jqXHR.statusText + '\''}) ); else alertPopup({ txtTitle: polyglot.t('updates_not_available'), txtMessage: polyglot.t('cant_get_requested_resourse', {link: this.url, status: jqXHR.status + ', ~' + jqXHR.statusText + '~'}) }); } } if (twister.var.updatesCheckClient.isOngoing) return; twister.var.updatesCheckClient.isOngoing = true; $.get('.git/HEAD', function (ret) { if (ret.slice(0, 16) !== 'ref: refs/heads/') { twister.var.updatesCheckClient.isOngoing = false; if (alertIfNoUpdates) alert(polyglot.t('updates_not_available') + '.\n\nCan\'t parse local HEAD: unknown syntax, FUBAR!'); return; } var branch = ret.slice(16).trim(); $.get('.git/refs/heads/' + branch, function (ret) { var commit = ret.trim(); if (!commit) { twister.var.updatesCheckClient.isOngoing = false; if (alertIfNoUpdates) alert(polyglot.t('updates_not_available') + '.\n\nCan\'t parse local HEAD: \'' + '.git/refs/heads/' + branch + '\' is empty, FUBAR!'); return; } var repo = 'twister-html'; // TODO source repo selection in options var repoOwner = 'twisterarmy'; // TODO notification if local branch was changed ('r u wanna reload the page?') /*if (!twister.var.updatesCheckClient.formerBranch || !twister.var.updatesCheckClient.formerCommit) { twister.var.updatesCheckClient.formerBranch = branch; twister.var.updatesCheckClient.formerCommit = commit; }*/ console.log('currently we are on the branch \'' + branch + '\' of ' + repo + ' at the commit ' + commit); $.get('https://api.github.com/repos/' + repoOwner + '/' + repo + '/branches', function (ret) { for (var i = 0; i < ret.length; i++) { if (ret[i].name === branch) { if (ret[i].commit.sha === commit) { twister.var.updatesCheckClient.isOngoing = false; console.log(polyglot.t('updates_upstream_isnt_changed')); if (alertIfNoUpdates) { if ($.hasOwnProperty('mobile')) alert(polyglot.t('updates_not_available') + '.\n\n' + polyglot.t('updates_upstream_isnt_changed') ); else alertPopup({ txtTitle: polyglot.t('updates_not_available'), txtMessage: polyglot.t('updates_upstream_isnt_changed') }); } } else { console.log('source branch has a different HEAD: ' + ret[i].commit.sha); var commitUpstream = ret[i].commit.sha; $.get('https://api.github.com/repos/' + repoOwner + '/' + repo + '/git/commits/' + commit, function (ret) { if (ret.sha !== commit) { // the response is wrong if so, should be 404 instead twister.var.updatesCheckClient.isOngoing = false; console.log('upstream tree doesn\'t have our most recent commit,\nlooks like we are in the process of development locally.'); if (alertIfNoUpdates) alert(polyglot.t('updates_not_available') + '.\n\nUpstream tree doesn\'t have our most recent commit,\nlooks like we are in the process of development locally.'); return; } commit = ret; $.get('https://api.github.com/repos/' + repoOwner + '/' + repo + '/git/commits/' + commitUpstream, function (ret) { twister.var.updatesCheckClient.isOngoing = false; if (ret.sha !== commitUpstream) { // the response is wrong if so, should be 404 instead console.warn('upstream tree doesn\'t have the commit which is named most recent in the list of branches, FUBAR!'); if (alertIfNoUpdates) alert(polyglot.t('updates_not_available') + '.\n\nUpstream tree doesn\'t have the commit which is named most recent in the list of branches, FUBAR!'); return; } commitUpstream = ret; var linkGitHubDiff = 'https://github.com/' + repoOwner + '/' + repo + '/compare/' + commit.sha + '...' + repoOwner + ':' + branch; console.log(polyglot.t('updates_checkout_diff_nfmt', {link: linkGitHubDiff})); if ($.hasOwnProperty('mobile')) alert(polyglot.t('updates_are_available') + '.\n\n' + polyglot.t('updates_repo_overview', { branch: '\'' + branch + '\'', repo: repo, commit: commit.sha, date: new Date(commit.author.date).toString().replace(/ GMT.*/g, ''), commitUpstream: commitUpstream.sha, dateUpstream: new Date(commitUpstream.author.date).toString().replace(/ GMT.*/g, '') }) + '\n\n' + polyglot.t('updates_checkout_diff_nfmt', {link: linkGitHubDiff}) ); else alertPopup({ txtTitle: polyglot.t('updates_are_available'), txtMessage: polyglot.t('updates_repo_overview', { branch: '~' + branch + '~', repo: repo, commit: '*' + commit.sha + '*', date: new Date(commit.author.date).toString().replace(/ GMT.*/g, ''), commitUpstream: '*' + commitUpstream.sha + '*', dateUpstream: new Date(commitUpstream.author.date).toString().replace(/ GMT.*/g, '') }) + '\n\n' + polyglot.t('updates_checkout_diff', {link: linkGitHubDiff}) }); }).fail(function (jqXHR) { if (jqXHR.status === 404) { twister.var.updatesCheckClient.isOngoing = false; console.warn('upstream tree doesn\'t have the commit which is named most recent in the list of branches, FUBAR!'); if (alertIfNoUpdates) alert(polyglot.t('updates_not_available') + '.\n\nUpstream tree doesn\'t have the commit which is named most recent in the list of branches, FUBAR!'); } else handleGetFail(jqXHR); }); }).fail(function (jqXHR) { if (jqXHR.status === 404) { twister.var.updatesCheckClient.isOngoing = false; console.log('upstream tree doesn\'t have our most recent commit,\nlooks like we are in the process of development locally.'); if (alertIfNoUpdates) alert(polyglot.t('updates_not_available') + '.\n\nUpstream tree doesn\'t have our most recent commit,\nlooks like we are in the process of development locally.'); } else handleGetFail(jqXHR); }); } return; } } twister.var.updatesCheckClient.isOngoing = false; console.log('upstream tree doesn\'t have our branch,\nlooks like we are in the process of development locally.'); if (alertIfNoUpdates) alert(polyglot.t('updates_not_available') + '.\n\nUpstream tree doesn\'t have our branch,\nlooks like we are in the process of development locally.'); }).fail(handleGetFail); }).fail(handleGetFail); }).fail(handleGetFail); }