/*· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · Q V I T T E R · · · · · · \\\\_\ · · \\) \____) · · · · · · @licstart The following is the entire license notice for the · · JavaScript code in this page. · · · · Copyright (C) 2015 Hannes Mannerheim and other contributors · · · · · · This program 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 3 of the · · License, or (at your option) any later version. · · · · This program is distributed in the hope that it will be useful, · · but WITHOUT ANY WARRANTY; without even the implied warranty of · · MERCHANTABILITY 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 this program. If not, see . · · · · @licend The above is the entire license notice · · for the JavaScript code in this page. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · */ // 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,'',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(''); } 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 var browserLang = navigator.language || navigator.userLanguage; // browsers report e.g. sv-SE but we want it in the format "sv" or "sv_se" browserLang = browserLang.replace('-','_').toLowerCase(); // if we're logged out, we see if there's a saved language in localstorage if(window.loggedIn === false) { var cacheDataLoggedOut = localStorageObjectCache_GET('selectedLanguage','logged_out'); if(cacheDataLoggedOut) { window.selectedLanguage = cacheDataLoggedOut; } else { window.selectedLanguage = browserLang; } } // if we're logged in, we check // 1) check if the logged in user has selected a language // 2) check if there a selected language for logged_out users (i.e. the user selected the language before logging in) // 3) go with the browser language else { var cacheDataLoggedOut = localStorageObjectCache_GET('selectedLanguage','logged_out'); var cacheDataLoggedIn = localStorageObjectCache_GET('selectedLanguage',window.loggedIn.id); if(cacheDataLoggedIn) { window.selectedLanguage = cacheDataLoggedIn; } else if(cacheDataLoggedOut) { window.selectedLanguage = cacheDataLoggedOut; } else { window.selectedLanguage = browserLang; } } // check that the language is available, if(typeof window.availableLanguages[window.selectedLanguage] == 'undefined') { // if not there might be a base language, e.g. "sv" instead of "sv_se" if(typeof window.availableLanguages[window.selectedLanguage.substring(0,2)] != 'undefined') { window.selectedLanguage = window.selectedLanguage.substring(0,2); } else { // there's also a chance there no base language, but a similar country specific language that we can use (rather than english) var similarLanguageFound = false; $.each(window.availableLanguages, function(lanCode,lanData){ if(lanCode.substring(0,2) == window.selectedLanguage.substring(0,2)) { window.selectedLanguage = lanCode; similarLanguageFound = true; return false; } }); // if we can't find a similar language, go with english if(similarLanguageFound === false) { window.selectedLanguage = 'en'; } } } // 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 var cacheData = localStorageObjectCache_GET('languageData',window.availableLanguages[window.selectedLanguage]); if(cacheData) { proceedToSetLanguageAndLogin(cacheData); } 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; // if this is a RTL-language, add rtl class to body if(window.sL.directionality == 'rtl') { $('body').addClass('rtl'); } 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('
'); } } else { $('.front-welcome-text').html('

' + window.sL.welcomeHeading + '

