Qvitter/js/qvitter.js

2810 lines
113 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
· ·
· ·
· Q V I T T E R ·
· ·
· http://github.com/hannesmannerheim/qvitter ·
· ·
· ·
· <o) ·
· /_//// ·
· (____/ ·
· (o< ·
· o> \\\\_\ ·
· \\) \____) ·
· ·
· ·
· ·
· Qvitter is free software: you can redistribute it and / or modify it ·
· under the terms of the GNU Affero General Public License as published by ·
· the Free Software Foundation, either version three of the License or (at ·
· your option) any later version. ·
· ·
· Qvitter is distributed in hope that it will be useful but WITHOUT ANY ·
· WARRANTY; without even the implied warranty of MERCHANTABILTY or FITNESS ·
· FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for ·
· more details. ·
· ·
· You should have received a copy of the GNU Affero General Public License ·
· along with Qvitter. If not, see <http://www.gnu.org/licenses/>. ·
· ·
· Contact h@nnesmannerhe.im if you have any questions. ·
· ·
· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · */
// object to keep old states of streams in, to speed up stream change
window.oldStreams = new Object();
// check our localStorage and make sure it's correct
checkLocalStorage();
/* ·
·
· Update stream on back button
·
· · · · · · · · · · · · · */
window.onpopstate = function(event) {
if(event && event.state) {
display_spinner();
setNewCurrentStream(event.state.strm,function(){
remove_spinner();
},false);
}
}
/* ·
·
· welcome text expand and collapse
·
· · · · · · · · · · · · · */
$('body').on('click','.show-full-welcome-text, .front-welcome-text:not(.expanded) sup',function(){
$('.front-welcome-text').toggleClass('expanded');
if($('.front-welcome-text').hasClass('expanded')) {
var welcomeTextInnerObjectsHeightSum = $('.front-welcome-text > p').outerHeight() + $('.front-welcome-text > h1').outerHeight() + 50;
$('.front-welcome-text').css('height', welcomeTextInnerObjectsHeightSum + 'px')
}
else {
$('.front-welcome-text').css('height', '180px');
$('.front-welcome-text').css('overflow', 'hidden');
var scrollTo = $(window).scrollTop() - ($('.front-welcome-text').outerHeight()-200);
if(scrollTo < 0) { scrollTo = 0;}
$('html, body').animate({ scrollTop: scrollTo}, 300, 'linear');
}
});
$('body').on('click','.welcome-text-register-link',function(){
var scrollTo = $('#user-container').offset().top;
$('html, body').animate({ scrollTop: scrollTo}, 300, 'linear');
});
/* ·
·
· fix login and register box to top when they reach top
·
· · · · · · · · · · · · · */
$(window).scroll(function(e){
if($('#page-container > .profile-card').length > 0) {
var feedOrProfileCardOffsetTop = $('#page-container > .profile-card').offset().top;
}
else {
var feedOrProfileCardOffsetTop = $('#feed').offset().top;
}
if ($(this).scrollTop() > (feedOrProfileCardOffsetTop-55) && $('#login-content').css('position') != 'fixed'){
$('#login-content, .front-signup').not('#popup-signup').css({'position': 'fixed', 'top': '55px'});
}
else if ($(this).scrollTop() < (feedOrProfileCardOffsetTop-55) && $('#login-content').css('position') != 'absolute'){
$('#login-content, .front-signup').not('#popup-signup').css({'position': 'absolute', 'top': 'auto'});
}
});
/* ·
·
· Tooltip to show what federated means
·
· · · · · · · · · · · · · */
$('body').on('mouseenter','#federated-tooltip',function(){
$('#what-is-federation').fadeIn(100);
});
$('body').on('mouseleave','#what-is-federation',function(){
$('#what-is-federation').fadeOut(100);
});
/* ·
·
· Register
·
· · · · · · · · · · · · · */
if(!window.registrationsClosed) {
$('.front-signup input, .front-signup button').removeAttr('disabled'); // clear this onload
$('#signup-btn-step1').click(function(){
$(document).trigger('onClickStep1Register'); // hook
display_spinner();
$('.front-signup input, .front-signup button').addClass('disabled');
$('.front-signup input, .front-signup button').attr('disabled','disabled');
// 7 s timeout to annoy human spammers
setTimeout(function(){
remove_spinner();
popUpAction('popup-register',window.sL.signUp,'<div id="popup-signup" class="front-signup">' +
'<div class="signup-input-container"><div id="atsign">@</div><input placeholder="' + window.sL.registerNickname + '" type="text" autocomplete="off" class="text-input" id="signup-user-nickname-step2"><div class="fieldhelp">a-z0-9</div></div>' +
'<div class="signup-input-container"><input placeholder="' + window.sL.signUpFullName + '" type="text" autocomplete="off" class="text-input" id="signup-user-name-step2" value="' + $('#signup-user-name').val() + '"></div>' +
'<div class="signup-input-container"><input placeholder="' + window.sL.signUpEmail + '" type="text" autocomplete="off" id="signup-user-email-step2" value="' + $('#signup-user-email').val() + '"></div>' +
'<div class="signup-input-container"><input placeholder="' + window.sL.registerHomepage + '" type="text" autocomplete="off" class="text-input" id="signup-user-homepage-step2"></div>' +
'<div class="signup-input-container"><input placeholder="' + window.sL.registerBio + '" type="text" autocomplete="off" class="text-input" id="signup-user-bio-step2"></div>' +
'<div class="signup-input-container"><input placeholder="' + window.sL.registerLocation + '" type="text" autocomplete="off" class="text-input" id="signup-user-location-step2"></div>' +
'<div class="signup-input-container"><input placeholder="' + window.sL.loginPassword + '" type="password" class="text-input" id="signup-user-password1-step2" value="' + $('#signup-user-password').val() + '"><div class="fieldhelp">>5</div></div>' +
'<div class="signup-input-container"><input placeholder="' + window.sL.registerRepeatPassword + '" type="password" class="text-input" id="signup-user-password2-step2"></div>' +
'<div id="signup-terms-header">' + window.sL.showTerms.replace(/{site-title}/g,window.siteTitle) + '</div><div id="signup-terms-container"></div>' +
'<button id="signup-btn-step2" class="signup-btn disabled" type="submit">' + window.sL.signUpButtonText + '</button>' +
'</div>',false);
// ask api if nickname is ok, if no typing for 1 s
$('#signup-user-nickname-step2').on('keyup',function(){
clearTimeout(window.checkNicknameTimeout);
if($('#signup-user-nickname-step2').val().length>1 && /^[a-zA-Z0-9]+$/.test($('#signup-user-nickname-step2').val())) {
$('#signup-user-nickname-step2').addClass('nickname-taken');
if($('.spinner-wrap').length==0) {
$('#signup-user-nickname-step2').after('<div class="spinner-wrap"><div class="spinner"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div></div>');
}
window.checkNicknameTimeout = setTimeout(function(){
$.get(window.apiRoot + 'check_nickname.json?nickname=' + encodeURIComponent($('#signup-user-nickname-step2').val()),function(data){
$('.spinner-wrap').remove();
if(data==0) {
$('#signup-user-password2-step2').trigger('keyup'); // revalidates
}
else {
$('#signup-user-nickname-step2').removeClass('nickname-taken');
$('#signup-user-password2-step2').trigger('keyup');
}
});
},1000);
}
else {
$('.spinner-wrap').remove();
}
});
// validate on keyup
$('#popup-register input').on('keyup',function(){
if(validateRegisterForm($('#popup-register'))) {
if(!$('#signup-user-nickname-step2').hasClass('nickname-taken')) {
$('#signup-btn-step2').removeClass('disabled');
}
else {
$('#signup-btn-step2').addClass('disabled');
}
}
else {
$('#signup-btn-step2').addClass('disabled');
}
});
$('#popup-register input').trigger('keyup');
// submit on enter
$('input#signup-user-name-step2,input#signup-user-email-step2,input#signup-user-password1-step2, input#signup-user-password2-step2').keyup(function(e){
if(e.keyCode==13) {
$('#signup-btn-step2').trigger('click');
}
});
$('#signup-btn-step2').click(function(){
if(!$(this).hasClass('disabled')) {
$('#popup-register input,#popup-register button').addClass('disabled');
display_spinner();
$.ajax({ url: window.apiRoot + 'account/register.json',
type: "POST",
data: {
nickname: $('#signup-user-nickname-step2').val(),
email: $('#signup-user-email-step2').val(),
fullname: $('#signup-user-name-step2').val(),
homepage: $('#signup-user-homepage-step2').val(),
bio: $('#signup-user-bio-step2').val(),
location: $('#signup-user-location-step2').val(),
password: $('#signup-user-password1-step2').val(),
confirm: $('#signup-user-password2-step2').val(),
cBS: window.cBS,
cBSm: window.cBSm,
username: 'none',
},
dataType:"json",
error: function(data){ console.log('error'); console.log(data); },
success: function(data) {
remove_spinner();
if(typeof data.error == 'undefined') {
$('input#nickname').val($('#signup-user-nickname-step2').val());
$('input#password').val($('#signup-user-password1-step2').val());
$('input#rememberme').prop('checked', true);
$('#submit-login').trigger('click');
$('#popup-register').remove();
}
else {
alert('Try again! ' + data.error);
$('#popup-register input,#popup-register button').removeClass('disabled');
}
}
});
}
});
// reactivate register form on popup close
$('#popup-register').on('remove',function(){
$('.front-signup input, .front-signup button').removeAttr('disabled');
$('.front-signup input, .front-signup button').removeClass('disabled');
});
},7000);
});
// submit on enter
$('input#signup-user-name,input#signup-user-email,input#signup-user-password').keyup(function(e){
if(e.keyCode==13) {
$('#signup-btn-step1').trigger('click');
}
});
}
/* ·
·
· Show/hide Terms of Use
·
· · · · · · · · · · · · · */
$('body').on('click','#signup-terms-header',function(){
if($('#signup-terms-container').text().length > 0) {
$('#signup-terms-container').html('');
}
else {
if(window.customTermsOfUse) {
$('#signup-terms-container').html(window.customTermsOfUse);
}
else {
getDoc('terms',function(termsHtml){
$('#signup-terms-container').html(termsHtml);
});
}
}
});
/* ·
·
· set language, autologin or show welcome screen
·
· · · · · · · · · · · · · */
$('#submit-login').removeAttr('disabled'); // might be remebered by browser...
$(window).load(function() {
// set language, from local storage, else browser language, else english (english also if no localstorage availible)
var browserLang = navigator.language || navigator.userLanguage;
if(browserLang.substring(0,5).toLowerCase() == 'zh-cn') {
browserLang = 'zh_cn';
}
else if(browserLang.substring(0,5).toLowerCase() == 'zh-tw') {
browserLang = 'zh_tw';
}
else {
browserLang = browserLang.substring(0,2);
}
window.selectedLanguage = 'en';
if(window.loggedIn === false) {
var selectedForUser = 'logged_out';
}
else {
var selectedForUser = window.loggedIn.id;
}
localStorageObjectCache_GET('selectedLanguage',selectedForUser, function(data){
if(data) {
window.selectedLanguage = data;
}
else {
window.selectedLanguage = browserLang;
}
});
// check that this language is available, otherwise use english
if(typeof window.availableLanguages[window.selectedLanguage] == 'undefined') {
window.selectedLanguage = 'en';
}
// if this is a RTL-language, add rtl class to body
if(window.selectedLanguage == 'ar'
|| window.selectedLanguage == 'fa') {
$('body').addClass('rtl');
}
// if we already have this version of this language in localstorage, we
// use that cached version. we do this because $.ajax doesn't respect caching, it seems
localStorageObjectCache_GET('languageData',window.availableLanguages[window.selectedLanguage], function(data){
if(data) {
proceedToSetLanguageAndLogin(data);
}
else {
$.ajax({
dataType: "json",
url: window.fullUrlToThisQvitterApp + 'locale/' + window.availableLanguages[window.selectedLanguage],
error: function(data){console.log(data)},
success: function(data) {
// store this response in localstorage
localStorageObjectCache_STORE('languageData',window.availableLanguages[window.selectedLanguage], data);
proceedToSetLanguageAndLogin(data);
}
});
}
});
});
// proceed to set language and login
function proceedToSetLanguageAndLogin(data){
window.sL = data;
window.siteTitle = $('head title').html(); // remember this for later use
// replace placeholders in translation
$.each(window.sL,function(k,v){
window.sL[k] = v.replace(/{site-title}/g,window.siteTitle);
});
// set some static strings
if(window.customWelcomeText !== false && typeof window.customWelcomeText[window.selectedLanguage] != 'undefined') {
$('.front-welcome-text').html(window.customWelcomeText[window.selectedLanguage]);
// collapse long welcome texts and add expand button
if($('.front-welcome-text').outerHeight()>250) {
$('.front-welcome-text').css('height','240px');
$('.front-welcome-text').css('overflow', 'hidden');
$('.front-welcome-text').append('<div class="show-full-welcome-text"></div>');
}
}
else {
$('.front-welcome-text').html('<h1>' + window.sL.welcomeHeading + '</h1>');
if(window.enableWelcomeText) {
$('.front-welcome-text').append(window.sL.welcomeText);
}
}
$('#nickname').attr('placeholder',window.sL.loginUsername);
$('#password').attr('placeholder',window.sL.loginPassword);
$('button#submit-login').html(window.sL.loginSignIn);
$('#rememberme_label').html(window.sL.loginRememberMe);
$('#forgot-password').html(window.sL.loginForgotPassword);
$('.front-signup h2').html('<strong>' + window.sL.newToQuitter + '</strong> ' + window.sL.signUp);
$('#signup-user-name').attr('placeholder',window.sL.signUpFullName);
$('#signup-user-email').attr('placeholder',window.sL.signUpEmail);
$('#signup-user-password').attr('placeholder',window.sL.loginPassword);
$('.front-signup button.signup-btn').html(window.sL.signUpButtonText);
$('#user-queets .label').html(window.sL.notices);
$('#user-following .label').html(window.sL.following);
$('#user-followers .label').html(window.sL.followers);
$('#user-groups .label').html(window.sL.groups);
$('#queet-box').html(window.sL.compose);
$('#queet-box').attr('data-start-text',encodeURIComponent(window.sL.compose));
$('#user-footer .queet-button button').html(window.sL.queetVerb);
$('#feed-header-inner h2').html(window.sL.queetsNounPlural);
$('#logout').html(window.sL.logout);
$('#settings').html(window.sL.settings);
$('#other-servers-link').html(window.sL.otherServers);
$('.language-dropdown .dropdown-toggle small').html(window.sL.languageSelected);
$('.language-dropdown .current-language').html(window.sL.languageName);
$('.stream-selection[data-stream-name="statuses/friends_timeline.json"]').prepend(window.sL.timeline);
$('.stream-selection[data-stream-name="statuses/friends_timeline.json"]').attr('data-stream-header',window.sL.timeline);
$('.stream-selection[data-stream-name="statuses/mentions.json"]').prepend(window.sL.mentions);
$('.stream-selection[data-stream-name="statuses/mentions.json"]').attr('data-stream-header',window.sL.mentions);
$('.stream-selection[data-stream-name="qvitter/statuses/notifications.json"]').prepend(window.sL.notifications);
$('.stream-selection[data-stream-name="qvitter/statuses/notifications.json"]').attr('data-stream-header',window.sL.notifications);
$('.stream-selection[data-stream-name="favorites.json"]').prepend(window.sL.favoritesNoun);
$('.stream-selection[data-stream-name="favorites.json"]').attr('data-stream-header',window.sL.favoritesNoun);
$('.stream-selection[data-stream-name="statuses/public_timeline.json"]').prepend(window.sL.publicTimeline);
$('.stream-selection[data-stream-name="statuses/public_timeline.json"]').attr('data-stream-header',window.sL.publicTimeline);
$('.stream-selection[data-stream-name="statuses/public_and_external_timeline.json"]').prepend(window.sL.publicAndExtTimeline);
$('.stream-selection[data-stream-name="statuses/public_and_external_timeline.json"]').attr('data-stream-header',window.sL.publicAndExtTimeline);
$('#search-query').attr('placeholder',window.sL.searchVerb);
$('#faq-link').html(window.sL.FAQ);
$('#invite-link').html(window.sL.inviteAFriend);
$('#classic-link').html('Classic ' + window.siteTitle);
$('#edit-profile-header-link').html(window.sL.editMyProfile);
// show site body now
$('#user-container').css('display','block');
$('#feed').css('display','block');
// login or not
if(window.loggedIn) {
doLogin(getStreamFromUrl());
}
else {
display_spinner();
window.currentStream = ''; // force reload stream
setNewCurrentStream(getStreamFromUrl(),function(){
logoutWithoutReload(false);
remove_spinner();
},true);
}
}
/* ·
·
· Login action
·
· · · · · · · · · · · · · */
$('#form_login').submit(function(e) {
if(typeof window.loginCheckSuccessful == 'undefined') {
e.preventDefault();
checkLogin($('input#nickname').val(),$('input#password').val(),function(data){
window.loginCheckSuccessful = true;
$('#form_login').submit();
});
}
});
function doLogin(streamToSet) {
$('#submit-login').attr('disabled','disabled');
$('#submit-login').focus(); // prevents submit on enter to close alert-popup on wrong credentials
display_spinner();
// add user data to DOM, show search form, remeber user id, show the feed
$('#user-container').css('z-index','1000');
$('#top-compose').removeClass('hidden');
$('#qvitter-notice').show();
$('#user-avatar').attr('src', window.loggedIn.profile_image_url_profile_size);
$('#settingslink .nav-session').css('background-image', 'url(\'' + window.loggedIn.profile_image_url_profile_size + '\')');
$('#user-header').attr('title', window.sL.viewMyProfilePage);
$('#user-name').append(window.loggedIn.name);
$('#user-screen-name').append(window.loggedIn.screen_name);
$('#user-queets strong').html(window.loggedIn.statuses_count);
$('#user-following strong').html(window.loggedIn.friends_count);
$('#user-followers strong').html(window.loggedIn.followers_count);
$('#user-groups strong').html(window.loggedIn.groups_count);
$('.stream-selection.friends-timeline').attr('href', window.loggedIn.statusnet_profile_url + '/all');
$('.stream-selection.mentions').attr('href', window.loggedIn.statusnet_profile_url + '/replies');
$('.stream-selection.notifications').attr('href', window.loggedIn.statusnet_profile_url + '/notifications');
$('.stream-selection.my-timeline').attr('href', window.loggedIn.statusnet_profile_url);
$('.stream-selection.favorites').attr('href', window.loggedIn.statusnet_profile_url + '/favorites');
window.myUserID = window.loggedIn.id;
if(window.loggedIn.cover_photo !== false) {
$('#user-header').css('background-image','url(\'' + window.loggedIn.cover_photo + '\')');
}
// get all users i'm following for autosuggestion
window.following = new Array();
getFromAPI('qvitter/allfollowing/' + window.loggedIn.screen_name + '.json',function(data){
if(data) {
var i=0;
$.each(data,function(k,v){
if(v[2] === false) { var avatar = window.defaultAvatarStreamSize; }
else { var avatar = v[2]; }
v[0] = v[0] || v[1]; // if name is null we go with username there too
window.following[i] = { 'id': k,'name': v[0], 'username': v[1],'avatar': avatar };
i++;
});
}
});
// load history
loadHistoryFromLocalStorage();
// set stream
window.currentStream = ''; // always reload stream on login
setNewCurrentStream(streamToSet,function(){
$('.language-dropdown').css('display','none');
$('#user-header').animate({opacity:'1'},800);
$('#user-body').animate({opacity:'1'},800);
$('#user-footer').animate({opacity:'1'},800);
$('.menu-container').animate({opacity:'1'},800);
$('#page-container').animate({opacity:'1'},200);
$('#search').fadeIn('slow');
$('#login-content').css('display','none');
$('.front-signup').css('display','none');
$('#settingslink .dropdown-toggle').fadeIn('slow');
$('#top-compose').fadeIn('slow');
$('input#nickname').blur();
remove_spinner();
},true);
}
/* ·
·
· In the login form, we want to check the remember-me-checkbox when its label is clicked
·
· · · · · · · · · · · · · */
$('#rememberme_label').click(function(){
if($('#rememberme').prop('checked')) {
$('#rememberme').prop('checked', false);
}
else {
$('#rememberme').prop('checked', true);
}
});
$('#rememberme_label').disableSelection();
/* ·
·
· Logout
·
· · · · · · · · · · · · · */
$('#logout').click(function(){
window.location.href =window.siteInstanceURL + 'main/logout';
});
/* ·
·
· FAQ
·
· · · · · · · · · · · · · */
$('#faq-link').click(function(){
popUpAction('popup-faq', window.siteTitle + ' ' + window.sL.FAQ,'<div id="faq-container"></div>',false);
getDoc('faq',function(faqHtml){
$('#faq-container').html(faqHtml);
});
});
/* ·
·
· Classic Link, toggle setting in api and redirect to /all
·
· · · · · · · · · · · · · */
$('#classic-link').click(function(){
getFromAPI('qvitter/toggle_qvitter.json',function(data){
if(data.success === true) {
window.location.href = window.siteInstanceURL + window.loggedIn.screen_name + '/all';
}
});
});
/* ·
·
· Do a logout without reloading, i.e. on login errors
·
· · · · · · · · · · · · · */
function logoutWithoutReload(doShake) {
$('input#nickname').focus();
$('.front-signup').animate({opacity:'1'},200);
if(doShake) {
$('input#nickname').css('background-color','pink');
$('input#password').css('background-color','pink');
}
$('#login-content').animate({opacity:'1'},200, function(){
if(doShake) {
$('#login-content').effect('shake',{distance:5,times:2},function(){
$('input#nickname').animate({backgroundColor:'#fff'},1000);
$('input#password').animate({backgroundColor:'#fff'},1000);
});
}
$('.front-welcome-text').show();
});
$('#page-container').animate({opacity:'1'},200);
}
/* ·
·
· Handling the language dropdown selection
·
· · · · · · · · · · · · · */
$('.dropdown').click(function(){$(this).toggleClass('dropped')});
$('.dropdown').disableSelection();
$(document).bind('click', function (e) {
if(!$(e.target).is('#logo') && !$(e.target).is('#settingslink') && !$(e.target).is('.nav-session') && !$(e.target).is('.dropdown-toggle') && !$(e.target).is('.dropdown-toggle small') && !$(e.target).is('.dropdown-toggle span') && !$(e.target).is('.dropdown-toggle b')) {
$('.dropdown').removeClass('dropped');
$('.quitter-settings.dropdown-menu').removeClass('dropped');
}
});
$('.language-link').click(function(){
if(window.loggedIn === false) {
var selectedForUser = 'logged_out';
}
else {
var selectedForUser = window.loggedIn.id;
}
localStorageObjectCache_STORE('selectedLanguage',selectedForUser, $(this).attr('data-lang-code'));
location.reload(); // reload
});
/* ·
·
· Show the logo menu dropdown on click
·
· · · · · · · · · · · · · */
$('#settingslink').click(function(){
if(!$('.quitter-settings').hasClass('dropped')) { $('.quitter-settings').addClass('dropped'); }
else { $('.quitter-settings').removeClass('dropped'); }
});
/* ·
·
· When clicking an external follow button
·
· · · · · · · · · · · · · */
$('body').on('click','.external-follow-button',function(event){
popUpAction('popup-external-follow', window.sL.userExternalFollow + ' ' + $('.profile-card-inner .screen-name').html(),'<form method="post" action="' + window.siteInstanceURL + 'main/ostatus"><input type="hidden" id="nickname" name="nickname" value="' + $('.profile-card-inner .screen-name').html().substring(1) + '"><input type="text" id="profile" name="profile" placeholder="' + window.sL.userExternalFollowHelp + '" /></form>','<div class="right"><button class="close">' + window.sL.cancelVerb + '</button><button class="primary">' + window.sL.userExternalFollow + '</button></div>');
$('#popup-external-follow form input#profile').focus();
$('#popup-external-follow button.primary').click(function(){
$('#popup-external-follow form').submit();
});
});
/* ·
·
· When clicking an external join button
·
· · · · · · · · · · · · · */
$('body').on('click','.external-member-button',function(event){
popUpAction('popup-external-join', window.sL.joinExternalGroup + ' ' + $('.profile-card-inner .screen-name').html(),'<form method="post" action="' + window.siteInstanceURL + 'main/ostatus"><input type="hidden" id="group" name="group" value="' + $('.profile-card-inner .screen-name').html().substring(1) + '"><input type="text" id="profile" name="profile" placeholder="' + window.sL.userExternalFollowHelp + '" /></form>','<div class="right"><button class="close">' + window.sL.cancelVerb + '</button><button class="primary">' + window.sL.userExternalFollow + '</button></div>');
$('#popup-external-join form input#profile').focus();
$('#popup-external-join button.primary').click(function(){
$('#popup-external-join form').submit();
});
});
/* ·
·
· When clicking an external follow button
·
· · · · · · · · · · · · · */
$('body').on('click','.qvitter-follow-button',function(event){
if(!$(this).hasClass('disabled')) {
$(this).addClass('disabled');
// get user id
var user_id = $(this).attr('data-follow-user-id');
// if there's no local user id, we have to take a detour
if(typeof user_id == 'undefined') {
$.ajax({ url: window.siteInstanceURL + 'main/ostatussub',
type: "POST",
data: {
token: window.commonSessionToken,
profile: $(this).attr('data-follow-user'),
submit: 'Confirm'
},
error: function(data){ console.log('error'); console.log(data); },
success: function(data) {
// reload page on success
// since ostatussub doesn't have an api, there's no good way to get the local user id here,
// and change the button to an unsubscribe button.
window.location.replace(window.siteInstanceURL + window.loggedIn.screen_name + '/subscriptions');
}
});
}
// if we have a local id, it's straightforward, but we could be handling an unfollow
else {
// follow or unfollow?
if($(this).hasClass('following')) {
var followOrUnfollow = 'unfollow';
}
else {
var followOrUnfollow = 'follow';
}
// post to api
display_spinner();
APIFollowOrUnfollowUser(followOrUnfollow,user_id, this, function(data,this_element) {
remove_spinner();
$(this_element).removeClass('disabled');
if(data) {
if(data.following) {
$(this_element).addClass('following');
$('#user-following strong').html(parseInt($('#user-following strong').html(),10)+1);
}
else {
$(this_element).removeClass('following');
$('#user-following strong').html(parseInt($('#user-following strong').html(),10)-1);
}
}
});
}
}
});
/* ·
·
· When clicking a join group button
·
· · · · · · · · · · · · · */
$('body').on('click','.member-button',function(event){
if(!$(this).hasClass('disabled')) {
$(this).addClass('disabled');
// get group id
var group_id = $(this).attr('data-group-id');
// join or leave?
if($(this).hasClass('member')) {
var joinOrLeave = 'leave';
}
else {
var joinOrLeave = 'join';
}
// post to api
display_spinner();
APIJoinOrLeaveGroup(joinOrLeave,group_id, this, function(data,this_element) {
remove_spinner();
$(this_element).removeClass('disabled');
if(data) {
if(data.member) {
$(this_element).addClass('member');
$('.profile-card .member-stats strong').html(parseInt($('.profile-card .member-stats strong').html(),10)+1);
$('#user-groups strong').html(parseInt($('#user-groups strong').html(),10)+1);
}
else if(data.member === false) {
$(this_element).removeClass('member');
$('.profile-card .member-stats strong').html(parseInt($('.profile-card .member-stats strong').html(),10)-1);
$('#user-groups strong').html(parseInt($('#user-groups strong').html(),10)-1);
}
}
});
}
});
/* ·
·
· Select a stream when the logged in user clicks their own queets, followers etc
·
· · · · · · · · · · · · · */
$('#user-header, #user-queets, #user-following, #user-followers, #user-groups').on('click',function(e){
// not if we're clicking the mini-edit-profile-button
if($(e.target).is('#mini-edit-profile-button')) {
return;
}
if($(this).attr('id') == 'user-header' || $(this).attr('id') == 'user-queets') {
setNewCurrentStream('statuses/user_timeline.json?screen_name=' + window.loggedIn.screen_name,function(){},true);
}
else if($(this).attr('id') == 'user-following') {
setNewCurrentStream('statuses/friends.json?count=20',function(){},true);
}
else if($(this).attr('id') == 'user-followers') {
setNewCurrentStream('statuses/followers.json?count=20',function(){},true);
}
else if($(this).attr('id') == 'user-groups') {
setNewCurrentStream('statusnet/groups/list.json?count=10',function(){},true);
}
});
/* ·
·
· Select a stream when clicking on queets, followers etc in a profile card or feed header
·
· · · · · · · · · · · · · */
$('body').on('click','.profile-banner-footer .stats li a, .queet-stream',function(){
var screenName = $('.profile-card-inner .screen-name').html().substring(1);
if($(this).hasClass('tweet-stats')) {
setNewCurrentStream('statuses/user_timeline.json?screen_name=' + screenName,function(){},true);
}
else if($(this).hasClass('following-stats')) {
setNewCurrentStream('statuses/friends.json?count=20&screen_name=' + screenName,function(){},true);
}
else if($(this).hasClass('follower-stats')) {
setNewCurrentStream('statuses/followers.json?count=20&screen_name=' + screenName,function(){},true);
}
else if($(this).hasClass('groups-stats')) {
setNewCurrentStream('statusnet/groups/list.json?count=10&screen_name=' + screenName,function(){},true);
}
else if($(this).hasClass('queets')) {
setNewCurrentStream('statuses/user_timeline.json?screen_name=' + screenName,function(){},true);
}
else if($(this).hasClass('mentions')) {
setNewCurrentStream('statuses/mentions.json?screen_name=' + screenName,function(){},true);
}
else if($(this).hasClass('favorites')) {
setNewCurrentStream('favorites.json?screen_name=' + screenName,function(){},true);
}
else if($(this).hasClass('following')) {
setNewCurrentStream('statuses/friends.json?count=20',function(){},true);
}
else if($(this).hasClass('followers')) {
setNewCurrentStream('statuses/followers.json?count=20',function(){},true);
}
else if($(this).hasClass('member-stats')) {
setNewCurrentStream('statusnet/groups/membership/' + screenName + '.json?count=20',function(){},true);
}
else if($(this).hasClass('admin-stats')) {
setNewCurrentStream('statusnet/groups/admins/' + screenName + '.json?count=20',function(){},true);
}
});
/* ·
·
· Searching
·
· · · · · · · · · · · · · */
$('#search-query').on('keyup',function(e) { if(e.keyCode==13) { showSearchStream(); }}); // on enter in input field
$('button.icon.nav-search').on('click',function(e) { showSearchStream();}); // on click on magnifying glass
function showSearchStream() {
streamName = 'search.json?q=' + encodeURIComponent(replaceHtmlSpecialChars($('#search-query').val()));
setNewCurrentStream(streamName,function(){},true);
}
/* ·
· <o
· Hijack all links and look for local users, tags, searches and groups. (//
·
· If found, select that stream and prevent links default behaviour
·
· · · · · · · · · · · · · */
$('body').on('click','a', function(e) {
// don't hijack if metakeys are pressed!
if(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) {
return;
}
// don't hijack if this is an external link that has been clicked but failed that time
if($(this).hasClass('external-profile-clicked')) {
return;
}
// don't hijack if this is an anchor link in the faq
if($(this).closest('.modal-container').attr('id') == 'popup-faq' && $(this).attr('href').indexOf('#') > -1) {
return;
}
// don't hijack and don't follow link if this is the x remove users from history, prevent link but don't set a new currentstream
if($(e.target).is('i.chev-right')) {
e.preventDefault();
return;
}
// don't hijack links with donthijack attribute
if(!!$(this).attr('donthijack') || $(this).attr('donthijack') == '') {
return;
}
// all links opens in new tab
$(this).attr('target','_blank');
if(typeof $(this).attr('href') != 'undefined') {
// site root
if($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain,'') == '/') {
e.preventDefault();
setNewCurrentStream('statuses/public_timeline.json',function(){},true);
}
// whole network feed
else if($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain,'') == '/main/all') {
e.preventDefault();
setNewCurrentStream('statuses/public_and_external_timeline.json',function(){},true);
}
// logged in users streams
else if ($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/' + window.loggedIn.screen_name,'') == '/all') {
e.preventDefault();
setNewCurrentStream('statuses/friends_timeline.json',function(){},true);
}
else if ($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/' + window.loggedIn.screen_name,'') == '/replies') {
e.preventDefault();
setNewCurrentStream('statuses/mentions.json',function(){},true);
}
else if ($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/' + window.loggedIn.screen_name,'') == '/notifications') {
e.preventDefault();
setNewCurrentStream('qvitter/statuses/notifications.json',function(){},true);
}
else if ($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/' + window.loggedIn.screen_name,'') == '/favorites') {
e.preventDefault();
setNewCurrentStream('favorites.json',function(){},true);
}
// profiles
else if ((/^[a-zA-Z0-9]+$/.test($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/','')))) {
var linkNickname = $(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/','');
// don't hijack /groups-url
if(linkNickname == 'groups') {
return;
}
e.preventDefault();
if($(this).parent().attr('id') == 'user-profile-link') { // logged in user
setNewCurrentStream('statuses/user_timeline.json?screen_name=' + window.loggedIn.screen_name,function(){},true);
}
else { // any user
setNewCurrentStream('statuses/user_timeline.json?screen_name=' + linkNickname,function(){},true);
}
}
else if((/^[0-9]+$/.test($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/user/','')))) {
e.preventDefault();
setNewCurrentStream('statuses/user_timeline.json?screen_name=' + $(this).text().toLowerCase(),function(){},true);
}
// tags
else if ($(this).attr('href').indexOf(window.siteRootDomain + '/tag/')>-1) {
e.preventDefault();
setNewCurrentStream('statusnet/tags/timeline/' + $(this).text().toLowerCase().replace('#','') + '.json',function(){},true);
}
// notices
else if ($(this).attr('href').indexOf(window.siteRootDomain + '/notice/')>-1 && $(this).attr('href').indexOf(window.siteRootDomain + '/notice/delete/')==-1) {
e.preventDefault();
setNewCurrentStream('statuses/show/' + $(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/notice/','') + '.json',function(){},true);
}
// groups
else if (/^[0-9]+$/.test($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/group/','').replace('/id',''))) {
e.preventDefault();
if($(this).hasClass('account-group')) {
var groupName = $(this).find('.screen-name').html().substring(1);
}
else {
var groupName = $(this).text().toLowerCase();
}
setNewCurrentStream('statusnet/groups/timeline/' + groupName + '.json',function(){},true);
}
else if ($(this).attr('href').indexOf(window.siteRootDomain + '/group/')>-1) {
e.preventDefault();
setNewCurrentStream('statusnet/groups/timeline/' + $(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/group/','') + '.json',function(){},true);
}
// search
else if ($(this).attr('href').indexOf('/search/notice?q=')>-1) {
e.preventDefault();
var searchToStream = $(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain,'').replace('/search/notice?q=','');
setNewCurrentStream('search.json?q=' + searchToStream,function(){},true);
}
// profile picture
else if ($(this).hasClass('profile-picture')) {
e.preventDefault();
if($(this).closest('.modal-container').attr('id') != 'edit-profile-popup') { // no popup if we're editing our profile
popUpAction('popup-profile-picture', $('.profile-card-inner .screen-name').html(),'<img style="width:100%;display:block;" src="' + $(this).attr('href') + '" />',false);
}
}
// external profiles
else if (($(this).children('span.mention').length>0 // if it's a mention
|| $(this).hasClass('h-card mention') // if it's a newer gnusocial group mention
|| ($(this).hasClass('account-group') && $(this).attr('href').indexOf('/group/')==-1) // or if this is queet stream item header but not a group
|| ($(this).closest('.stream-item').hasClass('activity') && $(this).attr('href').indexOf('/group/')==-1)) // or if it's a activity notice but not a group link
&& typeof window.loggedIn.screen_name != 'undefined') { // if logged in
e.preventDefault();
display_spinner();
$(this).addClass('external-profile-clicked');
getFromAPI('qvitter/external_user_show.json?profileurl=' + encodeURIComponent($(this).attr('href')),function(data){
if(data && data.external !== null) {
// local profile id and follow class
var followLocalIdHtml = '';
var followingClass = '';
if(typeof data.local != 'undefined') {
followLocalIdHtml = ' data-follow-user-id="' + data.local.id + '"';
if(data.local.following) {
followingClass = 'following';
}
}
// empty strings and zeros instead of null
data = cleanUpUserObject(data.external);
// old statusnet-versions might not have full avatar urls in their api response
if(typeof data.profile_image_url_original == 'undefined'
|| data.profile_image_url_original === null
|| data.profile_image_url_original.length == 0) {
data.profile_image_url_original = data.profile_image_url;
}
if(typeof data.profile_image_url_profile_size == 'undefined'
|| data.profile_image_url_profile_size === null
|| data.profile_image_url_profile_size.length == 0) {
data.profile_image_url_profile_size = data.profile_image_url;
}
// we might have a cover photo
if(typeof data.cover_photo != 'undefined' && data.cover_photo !== false) {
var cover_photo = data.cover_photo;
}
else {
var cover_photo = data.profile_image_url_original;
}
// is webpage empty?
var emptyWebpage = '';
if(data.url.length<1) {
emptyWebpage = ' empty';
}
var serverUrl = data.statusnet_profile_url.replace('/' + data.screen_name,'');
var userApiUrl = serverUrl + '/api/statuses/user_timeline.json?screen_name=' + data.screen_name;
var screenNameWithServer = '@' + data.screen_name + '@' + serverUrl.replace('http://','').replace('https://','');
var followButton = '<div class="user-actions"><button' + followLocalIdHtml + ' data-follow-user="' + data.statusnet_profile_url + '" type="button" class="qvitter-follow-button ' + followingClass + '"><span class="button-text follow-text"><i class="follow"></i>' + window.sL.userFollow + '</span><span class="button-text following-text">' + window.sL.userFollowing + '</span><span class="button-text unfollow-text">' + window.sL.userUnfollow + '</span></button></div>';
// preview latest notice
var noticeHtml = '';
if(typeof data.status != 'undefined') {
data.status.user = data;
var noticeHtml = buildQueetHtml(data.status);
}
var profileCard = '<div class="profile-card"><div class="profile-header-inner" style="background-image:url(\'' + cover_photo + '\')"><div class="profile-header-inner-overlay"></div><a class="profile-picture"><img src="' + data.profile_image_url_profile_size + '" /></a><div class="profile-card-inner"><h1 class="fullname">' + data.name + '<span></span></h1><h2 class="username"><span class="screen-name"><a target="_blank" href="' + data.statusnet_profile_url + '">' + screenNameWithServer + '</a></span><span class="follow-status"></span></h2><div class="bio-container"><p>' + data.description + '</p></div><p class="location-and-url"><span class="location">' + data.location + '</span><span class="url' + emptyWebpage + '"><span class="divider"> · </span><a target="_blank" href="' + data.url + '">' + data.url.replace('http://','').replace('https://','') + '</a></span></p></div></div><div class="profile-banner-footer"><ul class="stats"><li><a target="_blank" href="' + data.statusnet_profile_url + '">' + window.sL.notices + '<strong>' + data.statuses_count + '</strong></a></li><li><a target="_blank" href="' + data.statusnet_profile_url + '/subscriptions">' + window.sL.following + '<strong>' + data.friends_count + '</strong></a></li><li><a target="_blank" href="' + data.statusnet_profile_url + '/subscribers">' + window.sL.followers + '<strong>' + data.followers_count + '</strong></a></li></ul>' + followButton + '<div class="clearfix"></div></div></div><div class="clearfix"></div>';
popUpAction('popup-external-profile', screenNameWithServer,profileCard + noticeHtml,'<a class="go-to-external-profile" href="' + data.statusnet_profile_url + '">' + window.sL.goToExternalProfile + '</a>');
remove_spinner();
$('a').removeClass('external-profile-clicked');
}
// if external lookup failed, trigger click again.
// it will not be hijacked since we don't remove the external-profile-clicked class here
else {
remove_spinner();
$('.external-profile-clicked')[0].click();
$('.external-profile-clicked').removeClass('external-profile-clicked');
}
});
}
// external groups
else if (($(this).children('span.group').length>0 // if it's a group mention
|| $(this).hasClass('h-card group') // if it's a newer gnusocial group mention
|| ($(this).hasClass('account-group') && $(this).attr('href').indexOf('/group/')>-1) // or if this is group stream item header
|| ($(this).closest('.stream-item').hasClass('activity') && $(this).attr('href').indexOf('/group/')>-1)) // or if it's a activity notice
&& typeof window.loggedIn.screen_name != 'undefined') { // if logged in
e.preventDefault();
display_spinner();
getFromAPI('statusnet/groups/show.json?id=foo&uri=' + encodeURIComponent($(this).attr('href')), function(data){ if(data){
data.nickname = data.nickname || '';
data.fullname = data.fullname || '';
data.stream_logo = data.stream_logo || 'http://quitter.se/theme/quitter-theme2/default-avatar-stream.png';
data.homepage_logo = data.homepage_logo || 'http://quitter.se/theme/quitter-theme2/default-avatar-profile.png';
data.original_logo = data.original_logo || 'http://quitter.se/theme/quitter-theme2/default-avatar-profile.png';
data.description = data.description || '';
data.homepage = data.homepage || '';
data.url = data.url || '';
data.member_count = data.member_count || 0;
data.admin_count = data.admin_count || 0;
// show user actions if logged in
var memberClass = '';
if(data.member) {
memberClass = 'member';
}
var groupRoot = data.url.substring(0,data.url.indexOf('/group/'));
var groupServer = groupRoot.replace('http://','').replace('https://','');
var memberButton = '<div class="user-actions"><button data-group-id="' + data.id + '" type="button" class="member-button ' + memberClass + '"><span class="button-text join-text"><i class="join"></i>' + window.sL.joinGroup + '</span><span class="button-text ismember-text">' + window.sL.isMemberOfGroup + '</span><span class="button-text leave-text">' + window.sL.leaveGroup + '</span></button></div>';
// get local member avatars
getFromAPI('statusnet/groups/membership.json?id=' + data.id, function(user_data){ if(user_data){
var avatars = '';
var i=0;
$.each(user_data,function(k,v){
if(i<7) {
avatars = avatars + '<img class="avatar size30" src="' + v.profile_image_url + '" />';
}
i++;
});
var profileCard = '<div class="profile-card"><div class="profile-header-inner" style="background-image:url(' + data.original_logo + ')"><div class="profile-header-inner-overlay"></div><a class="profile-picture"><img src="' + data.homepage_logo + '" /></a><div class="profile-card-inner"><h1 class="fullname">' + data.fullname + '<span></span></h1><h2 class="username"><span class="screen-name"><a target="_blank" href="' + groupRoot + '/group/' + data.nickname + '">!' + data.nickname + '@' + groupServer + '</a></span></span></h2><div class="bio-container"><p>' + data.description + '</p></div><p class="location-and-url"></span><span class="url"><a href="' + data.homepage + '">' + data.homepage.replace('http://','').replace('https://','') + '</a></span></p></div></div><div class="profile-banner-footer"><ul class="stats"><li><a target="_blank" href="' + groupRoot + '/group/' + data.nickname + '/members" class="member-stats">' + avatars + '</a></li></ul>' + memberButton + '<div class="clearfix"></div></div></div>';
popUpAction('popup-external-group-profile', '!' + data.nickname + '@' + groupServer,profileCard,false);
remove_spinner();
}});
}});
}
}
});
/* ·
·
· Open a queet menu when clicking ellipsis button
·
· · · · · · · · · · · · · */
$('body').on('click','.sm-ellipsis',function(){
// hide
if($(this).closest('.action-ellipsis-container').children('.dropdown-menu').length > 0) {
$(this).closest('.action-ellipsis-container').children('.dropdown-menu').remove();
}
// show
else {
$('.action-ellipsis-container').children('.dropdown-menu').remove(); // remove menu from other queets
var streamItemUsername = $(this).closest('.queet').find('.stream-item-header').find('.screen-name').text();
var streamItemUserID = $(this).closest('.queet').find('.stream-item-header').find('.name').attr('data-user-id');
var streamItemID = $(this).closest('.queet').parent('.stream-item').attr('data-quitter-id');
var blockHtml = '';
var deleteHtml = '';
if(streamItemUserID != window.loggedIn.id) {
blockHtml = '<li><a class="block-user" href="' + window.siteInstanceURL + 'main/block?profileid=' + streamItemUserID + '">' + window.sL.blockUser.replace('{username}',streamItemUsername) + '</a></li>';
}
else {
deleteHtml = '<li><a class="delete-queet" href="' + window.siteInstanceURL + 'notice/delete/' + streamItemID + '">' + window.sL.deleteVerb + '</a></li>';
}
$(this).closest('.action-ellipsis-container').append('\
<ul class="dropdown-menu">\
<li class="dropdown-caret left"><span class="caret-outer"></span><span class="caret-inner"></span></li>\
' + blockHtml + '\
' + deleteHtml + '\
</ul>\
');
}
});
/* ·
·
· When user clicks the x to remove a menu history item
·
· · · · · · · · · · · · · */
$('body').on('click','#history-container .chev-right',function(event){
$(this).parent('.stream-selection').remove();
updateHistoryLocalStorage();
});
/* ·
·
· When sorting the history menu
·
· · · · · · · · · · · · · */
$('#history-container').on("sortupdate", function() {
updateHistoryLocalStorage();
});
/* ·
·
· Load more from the current stream when scroll is 1000px from bottom
·
· The search API is crap and don't do max_id and last_id, so we have to do pages there...
·
· · · · · · · · · · · · · */
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 1000) {
// not if we're already loading or if no stream is set yet
if(!$('body').hasClass('loading-older') && typeof window.currentStream != "undefined") {
$('body').addClass('loading-older');
// remove loading class in 10 seconds, i.e. try again if failed to load within 10 s
if(window.currentStream.substring(0,6) != 'search') {
setTimeout(function(){$('body').removeClass('loading-older');},10000);
}
var lastStreamItemId = $('#feed-body').children('.stream-item').last().attr('id');
// if this is search or users lists, we need page and rpp vars, we store page number in an attribute
if(window.currentStream.substring(0,6) == 'search'
|| window.currentStream.substring(0,23) == 'statuses/followers.json'
|| window.currentStream.substring(0,21) == 'statuses/friends.json'
|| window.currentStream.substring(0,26) == 'statusnet/groups/list.json'
|| window.currentStream.substring(0,28) == 'statusnet/groups/membership/'
|| window.currentStream.substring(0,24) == 'statusnet/groups/admins/') {
if(typeof $('#feed-body').attr('data-search-page-number') != 'undefined') {
var searchPage = parseInt($('#feed-body').attr('data-search-page-number'),10);
}
else {
var searchPage=2;
}
var nextPage = searchPage+1;
var getVars = qOrAmp(window.currentStream) + 'rpp=20&page=' + searchPage; // search uses 'rrp' var and others 'count' for paging, though we can add rrp to others aswell without any problem
}
// normal streams
else {
var getVars = qOrAmp(window.currentStream) + 'max_id=' + ($('#feed-body').children('.stream-item').last().attr('data-quitter-id-in-stream'));
}
display_spinner('#footer-spinner-container');
getFromAPI(window.currentStream + getVars,function(data){
if(data) {
addToFeed(data, lastStreamItemId,'visible');
$('body').removeClass('loading-older');
// if this is search our group users lists, we remember page number
if(window.currentStream.substring(0,6) == 'search'
|| window.currentStream.substring(0,23) == 'statuses/followers.json'
|| window.currentStream.substring(0,21) == 'statuses/friends.json'
|| window.currentStream.substring(0,26) == 'statusnet/groups/list.json'
|| window.currentStream.substring(0,28) == 'statusnet/groups/membership/'
|| window.currentStream.substring(0,24) == 'statusnet/groups/admins/') {
$('#feed-body').attr('data-search-page-number',nextPage);
}
remove_spinner();
}
});
}
}
});
/* ·
·
· Updates all queets' times/dates
·
· · · · · · · · · · · · · */
var updateTimesInterval=self.setInterval(function(){
$('.created-at').each(function(){
$(this).children('a').html(parseTwitterDate($(this).attr('data-created-at')));
});
},10000);
/* ·
·
· Check for new queets
·
· · · · · · · · · · · · · */
var checkForNewQueetsInterval=window.setInterval(function(){checkForNewQueets()},window.timeBetweenPolling);
function checkForNewQueets() {
// no new requests if requests are very slow, e.g. searches
if(!$('body').hasClass('loading-newer')) {
$('body').addClass('loading-newer');
// only of logged in and not user stream
if($('#user-container').css('display') == 'block' && $('.stream-item.user').length==0) {
var lastId = $('#feed-body').children('.stream-item').not('.temp-post').attr('data-quitter-id-in-stream');
var addThisStream = window.currentStream;
var timeNow = new Date().getTime();
getFromAPI(addThisStream + qOrAmp(window.currentStream) + 'since_id=' + lastId,function(data){
if(data) {
$('body').removeClass('loading-newer');
if(addThisStream == window.currentStream) {
addToFeed(data, false, 'hidden');
}
}
});
}
// if we have hidden items, show new-queets-bar
if($('#feed-body').find('.stream-item.hidden').length > 0) {
var new_queets_num = $('#feed-body').find('.stream-item.hidden').length;
// if this is notifications page, update site title with hidden notification count
if(window.currentStream == 'qvitter/statuses/notifications.json') {
document.title = window.siteTitle + ' (' + new_queets_num + ')';
}
$('#new-queets-bar').parent().removeClass('hidden');
// text plural
if(new_queets_num == 1) {
var q_txt = ' ' + window.sL.newQueet;
}
else {
var q_txt = ' ' + window.sL.newQueets;
}
$('#new-queets-bar').html(new_queets_num + q_txt);
}
}
}
/* ·
·
· Show hidden queets when user clicks on new-queets-bar
·
· · · · · · · · · · · · · */
$('body').on('click','#new-queets-bar',function(){
if(window.currentStream == 'qvitter/statuses/notifications.json') {
document.title = window.siteTitle;
}
$('.stream-item.hidden').css('opacity','0')
$('.stream-item.hidden').animate({opacity:'1'}, 200);
$('.stream-item.hidden').removeClass('hidden');
$('#new-queets-bar').parent().addClass('hidden');
});
/* ·
·
· Expand and de-expand queets when clicking anywhere but on a few element types
·
· · · · · · · · · · · · · */
$('body').on('click','.queet',function (event) {
if(!$(event.target).is('a')
&& !$(event.target).is('video')
&& !$(event.target).is('.cm-mention')
&& !$(event.target).is('.cm-tag')
&& !$(event.target).is('.cm-group')
&& !$(event.target).is('.cm-url')
&& !$(event.target).is('pre')
&& !$(event.target).is('.name')
&& !$(event.target).is('.queet-box')
&& !$(event.target).is('.syntax-two')
&& !$(event.target).is('img')
&& !$(event.target).is('button')
&& !$(event.target).is('.show-full-conversation')
&& !$(event.target).is('span.mention')
&& !$(event.target).is('.action-reply-container a span')
&& !$(event.target).is('.action-reply-container a b')
&& !$(event.target).is('.action-rt-container a span')
&& !$(event.target).is('.action-rt-container a b')
&& !$(event.target).is('.action-del-container a span')
&& !$(event.target).is('.action-del-container a b')
&& !$(event.target).is('.action-fav-container a span')
&& !$(event.target).is('.action-fav-container a b')
&& !$(event.target).is('.action-ellipsis-container a span')
&& !$(event.target).is('.action-ellipsis-container a b')
&& !$(event.target).is('span.group')
&& !$(event.target).is('.longdate')
&& !$(event.target).is('.screen-name')
&& !$(this).parent('.stream-item').hasClass('user')) { // not if user stream
expand_queet($(this).parent());
}
});
/* ·
·
· Collapse all open conversations, ellipsis menus and the welcome text on esc or when clicking the margin
·
· · · · · · · · · · · · · */
$('body').click(function(event){
if($(event.target).is('body')) {
$('.action-ellipsis-container').children('.dropdown-menu').remove();
$('.front-welcome-text.expanded > .show-full-welcome-text').trigger('click');
$.each($('.stream-item.expanded'),function(){
expand_queet($(this), false);
});
}
});
$(document).keyup(function(e){
if(e.keyCode==27) { // esc
$('.action-ellipsis-container').children('.dropdown-menu').remove();
$('.front-welcome-text.expanded > .show-full-welcome-text').trigger('click');
$.each($('.stream-item.expanded'),function(){
expand_queet($(this), false);
});
}
});
/* ·
·
· When clicking the delete-button
·
· · · · · · · · · · · · · */
$('body').on('click','.action-ellipsis-container .delete-queet',function(e){
e.preventDefault();
var this_stream_item = $(this).closest('.stream-item');
// don't do anything if this is a queet being posted
if(this_stream_item.hasClass('temp-post')) {
return;
}
var this_qid = this_stream_item.attr('data-quitter-id');
var $queetHtml = $('<div>').append(this_stream_item.html());
var $stuffToRemove = $queetHtml.find('.stream-item-footer, .expanded-content, .inline-reply-queetbox, .stream-item.conversation, .view-more-container-top, .view-more-container-bottom');
$stuffToRemove.remove();
var queetHtmlWithoutFooterAndConversation = $queetHtml.html();
popUpAction('popup-delete-' + this_qid, window.sL.deleteConfirmation,queetHtmlWithoutFooterAndConversation,'<div class="right"><button class="close">' + window.sL.cancelVerb + '</button><button class="primary">' + window.sL.deleteVerb + '</button></div>');
$('#popup-delete-' + this_qid + ' button.primary').on('click',function(){
display_spinner();
$('.modal-container').remove();
// delete
postActionToAPI('statuses/destroy/' + this_qid + '.json', function(data) {
if(data) {
remove_spinner();
// remove the stream-item clicked and all other displays of this object from dom (e.g. in conversation)
$('.stream-item[data-quitter-id="' + this_qid + '"]').find('.queet').animate({opacity:'0'},700,function(){
$('.stream-item[data-quitter-id="' + this_qid + '"]').remove();
});
}
else {
remove_spinner();
}
});
});
});
/* ·
·
· When clicking the requeet-button
·
· · · · · · · · · · · · · */
$('body').on('click','.action-rt-container .icon:not(.is-mine)',function(){
var this_stream_item = $(this).closest('.stream-item');
var this_action = $(this).closest('li');
// requeet
if(!this_action.children('.with-icn').hasClass('done')) {
this_action.children('.with-icn').addClass('done');
this_stream_item.addClass('requeeted');
// requeet animation
this_action.children('.with-icn').children('.sm-rt').addClass('rotate');
// post requeet
postActionToAPI('statuses/retweet/' + this_stream_item.attr('data-quitter-id') + '.json', function(data) {
if(data) {
// success
this_stream_item.attr('data-requeeted-by-me-id',data.id);
getFavsAndRequeetsForQueet(this_stream_item, this_stream_item.attr('data-quitter-id'));
// mark all instances of this notice as repeated
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').addClass('requeeted');
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').attr('data-requeeted-by-me-id',data.id);
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').children('.queet').find('.action-rt-container').children('.with-icn').addClass('done');
}
else {
// error
this_action.children('.with-icn').removeClass('done');
this_action.find('.with-icn b').html(window.sL.requeetVerb);
this_stream_item.removeClass('requeeted');
}
});
}
// un-requeet
else if(this_action.children('.with-icn').hasClass('done')) {
display_spinner();
var my_rq_id = this_stream_item.attr('data-requeeted-by-me-id');
unRequeet(this_stream_item, this_action, my_rq_id);
// mark all instances of this notice as non-repeated
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').removeClass('requeeted');
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').removeAttr('data-requeeted-by-me-id');
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').children('.queet').find('.action-rt-container').children('.with-icn').removeClass('done');
}
});
/* ·
·
· When clicking the fav-button
·
· · · · · · · · · · · · · */
$('body').on('click','.action-fav-container',function(){
var this_stream_item = $(this).parent().parent().parent().parent().parent();
// don't do anything if this is a queet being posted
if(this_stream_item.hasClass('temp-post')) {
return;
}
var this_action = $(this);
// fav
if(!this_action.children('.with-icn').hasClass('done')) {
this_action.children('.with-icn').addClass('done');
this_stream_item.addClass('favorited');
// fav animation
this_action.children('.with-icn').children('.sm-fav').addClass('pulse');
// post fav
postActionToAPI('favorites/create/' + this_stream_item.attr('data-quitter-id') + '.json', function(data) {
if(data) {
// success
getFavsAndRequeetsForQueet(this_stream_item, this_stream_item.attr('data-quitter-id'));
// mark all instances of this notice as favorited
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').addClass('favorited');
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').children('.queet').find('.action-fav-container').children('.with-icn').addClass('done');
}
else {
// error
this_action.children('.with-icn').removeClass('done');
this_action.find('.with-icn b').html(window.sL.favoriteVerb);
this_stream_item.removeClass('favorited');
}
});
}
// unfav
else {
display_spinner();
this_action.children('.with-icn').removeClass('done');
this_action.find('.with-icn b').html(window.sL.favoriteVerb);
this_stream_item.removeClass('favorited');
// post unfav
postActionToAPI('favorites/destroy/' + this_stream_item.attr('data-quitter-id') + '.json', function(data) {
if(data) {
// success
remove_spinner();
getFavsAndRequeetsForQueet(this_stream_item, this_stream_item.attr('data-quitter-id'));
// mark all instances of this notice as non-favorited
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').removeClass('favorited');
$('.stream-item[data-quitter-id="' + this_stream_item.attr('data-quitter-id') + '"]').children('.queet').find('.action-fav-container').children('.with-icn').removeClass('done');
}
else {
// error
remove_spinner();
this_action.children('.with-icn').addClass('done');
this_action.find('.with-icn b').html(window.sL.favoritedVerb);
this_stream_item.addClass('favorited');
}
});
}
});
/* ·
·
· When clicking the reply-button
·
· · · · · · · · · · · · · */
$('body').on('click','.action-reply-container',function(){
var this_stream_item = $(this).closest('.stream-item');
// don't do anything if this is a queet being posted
if(this_stream_item.hasClass('temp-post')) {
return;
}
var this_stream_item_id = this_stream_item.attr('data-quitter-id');
this_stream_item.addClass('replying-to');
// grabbing the queet and view it in the popup, stripped of footer, reply box and other sruff
var $queetHtml = $('<div>').append(this_stream_item.children('.queet').outerHTML());
var $queetHtmlFooter = $queetHtml.find('.stream-item-footer');
$queetHtmlFooter.remove();
var $queetHtmlQueetBox = $queetHtml.find('.inline-reply-queetbox');
$queetHtmlQueetBox.remove();
var $queetHtmlExpandedContent = $queetHtml.find('.expanded-content');
$queetHtmlExpandedContent.remove();
var queetHtmlWithoutFooter = $queetHtml.html();
popUpAction('popup-reply-' + this_stream_item_id, window.sL.replyTo + ' ' + this_stream_item.children('.queet').find('.screen-name').html(),replyFormHtml(this_stream_item,this_stream_item_id),queetHtmlWithoutFooter);
// fix the width of the queet box, otherwise the syntax highlighting break
var queetBoxWidth = $('#popup-reply-' + this_stream_item_id).find('.modal-body').find('.inline-reply-queetbox').width()-20;
$('#popup-reply-' + this_stream_item_id).find('.modal-body').find('.queet-box-syntax').width(queetBoxWidth);
$('#popup-reply-' + this_stream_item_id).find('.modal-body').find('.syntax-middle').width(queetBoxWidth);
$('#popup-reply-' + this_stream_item_id).find('.modal-body').find('.syntax-two').width(queetBoxWidth);
$('#popup-reply-' + this_stream_item_id).find('.modal-body').find('.queet-box').trigger('click'); // expand
});
/* ·
·
· When clicking the compose button
·
· · · · · · · · · · · · · */
$('body').on('click','#top-compose',function(){
popUpAction('popup-compose', window.sL.compose,queetBoxHtml(),false);
$('#popup-compose').find('.queet-box').width($('#popup-compose').find('.inline-reply-queetbox').width()-20);
$('#popup-compose').find('.queet-box').trigger('click');
});
/* ·
·
· Close popups
·
· · · · · · · · · · · · · */
$('body').on('click','.modal-container button.close',function(){
$('.stream-item').removeClass('replying-to');
$('.modal-container').remove();
});
$('body').on('click','.modal-close',function(){
$('.stream-item').removeClass('replying-to');
$('.modal-container').remove();
});
$('body').on('click','.modal-container',function(e){
if($(e.target).is('.modal-container')) {
$('.stream-item').removeClass('replying-to');
$('.modal-container').remove();
abortEditProfile();
}
});
$(document).keyup(function(e){
if(e.keyCode==27) {
$('.stream-item').removeClass('replying-to');
$('.modal-container').remove();
abortEditProfile();
}
});
/* ·
·
· Post queets, inline and popup replies
·
· · · · · · · · · · · · · */
$('body').on('click', '.queet-toolbar button',function () {
if($(this).hasClass('enabled')) {
// set temp post id
if($('.temp-post').length == 0) {
var tempPostId = 'stream-item-temp-post-i';
}
else {
var tempPostId = $('.temp-post').attr('id') + 'i';
}
var queetBox = $(this).parent().parent().siblings('.queet-box');
var queetBoxID = queetBox.attr('id');
// jquery's .text() function is not consistent in converting <br>:s to \n:s,
// so we do this detour to make sure line breaks are preserved
queetBox.html(queetBox.html().replace(/<br>/g, '{{{lb}}}'));
var queetText = $.trim(queetBox.text().replace(/^\s+|\s+$/g, '').replace(/\n/g, ''));
queetText = queetText.replace(/{{{lb}}}/g, "\n");
var queetTempText = replaceHtmlSpecialChars(queetText.replace(/\n/g,'<br>')); // no xss
queetTempText = queetTempText.replace(/&lt;br&gt;/g,'<br>'); // but preserve line breaks
var queetHtml = '<div id="' + tempPostId + '" class="stream-item conversation temp-post" style="opacity:1"><div class="queet"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group"><img class="avatar" src="' + $('#user-avatar').attr('src') + '" /><strong class="name">' + $('#user-name').html() + '</strong> <span class="screen-name">@' + $('#user-screen-name').html() + '</span></a><small class="created-at">posting</small></div><div class="queet-text">' + queetTempText + '</div><div class="stream-item-footer"><ul class="queet-actions"><li class="action-reply-container"><a class="with-icn"><span class="icon sm-reply" title="' + window.sL.replyVerb + '"></span></a></li><li class="action-del-container"><a class="with-icn"><span class="icon sm-trash" title="' + window.sL.deleteVerb + '"></span></a></li></i></li><li class="action-fav-container"><a class="with-icn"><span class="icon sm-fav" title="' + window.sL.favoriteVerb + '"></span></a></li></ul></div></div></div></div>';
queetHtml = detectRTL(queetHtml);
// popup reply
if($('.modal-container').find('.toolbar-reply button').length>0){
var in_reply_to_status_id = $('.modal-container').attr('id').substring(12);
}
// if this is a inline reply
else if(queetBox.parent().hasClass('inline-reply-queetbox')) {
var in_reply_to_status_id = queetBox.closest('.stream-item').attr('data-quitter-id');
}
// not a reply
else {
var in_reply_to_status_id = false;
}
// remove any popups
$('.modal-container').remove();
// try to find a queet to add the temp queet to:
// if the queet is in conversation, add it to parent's conversation
if($('.stream-item.replying-to').length > 0 && $('.stream-item.replying-to').hasClass('conversation')) {
$('.stream-item.replying-to').parent().append(queetHtml);
}
// if the queet is expanded, add it to its conversation
else if($('.stream-item.replying-to').length > 0 && $('.stream-item.replying-to').hasClass('expanded')) {
$('.stream-item.replying-to').append(queetHtml);
}
// maybe the replying-to class is missing but we still have a suiting place to add it
else if($('.stream-item.expanded[data-quitter-id="' + in_reply_to_status_id + '"]').length > 0) {
$('.stream-item.expanded[data-quitter-id="' + in_reply_to_status_id + '"]').append(queetHtml);
}
// if we can't find a proper place, add it to top and remove conversation class
// if this is either 1) our home/all feed, 2) our user timeline or 3) whole site or 4) whole network
else if(window.currentStream.indexOf('statuses/friends_timeline.json') > -1
|| window.currentStream.indexOf('statuses/user_timeline.json?screen_name=' + window.loggedIn.screen_name) > -1
|| window.currentStream.indexOf('statuses/public_timeline.json') > -1
|| window.currentStream.indexOf('statuses/public_and_external_timeline.json') > -1 ) {
$('#feed-body').prepend(queetHtml.replace('class="stream-item conversation','class="stream-item'));
}
// don't add it to the current stream, open a popup instead, without conversation class
else {
popUpAction('popup-sending', '',queetHtml.replace('class="stream-item conversation','class="stream-item'),false);
}
// remove any replying-to classes
$('.stream-item').removeClass('replying-to');
// null reply box
collapseQueetBox(queetBox)
// check for new queets (one second from) NOW
setTimeout('checkForNewQueets()', 1000);
// post queet
postQueetToAPI(queetText, in_reply_to_status_id, function(data){ if(data) {
// show real queet
var new_queet = Array();
new_queet[0] = data;
addToFeed(new_queet,tempPostId,'visible', true);
// remove temp queet
$('#' + tempPostId).remove();
// queet count
$('#user-queets strong').html(parseInt($('#user-queets strong').html(),10)+1);
}});
}
});
/* ·
·
· Count chars in queet box on keyup, also check for any attachments to show/hide
·
· · · · · · · · · · · · · */
$('body').on('keyup input paste','.queet-box-syntax',function () {
countCharsInQueetBox($(this),$(this).siblings('.queet-toolbar').find('.queet-counter'),$(this).siblings('.queet-toolbar').find('.queet-button button'));
var attachments = $(this).siblings('.upload-image-container');
$.each(attachments,function(k,attachment){
var attachmentShorturl = $(attachment).children('img').attr('data-shorturl');
if($(attachment).siblings('.queet-box-syntax').text().indexOf(attachmentShorturl) > -1) {
$(attachment).show();
}
else {
$(attachment).hide();
}
});
});
/* ·
·
· Middle button expands queet box
·
· · · · · · · · · · · · · */
$('body').on('mousedown','.queet-box-syntax',function (e) {
if( e.which == 2 ) {
e.preventDefault();
$(this).trigger('click');
}
});
/* ·
·
· Shorten URL's
·
· · · · · · · · · · · · · */
$('body').on('click','button.shorten',function () {
shortenUrlsInBox($(this));
});
/* ·
·
· Reload current stream
·
· · · · · · · · · · · · · */
$('body').on('click','.reload-stream',function () {
$('.reload-stream').hide();
setNewCurrentStream(window.currentStream,function(){
$('.reload-stream').show();
},false);
});
/* ·
·
· Expand/collapse queet box on click and blur
·
· · · · · · · · · · · · · */
$('body').on('click contextmenu','.queet-box-syntax',function () {
if($(this).html() == decodeURIComponent($(this).attr('data-start-text'))) {
$(this).attr('contenteditable','true');
$(this).focus();
$(this).siblings('.syntax-middle').html('&nbsp;');
$(this).siblings('.syntax-two').html('&nbsp;');
$(this).siblings('.queet-toolbar').css('display','block');
$(this).siblings('.syntax-middle').css('display','block');
$(this).siblings('.mentions-suggestions').css('display','block');
$(this).siblings('.syntax-two').css('display','block');
$(this).siblings('.queet-toolbar').find('.queet-button button').addClass('disabled');
countCharsInQueetBox($(this),$(this).siblings('.queet-toolbar .queet-counter'),$(this).siblings('.queet-toolbar button'));
$(this)[0].addEventListener("paste", stripHtmlFromPaste);
if(typeof $(this).attr('data-replies-text') != 'undefined') {
$(this).html(decodeURIComponent($(this).attr('data-replies-text')));
var repliesLen = decodeURIComponent($(this).attr('data-replies-text')).length-5;
setSelectionRange($(this)[0], repliesLen, repliesLen);
}
else {
$(this).html('');
}
$(this).trigger('input');
}
});
$('body').on('mousedown','.syntax-two',function () {
$(this).addClass('clicked');
});
$('body').on('blur','.queet-box-syntax',function (e) {
// don't collapse if a toolbar button has been clicked
var clickedToolbarButtons = $(this).siblings('.queet-toolbar').find('button.clicked');
if(clickedToolbarButtons.length>0) {
clickedToolbarButtons.removeClass('clicked');
return true;
}
// don't collapse if we're clicking around inside queet-box
var syntaxTwoBox = $(this).siblings('.syntax-two');
if(syntaxTwoBox.hasClass('clicked')) {
syntaxTwoBox.removeClass('clicked');
return true;
}
// don't collapse if we're in a modal
if($(this).parent().parent().hasClass('modal-body')) {
return true;
}
// collapse if nothing is change
if($(this).attr('data-replies-text') != 'undefined') {
var $startText = $('<div/>').append(decodeURIComponent($(this).attr('data-replies-text')));
if($.trim($startText.text()) == $.trim($(this).text()) || $(this).html().length == 0 || $(this).html() == '<br>' || $(this).html() == '<br />' || $(this).html() == '&nbsp;' || $(this).html() == '&nbsp;<br>') {
collapseQueetBox($(this));
}
}
// collapse if empty
else if($(this).html().length == 0 || $(this).html() == '<br>' || $(this).html() == '<br />' || $(this).html() == '&nbsp;' || $(this).html() == '&nbsp;<br>') {
collapseQueetBox($(this));
}
});
function collapseQueetBox(qB) {
qB.siblings('.upload-image-container').remove();
qB.siblings('.syntax-middle').css('display','none');
qB.siblings('.syntax-two').css('display','none');
qB.siblings('.mentions-suggestions').css('display','none');
qB.attr('contenteditable','false');
qB.html(decodeURIComponent(qB.attr('data-start-text')));
qB.siblings('.queet-toolbar').find('button').removeClass('enabled');
qB.siblings('.queet-toolbar').css('display','none');
qB.removeAttr('style');
qB[0].removeEventListener("paste", stripHtmlFromPaste);
}
/* ·
·
· Syntax highlighting in queetbox
·
· · · · · · · · · · · · · */
// transfer focus and position/selection to background div
$('body').on('mouseup', 'div.syntax-two', function(e){
// don't transfer rightclicks, instead wait for oninput and transfer after
// this makes spell checker work
if( e.which == 3 ) {
$(this)[0].oninput = function() {
$(this).siblings('div.queet-box-syntax').html($(this).html());
$(this).trigger('mouseup'); // transfer focus
}
}
else {
$(this).removeClass('clicked');
var caretPos = getSelectionInElement($(this)[0]);
var thisQueetBox = $(this).siblings('div.queet-box-syntax');
thisQueetBox.focus();
setSelectionRange(thisQueetBox[0], caretPos[0], caretPos[1]);
// fixes problem with caret not showing after delete, unfocus and refocus
if(thisQueetBox.html() == '<br>') {
thisQueetBox.html(' ');
}
}
});
// strip html from paste
function stripHtmlFromPaste(e) {
e.preventDefault();
var text = replaceHtmlSpecialChars(e.clipboardData.getData("text/plain"));
text = text.replace(/\n/g,'<br>').replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;'); // keep line-breaks and tabs
document.execCommand("insertHTML", false, text);
}
// sync divs
$('body').on('keyup paste input', 'div.queet-box-syntax', function() {
var currentVal = $(this).html();
currentVal = currentVal.replace(/<br>$/, '').replace(/&nbsp;$/, '').replace(/ $/, ''); // fix
$(this).siblings('.syntax-two').html(currentVal);
// regexps for syntax highlighting
var allDomains = '(ac|ad|aero|af|ag|ai|al|am|an|ao|aq|arpa|asia|at|au|aw|ax|az|ba|bb|bd|be|bf|bg|bh|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cat|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|com|coop|cr|cu|cv|cw|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|im|info|int|io|iq|ir|is|it|je|jm|jobs|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mobi|mp|mq|mr|ms|mt|museum|mv|mw|mx|my|mz|name|nc|net|nf|ng|ni|nl|no|np|nr|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|post|pro|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sx|sy|sz|tc|td|tel|tf|tg|th|tj|tk|tl|tm|tn|to|tp|travel|tt|tv|tw|tz|ua|ug|uk|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|xxx|ye|yt|za|zm|zw|zone)|(ae|ar|as|bi|co|in|jo|mo|mu|na|ne|pr|tr)'; // needs updating
var regexps = Object();
regexps.externalMention = XRegExp.cache('(^|\\s|\\.|<br>)(@)[a-zA-Z0-9]+(@)[\\p{L}\\p{N}\\-\\.]+(\\.)(' + allDomains + ')($|\\s|\\.|\\,|\\:|\\-|\\<|\\!|\\?|\\&)');
regexps.mention = /(^|\s|\.|<br>)(@)[a-zA-Z0-9]+($|\s|\.|\,|\:|\-|\<|\!|\?|\&)/;
regexps.tag = XRegExp.cache('(^|\\s|\\.|<br>)(\\#)[\\p{L}\\p{N}\\-\\.]+($|\\s|\\.|\\,|\\:|\\-|\\<|\\!|\\?|\\&)');
regexps.group = /(^|\s|\.|<br>)(\!)[a-zA-Z0-9]+($|\s|\.|\,|\:|\-|\<|\!|\?|\&)/;
regexps.url = /(^|\s|\.|<br>|&nbsp;)(http\:\/\/|https\:\/\/)([\wåäö\-\.]+)?(\.)((ac|ad|aero|af|ag|ai|al|am|an|ao|aq|arpa|asia|at|au|aw|ax|az|ba|bb|bd|be|bf|bg|bh|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cat|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|com|coop|cr|cu|cv|cw|cx|cy|cz|dev|dj|dk|dm|do|dz|ec|edu|ee|eg|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|im|info|int|io|iq|ir|is|it|je|jm|jobs|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mobi|mp|mq|mr|ms|mt|museum|mv|mw|mx|my|mz|name|nc|net|nf|ng|ni|nl|no|np|nr|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|post|pro|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sx|sy|sz|tc|td|tel|tf|tg|th|tj|tk|tl|tm|tn|to|tp|travel|tt|tv|tw|tz|ua|ug|uk|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|xxx|ye|yt|za|zm|zw|zone)|(ae|ar|as|bi|co|de|in|jo|mo|mu|na|ne|pr|tr))(\/[\wåäö\%\!\*\'\(\)\;\:\@\&\=\+\$\,\/\?\#\[\]\-\_\.\~]+)?(\/)?($|\s|\,|\:|\-|\<|\!|\?|\&)/;
regexps.urlWithoutProtocol = /(^|\s|\.|<br>|&nbsp;)[\wåäö\-\.]+(\.)((ac|ad|aero|af|ag|ai|al|am|an|ao|aq|arpa|asia|at|au|aw|ax|az|ba|bb|bd|be|bf|bg|bh|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cat|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|com|coop|cr|cu|cv|cw|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|im|info|int|io|iq|ir|is|it|je|jm|jobs|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mobi|mp|mq|mr|ms|mt|museum|mv|mw|mx|my|mz|name|nc|net|nf|ng|ni|nl|no|np|nr|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|post|pro|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sx|sy|sz|tc|td|tel|tf|tg|th|tj|tk|tl|tm|tn|to|tp|travel|tt|tv|tw|tz|ua|ug|uk|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|xxx|ye|yt|za|zm|zw|zone)|(ae|ar|as|bi|co|in|jo|mo|mu|na|ne|pr|tr))(\/[\wåäö\%\!\*\'\(\)\;\:\@\&\=\+\$\,\/\?\#\[\]\-\_\.\~]+)?(\/)?($|\s|\.|\,|\:|\-|\<|\!|\?|\&)/;
regexps.email = /(^|\s|\.|<br>)([a-zA-Z0-9\!\#\$\%\&\'\*\+\-\/\=\?\^\_\`\{\|\}\~\.]+)?(@)[\wåäö\-\.]+(\.)((ac|ad|aero|af|ag|ai|al|am|an|ao|aq|arpa|asia|at|au|aw|ax|az|ba|bb|bd|be|bf|bg|bh|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cat|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|com|coop|cr|cu|cv|cw|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|im|info|int|io|iq|ir|is|it|je|jm|jobs|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mobi|mp|mq|mr|ms|mt|museum|mv|mw|mx|my|mz|name|nc|net|nf|ng|ni|nl|no|np|nr|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|post|pro|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sx|sy|sz|tc|td|tel|tf|tg|th|tj|tk|tl|tm|tn|to|tp|travel|tt|tv|tw|tz|ua|ug|uk|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|xxx|ye|yt|za|zm|zw|zone)|(ae|ar|as|bi|co|in|jo|mo|mu|na|ne|pr|tr))($|\s|\.|\,|\:|\-|\<|\!|\?|\&)/;
// loop through the regexps and highlight
$.each(regexps,function(k,v){
while(currentVal.match(v)) {
var currentMatch = currentVal.match(v);
if(currentMatch[0].slice(-1) == '<'
|| currentMatch[0].slice(-1) == '&'
|| currentMatch[0].slice(-1) == '?'
|| currentMatch[0].slice(-1) == '!'
|| currentMatch[0].slice(-1) == ' '
|| currentMatch[0].slice(-1) == '-'
|| currentMatch[0].slice(-1) == ':'
|| currentMatch[0].slice(-1) == '.'
|| currentMatch[0].slice(-1) == ',') {
currentMatch[0] = currentMatch[0].slice(0,-1);
}
currentVal = currentVal.replace(currentMatch[0],'<span class="' + k + '">' + currentMatch[0].replace('#','&#35;').replace('@','&#64;').replace('.','&#046;').replace('!','&#33;') + '</span>')
}
});
$(this).siblings('.syntax-middle').html(currentVal);
});
/* ·
·
· Auto suggest mentions in queet-box
·
· · · · · · · · · · · · · */
// navigate in mentions with mouse
$('body').on('mouseenter', '.mentions-suggestions > div', function(){
$('.mentions-suggestions > div').removeClass('selected');
$(this).addClass('selected');
}).on('mouseleave', '.mentions-suggestions > div', function(){
$(this).removeClass('selected');
});
$('body').on('click', '.mentions-suggestions > div', function(){
$(this).parent().siblings('.queet-box-syntax').focus();
$(this).siblings().removeClass('selected');
$(this).addClass('selected');
useSelectedMention($(this).parent().siblings('.queet-box-syntax'));
});
// navigate in mentions with keyboard
$('body').on('keydown', '.queet-box-syntax', function(e) {
if($(this).siblings('.mentions-suggestions').children('div').length > 0) {
// enter or tab
if (e.keyCode == '13' || e.keyCode == '9') {
e.preventDefault();
useSelectedMention($(this));
}
// downkey
else if (e.keyCode == '40') {
e.preventDefault();
if($(this).siblings('.mentions-suggestions').children('div.selected').length > 0) {
var selected = $(this).siblings('.mentions-suggestions').children('div.selected');
selected.removeClass('selected');
selected.next().addClass('selected');
}
else {
$(this).siblings('.mentions-suggestions').children('div').first().addClass('selected');
}
}
// upkey
else if (e.keyCode == '38') {
e.preventDefault();
if($(this).siblings('.mentions-suggestions').children('div.selected').length > 0) {
var selected = $(this).siblings('.mentions-suggestions').children('div.selected');
selected.removeClass('selected');
selected.prev().addClass('selected');
}
else {
$(this).siblings('.mentions-suggestions').children('div').last().addClass('selected');
}
}
}
});
function useSelectedMention(queetBox){
// use selected
if(queetBox.siblings('.mentions-suggestions').children('div.selected').length > 0) {
var username = queetBox.siblings('.mentions-suggestions').children('div.selected').children('span').html();
}
// if none selected, take top suggestion
else {
var username = queetBox.siblings('.mentions-suggestions').children('div').first().children('span').html();
}
// replace the halfwritten username with the one we want
deleteBetweenCharacterIndices(queetBox[0], window.lastMention.mentionPos+1, window.lastMention.cursorPos);
var range = createRangeFromCharacterIndices(queetBox[0], window.lastMention.mentionPos+1, window.lastMention.mentionPos+1);
range.insertNode(document.createTextNode(username + ' '));
// put caret after
setSelectionRange(queetBox[0], window.lastMention.mentionPos+username.length+2, window.lastMention.mentionPos+username.length+2);
queetBox.siblings('.mentions-suggestions').empty();
queetBox.trigger('input'); // avoid some flickering
}
// check for mentions
window.lastMention = new Object();
$('body').on('keyup', 'div.queet-box-syntax', function(e) {
var queetBox = $(this);
var cursorPosArray = getSelectionInElement(queetBox[0]);
var cursorPos = cursorPosArray[0];
// add space before linebreaks (to separate mentions in beginning of new lines when .text():ing later)
if(e.keyCode == '13') {
e.preventDefault();
var range = createRangeFromCharacterIndices(queetBox[0], cursorPos, cursorPos);
range.insertNode(document.createTextNode(" \n"));
}
else if(e.keyCode != '40' && e.keyCode != '38' && e.keyCode != '13' && e.keyCode != '9') {
var contents = queetBox.text().substring(0,cursorPos);
var mentionPos = contents.lastIndexOf('@');
var check_contents = contents.substring(mentionPos - 1, cursorPos);
var regex = /(^|\s|\.|\n)(@)[a-zA-Z0-9]+/;
var match = check_contents.match(regex);
if (contents.indexOf('@') >= 0 && match) {
if(contents.lastIndexOf('@') > 1) {
match[0] = match[0].substring(1,match[0].length);
}
if((contents.lastIndexOf('@')+match[0].length) == cursorPos) {
queetBox.siblings('.mentions-suggestions').empty();
queetBox.siblings('.mentions-suggestions').css('top',(queetBox.height()+20) + 'px');
var term = match[0].substring(match[0].lastIndexOf('@')+1, match[0].length).toLowerCase();
window.lastMention.mentionPos = mentionPos;
window.lastMention.cursorPos = cursorPos;
$.each(window.following,function(){
var userregex = new RegExp(term);
if(this.username.toLowerCase().match(userregex) || this.name.toLowerCase().match(userregex)) {
queetBox.siblings('.mentions-suggestions').append('<div><img height="24" width="24" src="' + this.avatar + '" /><strong>' + this.name + '</strong> @<span>' + this.username + '</span></div>')
}
});
}
else {
queetBox.siblings('.mentions-suggestions').empty();
}
}
else {
queetBox.siblings('.mentions-suggestions').empty();
}
}
});
/* ·
·
· When clicking show more links, walk upwards or downwards
·
· · · · · · · · · · · · · */
$('body').on('click','.view-more-container-bottom', function(){
var thisParentStreamItem = $(this).parent('.stream-item');
findReplyToStatusAndShow(thisParentStreamItem, thisParentStreamItem.attr('data-quitter-id'),$(this).attr('data-replies-after'));
$(this).remove();
findAndMarkLastVisibleInConversation(thisParentStreamItem);
});
$('body').on('click','.view-more-container-top', function(){
var this_qid = $(this).closest('.stream-item:not(.conversation)').attr('data-quitter-id');
var queet = $(this).siblings('.queet');
var thisParentStreamItem = $(this).parent('.stream-item');
rememberMyScrollPos(queet,'moretop' + this_qid);
findInReplyToStatusAndShow(thisParentStreamItem, thisParentStreamItem.attr('data-quitter-id'),$(this).attr('data-trace-from'),false,true);
$(this).remove();
backToMyScrollPos(queet,'moretop' + this_qid,false);
// remove the "show full conversation" link if nothing more to show
if(thisParentStreamItem.find('.hidden-conversation').length == 0) {
thisParentStreamItem.children('.queet').find('.show-full-conversation').remove();
}
findAndMarkLastVisibleInConversation(thisParentStreamItem);
});
/* ·
·
· When clicking "show full conversation", show all hidden queets in conversation
·
· · · · · · · · · · · · · */
$('body').on('click','.show-full-conversation',function(){
var this_q = $(this).closest('.queet');
var this_qid = $(this).closest('.stream-item:not(.conversation)').attr('data-quitter-id');
var thisStreamItem = $('#stream-item-' + $(this).attr('data-stream-item-id'));
rememberMyScrollPos(this_q,this_qid);
thisStreamItem.find('.view-more-container-top').remove();
thisStreamItem.find('.view-more-container-bottom').remove();
$.each(thisStreamItem.find('.hidden-conversation'),function(key,obj){
$(obj).removeClass('hidden-conversation');
$(obj).animate({opacity:'1'},400,function(){
$(obj).css('background-color','pink').animate({backgroundColor:'#F6F6F6'},1000);
});
});
$(this).remove();
backToMyScrollPos(this_q,this_qid,false);
findAndMarkLastVisibleInConversation(thisStreamItem);
});
/* ·
·
· Edit profile
·
· · · · · · · · · · · · · */
$('body').on('click','.edit-profile-button',function(){
if(!$(this).hasClass('disabled')) {
$(this).addClass('disabled');
$('html').scrollTop(0);
$('html').addClass('fixed');
$('body').prepend('<div id="edit-profile-popup" class="modal-container"></div>');
display_spinner();
getFromAPI('users/show/' + window.loggedIn.screen_name + '.json', function(data){
remove_spinner();
if(data){
data = cleanUpUserObject(data);
// use avatar if no cover photo
var coverPhotoHtml = '';
if(data.cover_photo !== false) {
coverPhotoHtml = 'background-image:url(\'' + data.cover_photo + '\')';
}
$('#edit-profile-popup').prepend('\
<div class="edit-profile-container">\
<div class="upload-background-image"></div>\
<input type="file" name="background-image-input" id="background-image-input" />\
<div class="profile-card">\
<div class="profile-header-inner" style="' + coverPhotoHtml + '">\
<input type="file" name="cover-photo-input" id="cover-photo-input" />\
<div class="close-edit-profile-window"></div>\
<div class="upload-cover-photo"></div>\
<input type="file" name="avatar-input" id="avatar-input" />\
<div class="upload-avatar"></div>\
<div class="profile-header-inner-overlay"></div>\
<a class="profile-picture" href="' + data.profile_image_url_original + '"><img src="' + data.profile_image_url_profile_size + '" /></a>\
<div class="profile-card-inner">\
<input class="fullname" id="edit-profile-fullname" placeholder="' + window.sL.signUpFullName + '" data-start-value="' + data.name + '" value="' + data.name + '" />\
<h2 class="username"><span class="screen-name">@' + data.screen_name + '</span><span class="follow-status"></span></h2>\
<div class="bio-container">\
<textarea class="bio" id="edit-profile-bio" data-start-value="' + data.description + '" placeholder="' + window.sL.registerBio + '">' + data.description + '</textarea>\
</div>\
<p class="location-and-url">\
<input class="location" id="edit-profile-location" placeholder="' + window.sL.registerLocation + '" data-start-value="' + data.location + '" value="' + data.location + '" />\
<span class="divider"> · </span>\
<input class="url" id="edit-profile-url" placeholder="' + window.sL.registerHomepage + '" data-start-value="' + data.url + '" value="' + data.url + '" />\
</p>\
</div>\
</div>\
<div class="profile-banner-footer">\
<div class="color-selection">\
<label for="link-color-selection">' + window.sL.linkColor + '</label>\
<input id="link-color-selection" type="text" value="#' + window.loggedIn.linkcolor + '" />\
</div>\
<div class="color-selection">\
<label for="link-color-selection">' + window.sL.backgroundColor + '</label>\
<input id="background-color-selection" type="text" value="#' + window.loggedIn.backgroundcolor + '" />\
</div>\
<div class="user-actions">\
<button type="button" class="abort-edit-profile-button"><span class="button-text edit-profile-text">' + window.sL.cancelVerb + '</span>\
<button type="button" class="save-profile-button"><span class="button-text edit-profile-text">' + window.sL.saveChanges + '</span>\
<button type="button" class="crop-and-save-button"><span class="button-text edit-profile-text">' + window.sL.cropAndSave + '</span>\
</div>\
<div class="clearfix"></div>\
</div>\
</div>\
</div>');
$('#edit-profile-popup .profile-card').css('top',$('#page-container .profile-card').offset().top-53 + 'px'); // position exactly over
// save colors on change
$('#link-color-selection').minicolors({
change: function(hex) {
changeDesign({linkcolor:hex});
postNewLinkColor(hex.substring(1));
window.loggedIn.linkcolor = hex.substring(1);
}
});
$('#background-color-selection').minicolors({
change: function(hex) {
changeDesign({backgroundcolor:hex});
postNewBackgroundColor(hex.substring(1));
window.loggedIn.backgroundcolor = hex.substring(1);
}
});
// also on keyup in input (minicolors 'change' event does not do this, apparently)
$('#link-color-selection').on('keyup',function(){
keyupSetLinkColor($(this).val());
});
$('#background-color-selection').on('keyup',function(){
keyupSetBGColor($(this).val());
});
// check if profile info is change and show/hide buttons
$('input.fullname,textarea.bio,input.location,input.url').on('keyup paste input',function(){
showHideSaveProfileButtons();
});
}
else {
abortEditProfile();
}
});
}
});
// function to see if anything in profile is changed and show/hide buttons accordingly
function showHideSaveProfileButtons() {
if($('input.fullname').val() != $('input.fullname').attr('data-start-value')
|| $('textarea.bio').val() != $('textarea.bio').attr('data-start-value')
|| $('input.location').val() != $('input.location').attr('data-start-value')
|| $('input.url').val() != $('input.url').attr('data-start-value')) {
$('.abort-edit-profile-button, .save-profile-button').show();
}
else {
$('.abort-edit-profile-button, .save-profile-button').hide();
}
}
// idle function for linkcolor selection by keyboard input
var keyupLinkColorTimer;
function keyupSetLinkColor(hex) {
clearTimeout(keyupLinkColorTimer);
keyupLinkColorTimer = setTimeout(function () {
$('#link-color-selection').minicolors('value',hex);
changeLinkColor($('#link-color-selection').val());
postNewLinkColor($('#link-color-selection').val().substring(1));
}, 500);
}
// idle function for bgcolor selection by keyboard input
var keyupBGColorTimer;
function keyupSetBGColor(hex) {
clearTimeout(keyupBGColorTimer);
keyupBGColorTimer = setTimeout(function () {
$('#background-color-selection').minicolors('value',hex);
$('body').css('background-color',$('#background-color-selection').val());
postNewBackgroundColor($('#background-color-selection').val().substring(1));
}, 500);
}
// cancel
$('body').on('click','.close-edit-profile-window',function(){
abortEditProfile();
});
$('body').on('click','.abort-edit-profile-button',function(){
// if this is the avatar or cover photo
if($('#edit-profile-popup .jwc_frame').length>0) {
cleanUpAfterCropping();
}
// if profile info
else {
abortEditProfile();
}
});
function abortEditProfile() {
$('#edit-profile-popup').remove();
$('.edit-profile-button').removeClass('disabled');
$('html').removeClass('fixed');
}
// validate
$('body').on('keyup paste input', '#edit-profile-popup input,#edit-profile-popup textarea', function() {
if(validateEditProfileForm($('#edit-profile-popup'))){
$('.save-profile-button').removeAttr('disabled');
$('.save-profile-button').removeClass('disabled');
}
else {
$('.save-profile-button').attr('disabled','disabled');
$('.save-profile-button').addClass('disabled');
}
});
// submit cover photo or avatar
$('body').on('click','.crop-and-save-button',function(){
if($('.crop-and-save-button').attr('disabled') != 'disabled') {
$('.crop-and-save-button').attr('disabled','disabled');
$('.crop-and-save-button').addClass('disabled');
display_spinner();
// if this is the cover photo
if($('#edit-profile-popup .jwc_frame.cover-photo-to-crop').length>0) {
$.ajax({ url: window.apiRoot + 'qvitter/update_cover_photo.json',
type: "POST",
data: {
cropH: window.jwc.result.cropH,
cropW: window.jwc.result.cropW,
cropX: window.jwc.result.cropX,
cropY: window.jwc.result.cropY,
img: $('#cover-photo-to-crop').attr('src')
},
dataType:"json",
error: function(data){ console.log('error'); console.log(data); },
success: function(data) {
remove_spinner();
if(typeof data.error == 'undefined') {
$('.crop-and-save-button').removeAttr('disabled');
$('.crop-and-save-button').removeClass('disabled');
cleanUpAfterCropping();
$('.profile-header-inner').css('background-image','url(' + data.url + ')');
$('#user-header').css('background-image','url(' + data.url + ')');
}
else {
alert('Try again! ' + data.error);
$('.crop-and-save-button').removeAttr('disabled');
$('.crop-and-save-button').removeClass('disabled');
}
}
});
}
// if this is the avatar
else if($('#edit-profile-popup .jwc_frame.avatar-to-crop').length>0) {
$.ajax({ url: window.apiRoot + 'qvitter/update_avatar.json',
type: "POST",
data: {
cropH: window.jwc.result.cropH,
cropW: window.jwc.result.cropW,
cropX: window.jwc.result.cropX,
cropY: window.jwc.result.cropY,
img: $('#avatar-to-crop').attr('src')
},
dataType:"json",
error: function(data){ console.log('error'); console.log(data); },
success: function(data) {
remove_spinner();
if(typeof data.error == 'undefined') {
$('.crop-and-save-button').removeAttr('disabled');
$('.crop-and-save-button').removeClass('disabled');
cleanUpAfterCropping();
$('.profile-picture').attr('href',data.profile_image_url_original);
$('.profile-picture img, #user-avatar').attr('src',data.profile_image_url_profile_size);
$('#settingslink .nav-session').css('background-image','url(\'' + data.profile_image_url_profile_size + '\')');
$('.account-group .name[data-user-id="' + window.myUserID + '"]').siblings('.avatar').attr('src',data.profile_image_url_profile_size);
}
else {
alert('Try again! ' + data.error);
$('.crop-and-save-button').removeAttr('disabled');
$('.crop-and-save-button').removeClass('disabled');
}
}
});
}
// if this is the background-image
else if($('#edit-profile-popup .jwc_frame.background-to-crop').length>0) {
$.ajax({ url: window.apiRoot + 'qvitter/update_background_image.json',
type: "POST",
data: {
cropH: window.jwc.result.cropH,
cropW: window.jwc.result.cropW,
cropX: window.jwc.result.cropX,
cropY: window.jwc.result.cropY,
img: $('#background-to-crop').attr('src')
},
dataType:"json",
error: function(data){ console.log('error'); console.log(data); },
success: function(data) {
remove_spinner();
if(typeof data.error == 'undefined') {
$('.crop-and-save-button').removeAttr('disabled');
$('.crop-and-save-button').removeClass('disabled');
cleanUpAfterCropping();
changeDesign({backgroundimage:data.url});
window.loggedIn.background_image = data.url;
}
else {
alert('Try again! ' + data.error);
$('.crop-and-save-button').removeAttr('disabled');
$('.crop-and-save-button').removeClass('disabled');
}
}
});
}
}
});
// submit new profile info
$('body').on('click','.save-profile-button',function(){
if($('.save-profile-button').attr('disabled') != 'disabled') {
$('.save-profile-button').attr('disabled','disabled');
$('.save-profile-button').addClass('disabled');
display_spinner();
if(validateEditProfileForm($('#edit-profile-popup'))) {
$.ajax({ url: window.apiRoot + 'account/update_profile.json',
type: "POST",
data: {
name: $('#edit-profile-popup input.fullname').val(),
url: $('#edit-profile-popup input.url').val(),
location: $('#edit-profile-popup input.location').val(),
description: $('#edit-profile-popup textarea.bio').val(),
},
dataType:"json",
error: function(data){ console.log('error'); console.log(data); },
success: function(data) {
remove_spinner();
if(typeof data.error == 'undefined') {
location.reload(); // reload, hopefully the new profile is saved
}
else {
alert('Try again! ' + data.error);
$('.save-profile-button').removeAttr('disabled');
$('.save-profile-button').removeClass('disabled');
}
}
});
}
}
});
// cover photo, avatar and background image select and crop
$('body').on('click','.upload-cover-photo, .upload-avatar, .upload-background-image',function(){
var coverOrAvatar = $(this).attr('class');
if(coverOrAvatar == 'upload-cover-photo') {
var inputId = 'cover-photo-input'
}
else if(coverOrAvatar == 'upload-avatar') {
var inputId = 'avatar-input'
}
else if(coverOrAvatar == 'upload-background-image') {
var inputId = 'background-image-input'
}
$('#' + inputId).click(function(){ $(this).one('change',function(e){ // trick to make the change event only fire once when selecting a file
coverPhotoAndAvatarSelectAndCrop(e, coverOrAvatar);
})});
// trigger click for firefox
if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
$('#' + inputId).trigger('click');
}
// other browsers
else {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("click", true, true);
$('#' + inputId)[0].dispatchEvent(evt);
}
});
// load image from file input
function coverPhotoAndAvatarSelectAndCrop(e, coverOrAvatar) {
if(coverOrAvatar == 'upload-cover-photo') {
var targetWidth = 588;
var targetHeight = 260;
var maxWidth = 1040;
var minWidth = 1040;
var cropId = 'cover-photo-to-crop';
}
else if(coverOrAvatar == 'upload-avatar') {
var targetWidth = 220;
var targetHeight = 220;
var maxWidth = 1040;
var minWidth = 1040;
var cropId = 'avatar-to-crop';
}
else if(coverOrAvatar == 'upload-background-image') {
var targetWidth = $(window).width();
var targetHeight = $(window).height()-46;
var maxWidth = 3000;
var minWidth = 3000;
var cropId = 'background-to-crop';
}
// get orientation
loadImage.parseMetaData(e.target.files[0], function (data) {
if (data.exif) {
var orientation = data.exif.get('Orientation');
}
else {
var orientation = 1;
}
display_spinner();
// clean up
cleanUpAfterCropping();
// create image
loadImage(e.target.files[0],
function (img) {
if(typeof img.target == 'undefined') {
var appendedImg = $('#edit-profile-popup .profile-card').prepend('<img id="' + cropId +'" src="' + img.toDataURL('image/jpeg') + '" />');
// enable cropping
$('#' + cropId).jWindowCrop({
targetWidth:targetWidth,
targetHeight:targetHeight,
onChange: function(result) {
remove_spinner();
}
});
// align centered, fade out background
$('#' + cropId).parent().addClass(cropId);
$('#' + cropId).parent().css('position','absolute')
$('#' + cropId).parent().css('left','50%')
$('#' + cropId).parent().css('margin-left','-' + (targetWidth/2) + 'px')
$('#' + cropId).parent().siblings('.profile-header-inner').children('div,input,a').css('display','none');
window.jwc = $('#' + cropId).getjWindowCrop();
$('.save-profile-button').hide();
$('.abort-edit-profile-button, .crop-and-save-button').show();
}
else {
remove_spinner();
$('.queet-box-loading-cover').remove();
alert('could not read image');
}
},
{ maxWidth: maxWidth,
minWidth: minWidth,
canvas: true,
orientation: orientation } // Options
);
});
}
function cleanUpAfterCropping(){
$('.jwc_frame').siblings('.profile-header-inner').children('div,input,a').css('display','block');
if(typeof window.jwc != 'undefined') {
window.jwc.destroy();
}
$('.jwc_frame').remove();
$('#cover-photo-to-crop').remove();
$('#avatar-to-crop').remove();
$('#background-to-crop').remove();
$('input:file').unbind('click');
$('.crop-and-save-button').removeClass('disabled');
$('.crop-and-save-button').removeAttr('disabled');
$('.crop-and-save-button, .abort-edit-profile-button').hide();
showHideSaveProfileButtons();
}
/* ·
·
· Upload image
·
· · · · · · · · · · · · · */
$('body').on('mousedown','.upload-image',function () {
// remember caret position
var caretPos = getSelectionInElement($(this).closest('.queet-toolbar').siblings('.queet-box-syntax')[0]);
$(this).attr('data-caret-pos',caretPos);
// prevent queet-box collapse
$(this).addClass('clicked');
});
$('body').on('click','.upload-image',function () {
var thisUploadButton = $(this);
$('#upload-image-input').one('click',function(){ // trick to make the change event only fire once when selecting a file
$(this).one('change',function(e){
uploadImage(e, thisUploadButton);
})
});
// trigger click for firefox
if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
$('#upload-image-input').trigger('click');
}
// other browsers
else {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("click", true, true);
$('#upload-image-input')[0].dispatchEvent(evt);
}
});
function uploadImage(e, thisUploadButton) {
// get orientation
loadImage.parseMetaData(e.target.files[0], function (data) {
if (data.exif) {
var orientation = data.exif.get('Orientation');
}
else {
var orientation = 1;
}
// loader cover stuff
thisUploadButton.closest('.queet-toolbar').parent().append('<div class="queet-box-loading-cover"></div>');
thisUploadButton.closest('.queet-toolbar').siblings('.queet-box-loading-cover').width(thisUploadButton.closest('.queet-toolbar').parent().outerWidth());
display_spinner(thisUploadButton.closest('.queet-toolbar').siblings('.queet-box-loading-cover')[0]);
thisUploadButton.closest('.queet-toolbar').siblings('.queet-box-loading-cover').find('.loader').css('top', (thisUploadButton.closest('.queet-toolbar').parent().outerHeight()/2-20) + 'px');
// clean up
cleanUpAfterCropping();
// create image
loadImage(e.target.files[0],
function (img) {
if(typeof img.target == 'undefined') {
// The preview image below queet box.
var appendedImg = thisUploadButton.closest('.queet-toolbar').before('<span class="upload-image-container"><img class="to-upload" src="' + img.toDataURL('image/jpeg') + '" /></span>');
var imgFormData = new FormData();
imgFormData.append('media', $('#upload-image-input')[0].files[0]);
// upload
$.ajax({ url: window.apiRoot + 'statusnet/media/upload',
type: "POST",
data: imgFormData,
contentType: false,
processData: false,
dataType: "xml",
error: function(data){ console.log('error'); console.log(data); $('.queet-box-loading-cover').remove(); },
success: function(data) {
var rsp = $(data).find('rsp');
if (rsp.attr('stat') == 'ok') {
cleanUpAfterCropping();
// If doing 'multiple' input element, maybe reply with many mediaurl elements
// and then rsp.find('mediaurl').each(...)?
var mediaurl = rsp.find('mediaurl').text();
var uploadButton = $('img.to-upload').parent().siblings('.queet-toolbar').find('.upload-image');
var queetBox = $('img.to-upload').parent().siblings('.queet-box-syntax');
var caretPos = uploadButton.attr('data-caret-pos').split(',');
// if this site is like quitter.se, we have to do this, otherwise
// gnusocial will not recognize the link to the image as a local attachment
if(window.thisSiteThinksItIsHttpButIsActuallyHttps) {
mediaurl = mediaurl.replace('https://','http://');
}
$('img.to-upload').attr('data-shorturl', mediaurl);
$('img.to-upload').addClass('uploaded');
$('img.to-upload').removeClass('to-upload');
// insert shorturl in queet box
deleteBetweenCharacterIndices(queetBox[0], caretPos[0], caretPos[1]);
var range = createRangeFromCharacterIndices(queetBox[0], caretPos[0], caretPos[0]);
if(typeof range == 'undefined') {
// if queetbox is empty no range is returned, and inserting will fail,
// so we insert a space and try to get range again...
queetBox.html('&nbsp;');
range = createRangeFromCharacterIndices(queetBox[0], caretPos[0], caretPos[0]);
}
range.insertNode(document.createTextNode(' ' + mediaurl + ' '));
// put caret after
queetBox.focus();
var putCaretAt = parseInt(caretPos[0],10)+mediaurl.length+2;
setSelectionRange(queetBox[0], putCaretAt, putCaretAt);
queetBox.trigger('input'); // avoid some flickering
setTimeout(function(){ queetBox.trigger('input');},1); // make sure chars are counted and shorten-button activated
$('.queet-box-loading-cover').remove();
}
else {
alert('Try again! ' + rsp.find('err').attr('msg'));
$('.save-profile-button').removeAttr('disabled');
$('.save-profile-button').removeClass('disabled');
$('img.to-upload').parent().remove();
$('.queet-box-loading-cover').remove();
}
}
});
}
else {
remove_spinner();
$('.queet-box-loading-cover').remove();
alert('could not read image');
}
},
{ canvas: true,
orientation: orientation } // Options
);
});
}
/* ·
·
· Small edit profile button on mini-card. Go-to user stream and hit edit button
·
· · · · · · · · · · · · · */
$('body').on('click','#mini-edit-profile-button, #edit-profile-header-link',function(){
if(window.currentStream == 'statuses/user_timeline.json?screen_name=' + window.loggedIn.screen_name) {
$('.edit-profile-button').trigger('click');
}
else {
setNewCurrentStream('statuses/user_timeline.json?screen_name=' + window.loggedIn.screen_name, function(){
$('.edit-profile-button').trigger('click');
},true);
}
});