'); 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('' + window.sL.newToQuitter + ' ' + 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); $('#shortcuts-link').html(window.sL.keyboardShortcuts); $('#invite-link').html(window.sL.inviteAFriend); $('#classic-link').html(window.sL.classicInterface); $('#edit-profile-header-link').html(window.sL.editMyProfile); $('#mini-edit-profile-button').attr('title',window.sL.editMyProfile); $('#accessibility-toggle-link').html(window.sL.accessibilityToggleLink); // 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]; } if(v[3]) { // extract server base url v[3] = v[3].substring(v[3].indexOf('://')+3,v[3].lastIndexOf(v[1])-1); } 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, 'url':v[3] }; i++; }); cacheSyntaxHighlighting(); // do this now not to stall slow computers // we might have cached text for the queet box // (we need to get the mentions suggestions and cache the syntax highlighting before doing this) var cachedQueetBoxData = localStorageObjectCache_GET('queetBoxInput','queet-box'); var cachedQueetBoxDataText = $('
').html(cachedQueetBoxData).text(); if(cachedQueetBoxData) { queetBox = $('#queet-box'); queetBox.click(); queetBox.html(cachedQueetBoxData); setSelectionRange(queetBox[0], cachedQueetBoxDataText.length, cachedQueetBoxDataText.length); queetBox.trigger('input'); } } }); // 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,'
',false); getDoc('faq',function(faqHtml){ $('#faq-container').html(faqHtml); }); }); /* · · · Classic Link, toggle setting in api and redirect to /all · · · · · · · · · · · · · · */ $('#classic-link, #accessibility-toggle-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(),'
','
'); $('#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(),'
','
'); $('#popup-external-join form input#profile').focus(); $('#popup-external-join button.primary').click(function(){ $('#popup-external-join form').submit(); }); }); /* · · · When clicking a 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); appendUserToMentionsSuggestionsArray(data); } 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); } /* · · -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; } // if we're clicking something in a profile card popup, close it! if($(this).closest('#popup-local-profile, #popup-external-profile').length>0) { $('.modal-container').remove(); } // 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 + '/',''))) || (/^[0-9]+$/.test($(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/user/','')))) { if($(this).attr('href').indexOf('/user/') > -1) { var linkNickname = $(this).text().toLowerCase(); if(linkNickname.substring(0,1) == '@') { linkNickname = linkNickname.substring(1); } } else { var linkNickname = $(this).attr('href').replace('http://','').replace('https://','').replace(window.siteRootDomain + '/',''); } // don't hijack /groups-url if(linkNickname == 'groups') { return; } e.preventDefault(); // logged in user if($(this).parent().attr('id') == 'user-profile-link' || linkNickname == window.loggedIn.screen_name) { setNewCurrentStream('statuses/user_timeline.json?screen_name=' + window.loggedIn.screen_name,function(){},true); } // when in local profile popups else if($(this).closest('#popup-local-profile').length>0) { setNewCurrentStream('statuses/user_timeline.json?screen_name=' + linkNickname,function(){},true); } // any local user, not in popups –> open popup else { $(this).addClass('local-profile-clicked'); popUpAction('popup-local-profile', '','',false); display_spinner('#popup-local-profile-spinner'); var cachedUserArray = userArrayCacheGetByProfileUrlAndNickname($(this).attr('href'), linkNickname); if(cachedUserArray && cachedUserArray.local) { openLocalProfileInPopup(cachedUserArray.local); remove_spinner(); $('.local-profile-clicked').removeClass('local-profile-clicked'); } // but always query the server also getFromAPI('users/show.json?id=' + linkNickname,function(data){ if(data) { // update the popup if it's still open if($('#popup-local-profile').length>0) { openLocalProfileInPopup(data); remove_spinner(); $('.local-profile-clicked').removeClass('local-profile-clicked'); } } }); } } // 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(); if(groupName.substring(0,1) == '!') { groupName = groupName.substring(1); } } 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(),'',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(); $(this).addClass('external-profile-clicked'); popUpAction('popup-external-profile', '','',false); display_spinner('#popup-external-profile-spinner'); // try getting from cache, to display immediately if($(this).hasClass('account-group')) { var externalNickname = $(this).children('.screen-name').text(); } else { var externalNickname = $(this).text(); } if(externalNickname.substring(0,1) == '@') { externalNickname = externalNickname.substring(1); } var cachedUserArray = userArrayCacheGetByProfileUrlAndNickname($(this).attr('href'), externalNickname); if(cachedUserArray && cachedUserArray.external) { openExternalProfileInPopup(cachedUserArray); remove_spinner(); $('.external-profile-clicked').removeClass('external-profile-clicked'); } // but always query the server also getFromAPI('qvitter/external_user_show.json?profileurl=' + encodeURIComponent($(this).attr('href')),function(data){ if(data && data.external !== null) { // update the popup if it's still open if($('#popup-external-profile').length>0) { openExternalProfileInPopup(data); remove_spinner(); } $('.external-profile-clicked').removeClass('external-profile-clicked'); } // if external lookup failed, and we don't have a cached profile card, trigger click again. // it will not be hijacked since we don't remove the external-profile-clicked class here else if($('#popup-external-profile-spinner').length > 0){ $('.modal-container').remove(); $('.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 = ''; // 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 + ''; } i++; }); var profileCard = '

' + data.fullname + '

!' + data.nickname + '@' + groupServer + '

' + data.description + '

' + data.homepage.replace('http://','').replace('https://','') + '

' + memberButton + '
'; 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 = '
  • ' + window.sL.blockUser.replace('{username}',streamItemUsername) + '
    • '; } else { deleteHtml = '
  • ' + window.sL.deleteVerb + '
    • '; } $(this).closest('.action-ellipsis-container').append('\
      \
      • \ ' + blockHtml + '\ ' + deleteHtml + '\
    \ '); } }); /* · · · 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; } var hiddenStreamItems = $('.stream-item.hidden'); hiddenStreamItems.css('opacity','0') hiddenStreamItems.animate({opacity:'1'}, 200); hiddenStreamItems.addClass('visible'); hiddenStreamItems.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('img') && !$(event.target).is('.name') && !$(event.target).is('.queet-box') && !$(event.target).is('.syntax-two') && !$(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()); } }); /* · · · Image popups · · · · · · · · · · · · · · */ $('body').on('click','.stream-item .queet img.attachment-thumb',function (event) { event.preventDefault(); // don't do anything if we are in the middle of collapsing if($(this).closest('.stream-item').hasClass('collapsing')) { // no action } // if the stream item isn't expanded, expand that else if(!$(this).closest('.stream-item').hasClass('expanded')) { expand_queet($(this).closest('.stream-item')); } // otherwise we open the popup else { var thisAttachmentThumbSrc = $(this).attr('src'); var parentStreamItem = $(this).closest('.stream-item'); var $parentStreamItemClone = $('
    ').append(parentStreamItem.outerHTML()); if(!parentStreamItem.hasClass('conversation')) { $parentStreamItemClone.find('.stream-item.conversation').remove(); } var $queetThumbsClone = $('
    ').append($parentStreamItemClone.find('.queet-thumbs').outerHTML()); $parentStreamItemClone.find('.queet-thumbs, .expanded-content, .inline-reply-queetbox, .stream-item-footer').remove(); var footerHTML = $parentStreamItemClone.find('.queet').outerHTML(); $thumbToDisplay = $queetThumbsClone.find('img.attachment-thumb[src="' + thisAttachmentThumbSrc + '"]'); $thumbToDisplay.parent().addClass('display-this-thumb'); // "play" all animated gifs and add youtube iframes to all youtube videos $.each($queetThumbsClone.find('img.attachment-thumb'),function(){ if($(this).attr('data-mime-type') == 'image/gif' && $(this).parent().hasClass('play-button')) { $(this).attr('src',$(this).attr('data-full-image-url')); $(this).parent('.thumb-container').css('background-image','url(\'' + $(this).attr('data-full-image-url') + '\')'); } else if($(this).parent().hasClass('youtube')){ // autoplay a clicked video var autoplayFlag = ''; if($(this).parent().hasClass('display-this-thumb')) { autoplayFlag = '&autoplay=1'; } var youtubeId = $(this).attr('data-full-image-url').replace('http://www.youtube.com/watch?v=','').replace('https://www.youtube.com/watch?v=','').replace('http://youtu.be/','').replace('https://youtu.be/','').substr(0,11); $(this).parent().prepend(''); } }); // navigation buttons var imgNum = parentStreamItem.children('.queet').find('.attachment-thumb').length; if(imgNum > 1) { $queetThumbsClone.find('.queet-thumbs').before('
    '); $queetThumbsClone.find('.queet-thumbs').after('
    '); } if(parentStreamItem.hasClass('expanded')) { var calculatedDimensions = calculatePopUpAndImageDimensions($thumbToDisplay.attr('src')); var $thisImgInQueetThumbsClone = $queetThumbsClone.find('img[src="' + $thumbToDisplay.attr('src') + '"]'); // set dimensions $thisImgInQueetThumbsClone.width(calculatedDimensions.displayImgWidth); $thisImgInQueetThumbsClone.parent('.thumb-container').width(calculatedDimensions.displayImgWidth); $thisImgInQueetThumbsClone.parent('.thumb-container').children('iframe').attr('width',calculatedDimensions.displayImgWidth); $thisImgInQueetThumbsClone.parent('.thumb-container').children('iframe').attr('height',calculatedDimensions.displayImgHeight); // open popup popUpAction('queet-thumb-popup', '', '' + $queetThumbsClone.outerHTML() + '', footerHTML, calculatedDimensions.popUpWidth); disableOrEnableNavigationButtonsInImagePopup($('#queet-thumb-popup')); } } }); // popups can be max 900px wide, and should not be higher than the window, so we need to do some calculating function calculatePopUpAndImageDimensions(img_src) { // trick to get width and height, we can't go with what gnusocial tells us, because // gnusocial doesn't (always?) report width and height after proper orientation $('body').prepend('
    '); var imgWidth = $('#img-dimension-check img').width(); var imgHeight = $('#img-dimension-check img').height(); $('#img-dimension-check').remove(); // e.g. svg's may not have dimensions set, in that case we just make them small if(typeof imgWidth == 'undefined' && typeof imgHeight == 'undefined') { return {popUpWidth: 540, displayImgWidth: 540}; } var thisImgWidth = parseInt(imgWidth,10); var thisImgHeight = parseInt(imgHeight,10); var maxImageHeight = $(window).height() - 120; // 120 being a little more than a short queet in the footer if(thisImgWidth < 540) { var displayImgWidth = thisImgWidth; var popUpWidth = 540; if(thisImgHeight > maxImageHeight) { displayImgWidth = Math.round(maxImageHeight/thisImgHeight*displayImgWidth); } } else if(thisImgWidth < 900) { var displayImgWidth = thisImgWidth; if(thisImgHeight > maxImageHeight) { displayImgWidth = Math.round(maxImageHeight/thisImgHeight*displayImgWidth); if(displayImgWidth < 540) { var popUpWidth = 540; } else { var popUpWidth = displayImgWidth; } } else { var popUpWidth = displayImgWidth; } } else { var displayImgWidth = 900; var displayImgHeight = 900/thisImgWidth*thisImgHeight; if(displayImgHeight > maxImageHeight) { displayImgWidth = Math.round(maxImageHeight*displayImgWidth/displayImgHeight); if(displayImgWidth < 540) { var popUpWidth = 540; } else if(displayImgWidth < 900) { var popUpWidth = displayImgWidth; } else { var popUpWidth = 900; } } else { var popUpWidth = 900; } } return {popUpWidth: popUpWidth, displayImgWidth: displayImgWidth}; } // switch to next image when clicking the image in the popup $('body').on('click','#queet-thumb-popup .attachment-thumb',function (event) { event.preventDefault(); var nextImage = $(this).parent().next().children('.attachment-thumb'); if(nextImage.length>0) { // start and stop youtube videos, if any $.each($(this).parent('.youtube').children('iframe'),function(){ this.contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); }); $.each(nextImage.parent('.youtube').children('iframe'),function(){ this.contentWindow.postMessage('{"event":"command","func":"' + 'playVideo' + '","args":""}', '*'); }); // set dimensions of next image and the popup var calculatedDimensions = calculatePopUpAndImageDimensions(nextImage.attr('src')); nextImage.width(calculatedDimensions.displayImgWidth); nextImage.parent('.thumb-container').width(calculatedDimensions.displayImgWidth); nextImage.parent('.thumb-container').children('iframe').attr('width',calculatedDimensions.displayImgWidth); nextImage.parent('.thumb-container').children('iframe').attr('height',calculatedDimensions.displayImgHeight); $('#queet-thumb-popup .modal-draggable').width(calculatedDimensions.popUpWidth); // switch image $(this).parent().removeClass('display-this-thumb'); $(this).parent().next().addClass('display-this-thumb'); disableOrEnableNavigationButtonsInImagePopup($('#queet-thumb-popup')); centerPopUp($('#queet-thumb-popup .modal-draggable')); } }); // navigation buttons in image popup $('body').on('click','#queet-thumb-popup .next-thumb',function (event) { $(this).parent().find('.display-this-thumb').children('img').trigger('click'); }); $('body').on('click','#queet-thumb-popup .prev-thumb',function (event) { var prevImage = $(this).parent().find('.display-this-thumb').prev().children('img'); if(prevImage.length>0) { // start and stop youtube videos, if any $.each($(this).parent().find('.display-this-thumb.youtube').children('iframe'),function(){ this.contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); }); $.each(prevImage.parent('.youtube').children('iframe'),function(){ this.contentWindow.postMessage('{"event":"command","func":"' + 'playVideo' + '","args":""}', '*'); }); // set dimensions of next image and the popup var calculatedDimensions = calculatePopUpAndImageDimensions(prevImage.attr('src')); prevImage.width(calculatedDimensions.displayImgWidth); prevImage.parent('.thumb-container').width(calculatedDimensions.displayImgWidth); prevImage.parent('.thumb-container').children('iframe').attr('width',calculatedDimensions.displayImgWidth); prevImage.parent('.thumb-container').children('iframe').attr('height',calculatedDimensions.displayImgHeight); $('#queet-thumb-popup .modal-draggable').width(calculatedDimensions.popUpWidth); // switch image $(this).parent().find('.display-this-thumb').removeClass('display-this-thumb'); prevImage.parent().addClass('display-this-thumb'); disableOrEnableNavigationButtonsInImagePopup($('#queet-thumb-popup')); centerPopUp($('#queet-thumb-popup .modal-draggable')); } }); function disableOrEnableNavigationButtonsInImagePopup(popUp) { if(popUp.find('.display-this-thumb').prev().length < 1) { popUp.find('.prev-thumb').addClass('disabled'); } else { popUp.find('.prev-thumb').removeClass('disabled'); } if(popUp.find('.display-this-thumb').next().length < 1) { popUp.find('.next-thumb').addClass('disabled'); } else { popUp.find('.next-thumb').removeClass('disabled'); } } /* · · · 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 = $('
    ').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,'
    '); $('#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_queet = this_stream_item.children('.queet'); var this_action = $(this).closest('li'); // requeet if(!this_action.children('.with-icn').hasClass('done')) { // update the repeat count immediately var newRqNum = parseInt(this_queet.find('.action-rq-num').html(),10)+1; this_queet.find('.action-rq-num').html(newRqNum); this_queet.find('.action-rq-num').attr('data-rq-num',newRqNum); this_action.children('.with-icn').addClass('done'); this_stream_item.addClass('requeeted'); // requeet animation this_action.children('.with-icn').children('.sm-rt').addClass('rotate'); // remove the fav and rq cache for this queet, to avoid number flickering localStorageObjectCache_STORE('favsAndRequeets',this_stream_item.attr('data-quitter-id'), false); // 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).closest('.stream-item'); var this_queet = this_stream_item.children('.queet'); // 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')) { // update the fav count immediately var newFavNum = parseInt(this_queet.find('.action-fav-num').html(),10)+1; this_queet.find('.action-fav-num').html(newFavNum); this_queet.find('.action-fav-num').attr('data-fav-num',newFavNum); this_action.children('.with-icn').addClass('done'); this_stream_item.addClass('favorited'); // fav animation this_action.children('.with-icn').children('.sm-fav').addClass('pulse'); // remove the fav and rq cache for this queet, to avoid number flickering localStorageObjectCache_STORE('favsAndRequeets',this_stream_item.attr('data-quitter-id'), false); // 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 { // update the fav count immediately var newFavNum = Math.max(0, parseInt(this_queet.find('.action-fav-num').html(),10)-1); this_queet.find('.action-fav-num').html(newFavNum); this_queet.find('.action-fav-num').attr('data-fav-num',newFavNum); this_action.children('.with-icn').removeClass('done'); this_action.find('.with-icn b').html(window.sL.favoriteVerb); this_stream_item.removeClass('favorited'); // remove the fav and rq cache for this queet, to avoid number flickering localStorageObjectCache_STORE('favsAndRequeets',this_stream_item.attr('data-quitter-id'), false); // post unfav postActionToAPI('favorites/destroy/' + 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 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 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 = $('
    ').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); var queetBoxWidth = $('#popup-compose').find('.inline-reply-queetbox').width()-20; $('#popup-compose').find('.queet-box-syntax').width(queetBoxWidth); $('#popup-compose').find('.syntax-middle').width(queetBoxWidth); $('#popup-compose').find('.syntax-two').width(queetBoxWidth); $('#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
    :s to \n:s, // so we do this detour to make sure line breaks are preserved queetBox.html(queetBox.html().replace(/
    /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,'
    ')); // no xss queetTempText = queetTempText.replace(/<br>/g,'
    '); // but preserve line breaks var queetHtml = '
    posting
    ' + queetTempText + '
    '; 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(); // clear queetbox input cache localStorageObjectCache_STORE('queetBoxInput',queetBox.attr('id'),false); // 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(' '); $(this).siblings('.syntax-two').html(' '); $(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 = $('
    ').append(decodeURIComponent($(this).attr('data-replies-text'))); if($.trim($startText.text()) == $.trim($(this).text()) || $(this).html().length == 0 || $(this).html() == '
    ' || $(this).html() == '
    ' || $(this).html() == ' ' || $(this).html() == ' 
    ') { collapseQueetBox($(this)); } } // collapse if empty else if($(this).html().length == 0 || $(this).html() == '
    ' || $(this).html() == '
    ' || $(this).html() == ' ' || $(this).html() == ' 
    ') { 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() == '
    ') { thisQueetBox.html(' '); } } }); // strip html from paste function stripHtmlFromPaste(e) { e.preventDefault(); var text = replaceHtmlSpecialChars(e.clipboardData.getData("text/plain")); text = text.replace(/\n/g,'
    ').replace(/\t/g, '    '); // 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(/
    $/, '').replace(/ $/, '').replace(/ $/, ''); // fix $(this).siblings('.syntax-two').html(currentVal); // loop through the regexps and highlight $.each(window.syntaxHighlightingRegexps,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],'' + currentMatch[0].replace('#','#').replace('@','@').replace('.','.').replace('!','!') + '') } }); $(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; // see if anyone we're following matches var suggestionsToShow = []; var suggestionsUsernameCount = {}; suggestionsUsernameCount[window.loggedIn.screen_name] = 1; // any suggestions with the same screen name as mine will get their server url added $.each(window.following,function(){ var userregex = new RegExp(term); if(this.username.toLowerCase().match(userregex) || this.name.toLowerCase().match(userregex)) { suggestionsToShow.push({avatar:this.avatar, name:this.name, username:this.username,url:this.url}); // count the usernames to see if we need to show the server for any of them if(typeof suggestionsUsernameCount[this.username] != 'undefined') { suggestionsUsernameCount[this.username] = suggestionsUsernameCount[this.username] + 1; } else { suggestionsUsernameCount[this.username] = 1; } } }); // show matches $.each(suggestionsToShow,function(){ var serverHtml = ''; if(suggestionsUsernameCount[this.username]>1 && this.url !== false) { serverHtml = '@' + this.url; } queetBox.siblings('.mentions-suggestions').append('
    ' + this.name + ' @' + this.username + serverHtml + '
    ') }); } else { queetBox.siblings('.mentions-suggestions').empty(); } } else { queetBox.siblings('.mentions-suggestions').empty(); } } }); /* · · · Store unposted queets in cache, if the user accidentally reloads the page or something · · · · · · · · · · · · · · */ $('body').on('keyup', 'div.queet-box-syntax', function(e) { // remove from cache if empty, or same as default text if($.trim($(this).text()) == '' || $.trim($(this).text()) == window.sL.compose || $.trim($(this).text()) == $.trim(decodeURIComponent($(this).attr('data-start-text'))) || $.trim($(this).text()) == $.trim(decodeURIComponent($(this).attr('data-replies-text')))) { localStorageObjectCache_STORE('queetBoxInput',$(this).attr('id'),false); } else { localStorageObjectCache_STORE('queetBoxInput',$(this).attr('id'),$(this).html()); } }); /* · · · Keyboard shortcuts · · · · · · · · · · · · · · */ // menu $('#shortcuts-link').click(function(){ popUpAction('popup-shortcuts', window.sL.keyboardShortcuts,'
    ',false); getDoc('shortcuts',function(html){ $('#shortcuts-container').html(html); centerPopUp($('#popup-shortcuts').find('.modal-draggable')); }); }); // send queet on ctrl+enter or ⌘+enter (mac) $('body').on('keydown','.queet-box-syntax',function (e) { if((e.ctrlKey && e.which == 13) || (e.metaKey && e.which == 13)) { e.preventDefault(); var pressThisButton = $(this).siblings('.queet-toolbar').children('.queet-button').children('button'); pressThisButton.click(); $(this).blur(); } }); $('body').keyup(function (e) { // only if queetbox is blurred, and we're not typing in any input, and we're logged in if($('.queet-box-syntax[contenteditable="true"]').length == 0 && $(":focus").length == 0 && window.loggedIn !== false) { // shortcuts documentation on '?' if(e.shiftKey && (e.which == 171 || e.which == 191)) { $('#shortcuts-link').click(); } // queet box popup on 'n' else if(e.which == 78) { // n e.preventDefault(); var pressThis = $('#top-compose') pressThis.click(); } // select first queet on first selection, 'j' or 'k' else if ((e.which == 74 || e.which == 75) && $('.stream-item.selected-by-keyboard').length == 0) { $('#feed-body').children('.stream-item.visible').first().addClass('selected-by-keyboard'); } // only if we have a selected queet else if($('.stream-item.selected-by-keyboard').length == 1) { var selectedQueet = $('#feed-body').children('.stream-item.selected-by-keyboard'); // next queet on 'j' if(e.which == 74) { selectedQueet.removeClass('selected-by-keyboard'); var next = selectedQueet.nextAll('.visible').not('.activity').first(); next.addClass('selected-by-keyboard'); scrollToQueet(next); } // prev queet on 'k' else if(e.which == 75) { selectedQueet.removeClass('selected-by-keyboard'); var prev = selectedQueet.prevAll('.visible').not('.activity').first(); prev.addClass('selected-by-keyboard'); scrollToQueet(prev); } // fav queet on 'f' else if(e.which == 70) { selectedQueet.children('.queet').find('.icon.sm-fav').click(); } // rq queet on 't' else if(e.which == 84) { selectedQueet.children('.queet').find('.icon.sm-rt:not(.is-mine)').click(); } // expand/collapse queet on enter else if(e.which == 13) { selectedQueet.children('.queet').click(); } // reply to queet on 'r' else if(e.which == 82) { if(selectedQueet.hasClass('expanded')) { selectedQueet.children('.queet').find('.queet-box-syntax').click(); } else { selectedQueet.children('.queet').find('.icon.sm-reply').click(); } } } } }); /* · · · 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(''); 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('\
    \
    \ \
    \
    \ \
    \
    \ \
    \
    \ \
    \ \

    @' + data.screen_name + '

    \
    \ \
    \

    \ \ · \ \

    \
    \
    \
    \
    \ \ \
    \
    \ \ \
    \ \
    \
    \
    \
    '); $('#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) { // pause for 500ms before saving and displaying color changes window.changeToLinkColor = hex; setTimeout(function(){ if(hex == window.changeToLinkColor) { changeDesign({linkcolor:hex}); postNewLinkColor(hex.substring(1)); window.loggedIn.linkcolor = hex.substring(1); } },500); } }); $('#background-color-selection').minicolors({ change: function(hex) { // pause for 500ms before saving and displaying color changes window.changeToBackgroundColor = hex; setTimeout(function(){ if(hex == window.changeToBackgroundColor) { changeDesign({backgroundcolor:hex}); postNewBackgroundColor(hex.substring(1)); window.loggedIn.backgroundcolor = hex.substring(1); } },500); } }); // 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(''); // 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'); // replace the hardcoded "click to drag" string $('#' + cropId).siblings('.jwc_controls').children('span').html(window.sL.clickToDrag); 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('
    '); 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(''); 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(' '); 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); } });