/* · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · Q V I T T E R · · · · http://github.com/hannesmannerheim/qvitter · · · · · · \\\\_\ · · \\) \____) · · · · · · · · Qvitter is free software: you can redistribute it and / or modify it · · under the terms of the GNU Affero General Public License as published by · · the Free Software Foundation, either version three of the License or (at · · your option) any later version. · · · · Qvitter is distributed in hope that it will be useful but WITHOUT ANY · · WARRANTY; without even the implied warranty of MERCHANTABILTY or FITNESS · · FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for · · more details. · · · · You should have received a copy of the GNU Affero General Public License · · along with Qvitter. If not, see . · · · · Contact h@nnesmannerhe.im if you have any questions. · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · */ /* · · · Main stream item builder function · · Not used yet, I was only thinking that the addToFeed()-function · hidden far down in this file should be restructured into something · in this direction. · · @param streamItemObj: object with all necessary data to build stream · · @return the html of the stream item · · · · · · · · · · */ function buildStreamItem(streamItemObj) { // make a jquery base element var streamItemContainer = $('
').append('
'); var streamItem = streamItemContainer.children('.stream-item'); // give it an id streamItem.attr('id',streamItemObj.id); // give it classes $.each(streamItemObj.classes, function(k,o){ streamItem.addClass(o); }); return streamItemContainer.html(); } /* · · · Show favs or requeets in queet element · · @param q: queet jQuery object · @param users: object with users that has faved or requeeted · @param type: fav or requeet · · · · · · · · · · */ function showFavsOrRequeetsInQueet(q,users,type) { // label maybe plural if(users.length == 1) { if(type=='favs') { var label = window.sL.favoriteNoun; } else if(type=='requeets') { var label = window.sL.requeetNoun; } } else if(users.length > 1) { if(type=='favs') { var label = window.sL.favoritesNoun; } else if(type=='requeets') { var label = window.sL.requeetsNoun; } } var html = '
  • ' + users.length + ' ' + label + '
  • '; // add fav and rq-container if it doesn't exist if(!q.find('ul.stats').length > 0) { q.find('.queet-stats-container').prepend('
    '); } // requeets always first if(type=='favs') { q.find('li.avatar-row').before(html.replace('x-count','fav-count')); } else if(type=='requeets') { q.find('ul.stats').prepend(html.replace('x-count','rq-count')); } // show max seven avatars var avatarnum = q.find('.avatar').length; if(avatarnum < 7) { $.each(users,function(){ // api return little different objects for fav and rq var userObj = new Object(); if(type=='favs') { userObj = this; } else if(type=='requeets') { userObj.fullname = this.user.name; userObj.user_id = this.user.id; userObj.profileurl = this.user.statusnet_profile_url; userObj.avatarurl = this.user.profile_image_url; } // no dupes if(q.children('.queet').find('#av-' + userObj.user_id).length==0) { q.find('.avatar-row').append('' + userObj.fullname + ''); avatarnum++; } return (avatarnum < 8); }); } } /* · · · Adds a profile card before feed element, with data from the first object in the included object · · @param data: an object with one or more queet objects · · · · · · · · · · */ function profileCardFromFirstObject(data,screen_name) { var first = new Object(); for (var i in data) { if (data.hasOwnProperty(i) && typeof(i) !== 'function') { first = data[i]; break; } } if(typeof first.user != 'undefined') { // we don't want to print 'null' first.user.name = first.user.name || ''; first.user.profile_image_url = first.user.profile_image_url || ''; first.user.profile_image_url_profile_size = first.user.profile_image_url_profile_size || ''; first.user.profile_image_url_original = first.user.profile_image_url_original || ''; first.user.screen_name = first.user.screen_name || ''; first.user.description = first.user.description || ''; first.user.location = first.user.location || ''; first.user.url = first.user.url || ''; first.user.statusnet_profile_url = first.user.statusnet_profile_url || ''; first.user.statuses_count = first.user.statuses_count || 0; first.user.followers_count = first.user.followers_count || 0; first.user.friends_count = first.user.friends_count || 0; // show user actions if logged in var followingClass = ''; if(first.user.following) { followingClass = 'following'; } var followButton = ''; if(typeof window.loggedIn.screen_name != 'undefined' && window.myUserID != first.user.id) { var followButton = ''; } // follow from external instance if logged out if(typeof window.loggedIn.screen_name == 'undefined') { var followButton = ''; } // change design changeDesign(first.user); // remove any old profile card $('#feed').siblings('.profile-card').remove(); // insert profile card into dom $('#feed').before(''); } // if user hasn't queeted or if we're not allowed to read their queets else { getFromAPI('users/show/' + screen_name + '.json', function(data){ if(data){ data.name = data.name || ''; data.profile_image_url = data.profile_image_url || ''; data.profile_image_url_profile_size = data.profile_image_url_profile_size || ''; data.profile_image_url_original = data.profile_image_url_original || ''; data.screen_name = data.screen_name || ''; data.description = data.description || ''; data.location = data.location || ''; data.url = data.url || ''; data.statusnet_profile_url = data.statusnet_profile_url || ''; data.statuses_count = data.statuses_count || 0; data.followers_count = data.followers_count || 0; data.groups_count = data.groups_count || 0; data.friends_count = data.friends_count || 0; // show user actions if logged in var followingClass = ''; if(data.following) { followingClass = 'following'; } var followButton = ''; if(typeof window.loggedIn.screen_name != 'undefined' && window.myUserID != data.id) { var followButton = ''; } // change design changeDesign(data); // remove any old profile card and show profile card $('#feed').siblings('.profile-card').remove(); $('#feed').before(''); }}); } } /* · · · Adds a group profile card before feed element · · @param data: an object with one or more queet objects · · · · · · · · · · */ function groupProfileCard(groupAlias) { getFromAPI('statusnet/groups/show/' + groupAlias + '.json', function(data){ if(data){ data.nickname = data.nickname || ''; data.fullname = data.fullname || ''; data.stream_logo = data.stream_logo || window.fullUrlToThisQvitterApp + 'img/default-avatar-stream.png'; data.homepage_logo = data.homepage_logo || window.fullUrlToThisQvitterApp + 'img/default-avatar-profile.png'; data.original_logo = data.original_logo || window.fullUrlToThisQvitterApp + 'img/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 memberButton = ''; if(typeof window.loggedIn.screen_name != 'undefined') { var memberButton = ''; } // follow from external instance if logged out if(typeof window.loggedIn.screen_name == 'undefined') { var memberButton = ''; } // add card to DOM $('#feed').siblings('.profile-card').remove(); // remove any old profile card $('#feed').before(''); }}); } /* · · · Change stream · · @param stream: part of the url to the api (everything after api base url) · @param actionOnSuccess: callback function on success · · · · · · · · · · */ function setNewCurrentStream(stream,actionOnSuccess,setLocation) { // don't do anything if this stream is already the current if(window.currentStream == stream) { // scroll to top if we are downscrolled // refresh if we are at top return; } // remember state of old stream (including profile card) window.oldStreams[window.currentStream] = $('#feed').siblings('.profile-card').outerHTML() + $('#feed').outerHTML(); // set location bar from stream if(setLocation) { setUrlFromStream(stream); } // halt interval that checks for new queets window.clearInterval(checkForNewQueetsInterval); display_spinner(); $(window).scrollTop(0); $('#feed-body').removeAttr('data-search-page-number'); // null any searches // remember the most recent stream selection in global var window.currentStream = stream; // if this is a @user stream, i.e. user's queets, user's followers, user's following, we set _queets_ as the default stream in the menu if(stream.substring(0,45) == 'statuses/followers.json?count=20&screen_name=' || stream.substring(0,43) == 'statuses/friends.json?count=20&screen_name=' || stream.substring(0,48) == 'statusnet/groups/list.json?count=10&screen_name=' || stream.substring(0,51) == 'qvitter/statuses/friends_timeline.json?screen_name=' || stream.substring(0,27) == 'favorites.json?screen_name=' || stream.substring(0,43) == 'qvitter/statuses/mentions.json?screen_name=' || stream.substring(0,27) == 'statuses/user_timeline.json') { var defaultStreamName = 'statuses/user_timeline.json?' + stream.substring(stream.indexOf('screen_name=')); var streamHeader = '@' + stream.substring(stream.lastIndexOf('=')+1); } // if this is a my user streams, i.e. my followers, my following else if(stream == 'statuses/followers.json?count=20' || stream == 'statuses/friends.json?count=20' || stream == 'statusnet/groups/list.json?count=10') { var defaultStreamName = stream; var streamHeader = '@' + window.loggedIn.screen_name; } // if this is one of the default streams, get header from DOM else if(stream == 'qvitter/statuses/friends_timeline.json' || stream == 'qvitter/statuses/mentions.json' || stream == 'favorites.json' || stream == 'statuses/public_timeline.json' || stream == 'statuses/public_and_external_timeline.json') { var defaultStreamName = stream; var streamHeader = $('.stream-selection[data-stream-name="' + stream + '"]').attr('data-stream-header'); } // if this is a !group stream else if(stream.substring(0,26) == 'statusnet/groups/timeline/' || stream.substring(0,28) == 'statusnet/groups/membership/' || stream.substring(0,24) == 'statusnet/groups/admins/') { var defaultStreamName = 'statusnet/groups/timeline/' + stream.substring(stream.lastIndexOf('/')+1); var streamHeader = '!' + stream.substring(stream.lastIndexOf('/')+1, stream.indexOf('.json')); } // if this is a #tag stream else if(stream.substring(0,24) == 'statusnet/tags/timeline/') { var defaultStreamName = stream; var streamHeader = '#' + stream.substring(stream.indexOf('/timeline/')+10,stream.indexOf('.json')); } // if this is a search stream else if(stream.substring(0,11) == 'search.json') { var defaultStreamName = stream; var streamHeader = window.sL.searchVerb + ': ' + decodeURIComponent(stream.substring(stream.indexOf('?q=')+3)); } // set the h2 header in the feed if(stream.substring(0,23) == 'statuses/followers.json') { var h2FeedHeader = window.sL.followers; } else if(stream.substring(0,21) == 'statuses/friends.json') { var h2FeedHeader = window.sL.following; } else if(stream.substring(0,40) == 'statuses/user_timeline.json?screen_name=') { var h2FeedHeader = window.sL.notices + ''; } else if(stream.substring(0,43) == 'qvitter/statuses/mentions.json?screen_name=') { var h2FeedHeader = '' + window.sL.mentions + ''; } else if(stream.substring(0,27) == 'favorites.json?screen_name=') { var h2FeedHeader = '' + window.sL.favoritesNoun; } else if(stream.substring(0,26) == 'statusnet/groups/list.json') { var h2FeedHeader = window.sL.groups; } else if(stream.substring(0,28) == 'statusnet/groups/membership/') { var h2FeedHeader = window.sL.memberCount; } else if(stream.substring(0,24) == 'statusnet/groups/admins/') { var h2FeedHeader = window.sL.adminCount; } else if(stream.substring(0,51) == 'qvitter/statuses/friends_timeline.json?screen_name=') { var h2FeedHeader = '' + streamHeader + '/all'; // ugly rtl fix, sry, we should have translations for this stream header } else { var h2FeedHeader = streamHeader; } // if we have a saved copy of this stream, show it immediately (but it is replaced when stream finishes to load later) if(typeof window.oldStreams[window.currentStream] != "undefined") { $('.profile-card').remove(); $('#feed').remove(); $('#user-container').after(window.oldStreams[window.currentStream]); $('.profile-card').css('display','none'); $('#feed').css('display','none'); $('.profile-card').fadeIn(300); $('#feed').fadeIn(300); } // otherwise we fade out and wait for stream to load else { // fade out $('#feed,.profile-card').animate({opacity:'0'},150,function(){ // when fade out finishes, remove any profile cards and set new header $('.profile-card').remove(); $('#feed-header-inner h2').html(h2FeedHeader); }); } // add this stream to history menu if it doesn't exist there (but not if this is me or if we're not logged in) if($('.stream-selection[data-stream-header="' + streamHeader + '"]').length==0 && streamHeader != '@' + window.loggedIn.screen_name && typeof window.loggedIn.screen_name != 'undefined') { $('#history-container').append('' + streamHeader + ''); updateHistoryLocalStorage(); } // mark this stream as current in menu $('.stream-selection').removeClass('current'); $('.stream-selection[data-stream-header="' + streamHeader + '"]').addClass('current'); // if this is user's user feed, i.e. followers etc, we want a profile card, which we need to get from user_timeline since the users/show api action is broken (auth doesn't work) if(stream.substring(0,23) == 'statuses/followers.json' || stream.substring(0,21) == 'statuses/friends.json' || stream.substring(0,26) == 'statusnet/groups/list.json' || stream.substring(0,43) == 'qvitter/statuses/mentions.json?screen_name=' || stream.substring(0,27) == 'favorites.json?screen_name=' || stream.substring(0,51) == 'qvitter/statuses/friends_timeline.json?screen_name=') { getFromAPI(defaultStreamName + '&count=1', function(profile_data){ if(profile_data) { getFromAPI(stream, function(user_data){ if(user_data) { // while waiting for this data user might have changed stream, so only proceed if current stream still is this one if(window.currentStream == stream) { // change design changeDesign(window); // get screen name from stream, if not found, this is me if(stream.indexOf('screen_name=')>-1) { var thisUsersScreenName = stream.substring(stream.indexOf('screen_name=')+12); } else { var thisUsersScreenName = window.loggedIn.screen_name; } profileCardFromFirstObject(profile_data,thisUsersScreenName); // show profile card checkForNewQueetsInterval=window.setInterval(function(){checkForNewQueets()},window.timeBetweenPolling); // start interval again remove_spinner(); $('#feed-body').html(''); // empty feed only now so the scrollers don't flicker on and off $('#new-queets-bar').parent().addClass('hidden'); document.title = window.siteTitle; // hide new queets bar if it's visible there $('#feed-body').removeAttr('data-search-page-number'); // reset addToFeed(user_data, false,'visible'); // add stream items to feed element $('#feed').animate({opacity:'1'},150); // fade in $('body').removeClass('loading-older');$('body').removeClass('loading-newer'); actionOnSuccess(); // return } } }); } }); } // if this is a queet stream else { getFromAPI(stream, function(queet_data){ if(queet_data) { // while waiting for this data user might have changed stream, so only proceed if current stream still is this one if(window.currentStream == stream) { // change design changeDesign(window); // show profile card if this is a user's queet stream if(stream.substring(0,27) == 'statuses/user_timeline.json') { var thisUsersScreenName = stream.replace('statuses/user_timeline.json','').replace('?screen_name=','').replace('?id=','').replace('?user_id=',''); profileCardFromFirstObject(queet_data,thisUsersScreenName); } // show group profile card if this is a group stream else if(stream.substring(0,26) == 'statusnet/groups/timeline/' || stream.substring(0,28) == 'statusnet/groups/membership/' || stream.substring(0,24) == 'statusnet/groups/admins/') { var thisGroupAlias = stream.substring(stream.lastIndexOf('/')+1, stream.indexOf('.json')); groupProfileCard(thisGroupAlias); } checkForNewQueetsInterval=window.setInterval(function(){checkForNewQueets()},window.timeBetweenPolling); // start interval again remove_spinner(); $('#feed-body').html(''); // empty feed only now so the scrollers don't flicker on and off $('#new-queets-bar').parent().addClass('hidden'); document.title = window.siteTitle; // hide new queets bar if it's visible there addToFeed(queet_data, false,'visible'); // add stream items to feed element $('#feed').animate({opacity:'1'},150); // fade in $('body').removeClass('loading-older');$('body').removeClass('loading-newer'); actionOnSuccess(); // return } } }); } } /* · · · Convert stream to path · · @param stream: the stream, e.g. 'public_timeline.json' · @returns: relative path · · · · · · · · · · */ function convertStreamToPath(stream) { if(stream.substring(0,45) == 'statuses/followers.json?count=20&screen_name=') { var screenName = stream.substring(stream.lastIndexOf('=')+1); return screenName + '/subscribers'; } else if(stream.substring(0,43) == 'statuses/friends.json?count=20&screen_name=') { var screenName = stream.substring(stream.lastIndexOf('=')+1); return screenName + '/subscriptions'; } else if(stream.substring(0,43) == 'qvitter/statuses/mentions.json?screen_name=') { var screenName = stream.substring(stream.indexOf('=')+1); return screenName + '/replies'; } else if(stream.substring(0,27) == 'favorites.json?screen_name=') { var screenName = stream.substring(stream.indexOf('=')+1); return screenName + '/favorites'; } else if(stream.substring(0,48) == 'statusnet/groups/list.json?count=10&screen_name=') { var screenName = stream.substring(stream.lastIndexOf('=')+1); return screenName + '/groups'; } else if(stream == 'statuses/followers.json?count=20') { return window.loggedIn.screen_name + '/subscribers'; } else if(stream == 'statuses/friends.json?count=20') { return window.loggedIn.screen_name + '/subscriptions'; } else if(stream == 'qvitter/statuses/mentions.json') { return window.loggedIn.screen_name + '/replies'; } else if(stream == 'favorites.json') { return window.loggedIn.screen_name + '/favorites'; } else if(stream == 'statusnet/groups/list.json?count=10') { return window.loggedIn.screen_name + '/groups'; } else if (stream.substring(0,27) == 'statuses/user_timeline.json') { var screenName = stream.substring(stream.indexOf('=')+1); return screenName; } else if(stream == 'qvitter/statuses/friends_timeline.json') { return window.loggedIn.screen_name + '/all'; } else if(stream.substring(0,51) == 'qvitter/statuses/friends_timeline.json?screen_name=') { var screenName = stream.substring(stream.indexOf('=')+1); return screenName + '/all'; } else if (stream == 'qvitter/statuses/mentions.json') { return window.loggedIn.screen_name + '/replies'; } else if(stream == 'statuses/public_timeline.json') { return ''; } else if(stream == 'statuses/public_and_external_timeline.json') { return 'main/all'; } else if(stream.substring(0,26) == 'statusnet/groups/timeline/') { var groupName = stream.substring(stream.lastIndexOf('/')+1,stream.indexOf('.json')); return 'group/' + groupName; } else if(stream.substring(0,28) == 'statusnet/groups/membership/') { var groupName = stream.substring(stream.lastIndexOf('/')+1,stream.indexOf('.json')); return 'group/' + groupName + '/members'; } else if(stream.substring(0,24) == 'statusnet/groups/admins/') { var groupName = stream.substring(stream.lastIndexOf('/')+1,stream.indexOf('.json')); return 'group/' + groupName + '/admins'; } else if(stream.substring(0,24) == 'statusnet/tags/timeline/') { var tagName = stream.substring(stream.indexOf('/timeline/')+10,stream.indexOf('.json')); return 'tag/' + tagName; } else if(stream.substring(0,11) == 'search.json') { var searchTerms = stream.substring(stream.indexOf('?q=')+3); return 'search/notice?q=' + searchTerms; } } /* · · · Sets the location bar in the browser to correspond with given stream · · @param stream: the stream, e.g. 'public_timeline.json' · · · · · · · · · · */ function setUrlFromStream(stream) { history.pushState({strm:stream},'','/' + convertStreamToPath(stream)); } /* · · · Get stream from location bar · · @param stream: the stream, e.g. 'public_timeline.json' · · · · · · · · · · */ function getStreamFromUrl() { var loc = window.location.href.replace('http://','').replace('https://','').replace(window.siteRootDomain,''); // default/fallback var streamToSet = 'statuses/public_timeline.json'; // main/all, i.e. full network if (loc == '/main/all') { streamToSet = 'statuses/public_and_external_timeline.json'; } // {domain}/{screen_name} or {domain}/{screen_name}/ else if ((/^[a-zA-Z0-9]+$/.test(loc.substring(0, loc.length - 1).replace('/','')))) { var userToStream = loc.replace('/','').replace('/',''); if(userToStream.length>0) { streamToSet = 'statuses/user_timeline.json?screen_name=' + userToStream; } } // {domain}/{screen_name}/all else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/all','')))) { var userToStream = loc.replace('/','').replace('/all',''); if(userToStream.length>0) { if(window.loggedIn.screen_name == userToStream) { streamToSet = 'qvitter/statuses/friends_timeline.json'; } else { streamToSet = 'qvitter/statuses/friends_timeline.json?screen_name=' + userToStream; } } } // {domain}/{screen_name}/replies else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/replies','')))) { var userToStream = loc.replace('/','').replace('/replies',''); if(userToStream.length>0) { if(window.loggedIn.screen_name == userToStream) { streamToSet = 'qvitter/statuses/mentions.json'; } else { streamToSet = 'qvitter/statuses/mentions.json?screen_name=' + userToStream; } } } // {domain}/{screen_name}/favorites else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/favorites','')))) { var userToStream = loc.replace('/','').replace('/favorites',''); if(userToStream.length>0) { if(window.loggedIn.screen_name == userToStream) { streamToSet = 'favorites.json'; } else { streamToSet = 'favorites.json?screen_name=' + userToStream; } } } // {domain}/{screen_name}/subscribers else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/subscribers','')))) { var userToStream = loc.replace('/','').replace('/subscribers',''); if(userToStream.length>0) { if(window.loggedIn.screen_name == userToStream) { streamToSet = 'statuses/followers.json?count=20'; } else { streamToSet = 'statuses/followers.json?count=20&screen_name=' + userToStream; } } } // {domain}/{screen_name}/subscriptions else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/subscriptions','')))) { var userToStream = loc.replace('/','').replace('/subscriptions',''); if(userToStream.length>0) { if(window.loggedIn.screen_name == userToStream) { streamToSet = 'statuses/friends.json?count=20'; } else { streamToSet = 'statuses/friends.json?count=20&screen_name=' + userToStream; } } } // {domain}/{screen_name}/groups else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/groups','')))) { var userToStream = loc.replace('/','').replace('/groups',''); if(userToStream.length>0) { if(window.loggedIn.screen_name == userToStream) { streamToSet = 'statusnet/groups/list.json?count=10'; } else { streamToSet = 'statusnet/groups/list.json?count=10&screen_name=' + userToStream; } } } // {domain}/tag/{tag} else if (loc.indexOf('/tag/')>-1) { var tagToStream = loc.replace('/tag/',''); if(tagToStream.length>0) { streamToSet = 'statusnet/tags/timeline/' + tagToStream + '.json'; } } // {domain}/group/{group}/members, {domain}/group/{group}/admins or {domain}/group/{group} else if (loc.indexOf('/group/')>-1) { if(loc.indexOf('/members')>-1) { var groupToStream = loc.replace('/group/','').replace('/members',''); if(groupToStream.length>0) { streamToSet = 'statusnet/groups/membership/' + groupToStream + '.json?count=20'; } } else if(loc.indexOf('/admins')>-1) { var groupToStream = loc.replace('/group/','').replace('/admins',''); if(groupToStream.length>0) { streamToSet = 'statusnet/groups/admins/' + groupToStream + '.json?count=20'; } } else { var groupToStream = loc.replace('/group/',''); if(groupToStream.length>0) { streamToSet = 'statusnet/groups/timeline/' + groupToStream + '.json'; } } } // {domain}/search/notice?q={urlencoded searh terms} else if (loc.indexOf('/search/notice?q=')>-1) { var searchToStream = loc.replace('/search/notice?q=',''); if(searchToStream.length>0) { streamToSet = 'search.json?q=' + searchToStream; } } return streamToSet; } /* · · · Expand/de-expand queet · · @param q: the stream item to expand · @param doScrolling: if we should scroll back to position or not · · · · · · · · · · */ function expand_queet(q,doScrolling) { doScrolling = typeof doScrolling !== 'undefined' ? doScrolling : true; var qid = q.attr('data-quitter-id'); // de-expand if expanded if(q.hasClass('expanded') && !q.hasClass('collapsing')) { var sel = getSelection().toString(); if(!sel && !q.find('.queet-button').children('button').hasClass('enabled')) { // don't collapse if text is selected, or if queet has an active queet button q.addClass('collapsing'); q.find('.stream-item-expand').html(window.sL.expand); if(q.hasClass('conversation')) { q.removeClass('expanded'); q.removeClass('collapsing'); q.find('.view-more-container-top').remove(); q.find('.view-more-container-bottom').remove(); q.find('.stream-item.conversation').remove(); q.find('.inline-reply-queetbox').remove(); q.find('.expanded-content').remove(); } else { rememberMyScrollPos(q.children('.queet'),qid,0); // give stream item a height q.css('height',q.height() + 'px'); q.children('div').not('.queet').children('a').css('opacity','0.5'); q.children('div').not('.queet').children().children().css('opacity','0.5'); var collapseTime = 150 + q.find('.stream-item.conversation:not(.hidden-conversation)').length*50; // set transition time (needs to be delayed, otherwise webkit animates the height-setting above) setTimeout(function() { q.children('.queet').css('-moz-transition-duration',Math.round( collapseTime / 1000 * 10) / 10 + 's'); q.children('.queet').css('-o-transition-duration',Math.round( collapseTime / 1000 * 10) / 10 + 's'); q.children('.queet').css('-webkit-transition-duration',Math.round( collapseTime * 1000 * 10) / 10 + 's'); q.children('.queet').css('transition-duration',Math.round( collapseTime / 1000 * 10) / 10 + 's'); q.css('-moz-transition-duration',Math.round( collapseTime / 1000 * 10) / 10 + 's'); q.css('-o-transition-duration',Math.round( collapseTime / 1000 * 10) / 10 + 's'); q.css('-webkit-transition-duration',Math.round( collapseTime * 1000 * 10) / 10 + 's'); q.css('transition-duration',Math.round( collapseTime / 1000 * 10) / 10 + 's'); // set new heights and margins to animate to q.css('height',(q.children('.queet').find('.queet-content').outerHeight() - q.children('.queet').find('.expanded-content').outerHeight() - 10) + 'px'); q.children('.queet').css('margin-top', '-' + (q.children('.queet').offset().top - q.offset().top) + 'px'); }, 50); setTimeout(function() { q.css('height','auto'); q.children('.queet').css('margin-top','0'); q.removeClass('expanded'); q.removeClass('collapsing'); q.find('.expanded-content').remove(); q.find('.view-more-container-top').remove(); q.find('.view-more-container-bottom').remove(); q.find('.inline-reply-queetbox').remove(); q.find('.stream-item.conversation').remove(); q.removeAttr('style'); q.children('.queet').removeAttr('style'); }, collapseTime+500); if(doScrolling) { backToMyScrollPos(q,qid,collapseTime); } } } } else { rememberMyScrollPos(q,qid,-8); // not for acitivity if(!q.hasClass('activity')) { q.addClass('expanded'); q.find('.stream-item-expand').html(window.sL.collapse); // if shortened queet, get full text (not if external) if(!q.hasClass('external-conversation')) { if(q.children('.queet').find('span.attachment.more').length>0) { var attachmentId = q.children('.queet').find('span.attachment.more').attr('data-attachment-id'); getFromAPI("attachment/" + attachmentId + ".json",function(data){ if(data) { console.log(data); q.children('.queet').find('.queet-text').html($.trim(data.replace(/@/gi,'').replace(/@/gi,'').replace(/!/gi,'').replace(/#/gi,''))); } }); } } // add expanded container var longdate = parseTwitterLongDate(q.find('.created-at').attr('data-created-at')); var qurl = q.find('.created-at').find('a').attr('href'); var metadata = '' + longdate + ' · ' + unescape(q.attr('data-source')) + ' · ' + window.sL.details + ''; // show expanded content q.find('.stream-item-footer').after('
    '); // maybe show images or videos $.each($('#' + q.children('.queet').attr('id') + ' .queet-text, #' + q.children('.queet').attr('id') + ' > .attachments').find('a'), function() { var attachment_title = $(this).attr('title'); console.log('attachment: ' + attachment_title); // attachments in the .attachments container don't have a title, their full url is in the href if(typeof attachment_title == 'undefined') { attachment_title = $(this).attr('href'); } // attachments in the content link to /attachment/etc url and not direct to image/video, link is in title if(typeof attachment_title != 'undefined') { // images if(attachment_title.substr(attachment_title.length - 5) == '.jpeg' || attachment_title.substr(attachment_title.length - 4) == '.png' || attachment_title.substr(attachment_title.length - 4) == '.gif' || attachment_title.substr(attachment_title.length - 4) == '.jpg') { if(q.children('.queet').find('.expanded-content').children('.media').children('a').attr('href') != attachment_title) { // not if already showed q.children('.queet').find('.expanded-content').prepend('
    '); } } // videos else if(attachment_title.indexOf('youtube.com/watch?v=') > -1 || attachment_title.indexOf('://youtu.be/') > -1) { var youtubeId = attachment_title.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); if(q.children('.queet').find('.expanded-content').children('.media').children('iframe').attr('src') != '//www.youtube.com/embed/' + youtubeId) { // not if already showed q.children('.queet').find('.expanded-content').prepend('
    '); } } } }); // get favs and rq:s (not if external) (and only if logged in because API demands that) if(!q.hasClass('external-conversation') && window.loggedIn) { // get and show favs getFavsOrRequeetsForQueet('favs',qid,function(favs){ if(favs) { if(q.hasClass('expanded') && !q.hasClass('collapsing')) { showFavsOrRequeetsInQueet(q,favs,'favs'); } } }); // get and show requeets getFavsOrRequeetsForQueet('retweets',qid,function(requeets){ if(requeets) { if(q.hasClass('expanded') && !q.hasClass('collapsing')) { showFavsOrRequeetsInQueet(q,requeets,'requeets'); } } }); } // show conversation and reply form (but not if already in conversation) if(!q.hasClass('conversation')) { // show conversation showConversation(qid); // show inline reply form if logged in if(typeof window.loggedIn.screen_name != 'undefined') { q.find('#q-' + qid).append(replyFormHtml(q,qid)); } } } } } /* · · · Get a reply form · · @param q: the stream item to open reply form in · @param qid: queet id · @return the html for the reply form · · · · · · · · · · */ function replyFormHtml(q,qid) { // get all @:s var user_screen_name = q.children('.queet').find('.screen-name').html().substring(1); var user_screen_name_html = '@' + user_screen_name + ''; var user_screen_name_text = '@' + user_screen_name; var reply_to_screen_name = ''; var reply_to_screen_name_html = ''; var reply_to_screen_name_text = ''; if(q.attr('data-in-reply-to-screen-name').length>0 // not if not a reply && q.attr('data-in-reply-to-screen-name') != $('#user-screen-name').html() // not if it's me && q.attr('data-in-reply-to-screen-name') != user_screen_name // not same screen name twice ) { reply_to_screen_name = q.attr('data-in-reply-to-screen-name'); reply_to_screen_name_html = ' @' + reply_to_screen_name + ''; reply_to_screen_name_text = ' @' + reply_to_screen_name; } var more_reply_tos = ''; var more_reply_tos_text = ''; $.each(q.children('.queet').find('.queet-text').find('.mention'),function(key,obj){ if($(obj).html() != user_screen_name && $(obj).html() != reply_to_screen_name && $(obj).html() != $('#user-screen-name').html()) { more_reply_tos = more_reply_tos + ' @' + $(obj).html() + ''; more_reply_tos_text = more_reply_tos_text + ' @' + $(obj).html(); } }); return '
    ' + window.sL.replyTo + ' ' + user_screen_name_html + reply_to_screen_name_html + more_reply_tos + ' 
    '; } /* · · · Popup for replies, deletes, etc · · @param popupId: popups id · @param heading: popops header · @param bodyHtml: popups body html · @param footerHtml: popups footer html · · · · · · · · · · · · · · */ function popUpAction(popupId, heading, bodyHtml, footerHtml){ var allFooterHtml = ''; if(footerHtml) { allFooterHtml = ''; } $('body').prepend(''); var this_modal_height = $('#' + popupId).children('.modal-draggable').height(); var this_modal_width = $('#' + popupId).children('.modal-draggable').width(); var popupPos = $('#' + popupId).children('.modal-draggable').offset().top - $(window).scrollTop(); if((popupPos-(this_modal_height/2))<5) { var marginTop = 5-popupPos; } else { var marginTop = 0-this_modal_height/2; } $('#' + popupId).children('.modal-draggable').css('margin-top', marginTop + 'px'); $('#' + popupId).children('.modal-draggable').css('margin-left', '-' + (this_modal_width/2) + 'px'); $('#' + popupId).children('.modal-draggable').draggable({ handle: ".modal-header" }); $('#' + popupId).children('.modal-header').disableSelection(); } /* · · · Expand inline reply form · · @param box: jQuery object for the queet box that we want to expand · · · · · · · · · · · · · · */ function expandInlineQueetBox(box) { // remove the "reply/svara/etc" before the mentions var new_mentions_html = ''; $.each(box.find('a'),function(key,obj){ new_mentions_html = new_mentions_html + $(obj).html() + ' '; }); // insert textarea before, activate and display codemirror box.before(''); window['codemirror-' + box.attr('id')] = CodeMirror.fromTextArea(document.getElementById('codemirror-' + box.attr('id')), { // submit on enter onKeyEvent: function(editor, event) { event = $.event.fix(event); var enterKeyHasBeenPressed = event.type == "keyup" && event.keyCode == 13 && (event.ctrlKey || event.altKey); if(enterKeyHasBeenPressed ){ console.log('#q-' + box.attr('id') + ' .queet-toolbar button'); $('#' + box.attr('id')).siblings('.queet-toolbar').find('button').trigger('click'); } } }); box.siblings('.CodeMirror').css('display','block'); window['codemirror-' + box.attr('id')].setValue(new_mentions_html); window['codemirror-' + box.attr('id')].focus(); window['codemirror-' + box.attr('id')].setCursor(window['codemirror-' + box.attr('id')].lineCount(), 0) box.css('display','none'); // show toolbar/button box.after('
    '); // count chars countCharsInQueetBox(window['codemirror-' + box.attr('id')].getValue(),box.parent().find('.queet-toolbar .queet-counter'),box.parent().find('.queet-toolbar button')); // activate char counter window['codemirror-' + box.attr('id')].on('change',function () { countCharsInQueetBox(window['codemirror-' + box.attr('id')].getValue(),box.parent().find('.queet-toolbar .queet-counter'),box.parent().find('.queet-toolbar button')); }); } /* · · · Gnu social don't use url as uri anymore, we need to handle both cases · · · · · · · · · · · · · · */ function convertNewGNUSocialURItoURL(obj) { if(obj.uri.substring(0,4) != 'http') { // guess the url if we only have the non-url uri if(typeof obj.url == 'undefined') { var httpOrHttps = obj.user.statusnet_profile_url.substring(0,obj.user.statusnet_profile_url.indexOf('://')); obj.uri = httpOrHttps + '://' + obj.uri.substring(4,obj.uri.indexOf(',')) + '/notice/' + obj.uri.substring(obj.uri.indexOf('noticeId=')+9,obj.uri.indexOf(':objectType')); } // if an url record is present, use that else { obj.uri = obj.url; } } return obj; } /* · · · Show conversation · · This function has grown into a monster, needs fixing · · · · · · · · · · · · · · */ function showConversation(qid) { display_spinner(); // get conversation getFromAPI('statusnet/conversation/' + $('#stream-item-' + qid).attr('data-conversation-id') + '.json?count=100', function(data){ if(data) { if(data && !$('#stream-item-' + qid).hasClass('collapsing')){ // we have local conversation if(data.length>1) { var before_or_after = 'after'; $.each(data, function (key,obj) { // switch to append after original queet if(obj.id == qid) { before_or_after = 'before'; } // don't add clicked queet to DOM, but all else // note: first we add the full conversation, but hidden if(obj.id != qid) { var queetTime = parseTwitterDate(obj.created_at); // we don't want to print 'null', someone might have that username! var in_reply_to_screen_name = ''; if(obj.in_reply_to_screen_name != null) { in_reply_to_screen_name = obj.in_reply_to_screen_name; } // requeet or delete html var requeetedClass = ''; if(obj.user.id == window.myUserID) { var requeetHtml = '
  • ' + window.sL.deleteVerb + '
  • '; } else if(obj.repeated) { var requeetHtml = '
  • ' + window.sL.requeetedVerb + '
  • '; requeetedClass = 'requeeted'; } else { var requeetHtml = '
  • ' + window.sL.requeetVerb + '
  • '; } // favorite html var favoritedClass = ''; if(obj.favorited) { var favoriteHtml = ' ' + window.sL.favoritedVerb + ''; favoritedClass = 'favorited'; } else { var favoriteHtml = ' ' + window.sL.favoriteVerb + ''; } // actions only for logged in users var queetActions = ''; if(typeof window.loggedIn.screen_name != 'undefined') { queetActions = ''; } // reply-to html var reply_to_html = ''; if(obj.in_reply_to_screen_name != null && obj.in_reply_to_screen_name != obj.user.screen_name) { reply_to_html = '@' + obj.in_reply_to_screen_name + ' '; } // in-groups html var in_groups_html = ''; if(obj.statusnet_in_groups !== false && typeof obj.statusnet_in_groups != 'undefined') { in_groups_html = '' + obj.statusnet_in_groups + ''; } obj = convertNewGNUSocialURItoURL(obj); if(obj.source == 'activity') { var queetHtml = '
    ' + $.trim(obj.statusnet_html) + '
    '; } else { var queetHtml = '
    ' + $.trim(obj.statusnet_html) + '
    '; } // detect rtl queetHtml = detectRTL(queetHtml); if($('#stream-item-' + qid).hasClass('expanded')) { // add queet to conversation only if still expanded if(before_or_after == 'before') { $('#stream-item-' + qid).prepend(queetHtml); } else { $('#q-' + qid).after(queetHtml); } } } remove_spinner(); convertAttachmentMoreHref(); }); } // try to get conversation from external instance else if(typeof data[0] != 'undefined') { if(data[0].source == 'ostatus') { var external_status_url = data[0].uri.replace('notice','api/statuses/show') + '.json'; var external_base_url = data[0].uri.substring(0,data[0].uri.indexOf('/notice/')); $.ajax({ url: external_status_url, type: "GET", dataType: "jsonp", success: function(data) { // try to get conversation id fro notice var external_id = data.id; if(typeof data.statusnet_conversation_id == 'undefined') { console.log(data);remove_spinner(); } else { // proceed if we got a conversation_id $.ajax({ url: external_base_url + '/api/statusnet/conversation/' + data.statusnet_conversation_id + ".json?count=100", type: "GET", dataType: "jsonp", success: function(data) { var before_or_after = 'after'; $.each(data, function (key,obj) { // switch to append after original queet if(obj.id == external_id) { before_or_after = 'before'; $('#stream-item-' + qid).attr('data-in-reply-to-status-id',obj.in_reply_to_status_id); } else { var queetTime = parseTwitterDate(obj.created_at); // we don't want to print 'null', someone might have that username! var in_reply_to_screen_name = ''; if(obj.in_reply_to_screen_name != null) { in_reply_to_screen_name = obj.in_reply_to_screen_name; } // reply-to html var reply_to_html = ''; if(obj.in_reply_to_screen_name != null && obj.in_reply_to_screen_name != obj.user.screen_name) { reply_to_html = '@' + obj.in_reply_to_screen_name + ' '; } obj = convertNewGNUSocialURItoURL(obj); if(obj.source == 'activity') { var queetHtml = '
    ' + $.trim(obj.statusnet_html) + '
    '; } else { var queetHtml = '
    ' + $.trim(obj.statusnet_html) + '
    '; } // detect rtl queetHtml = detectRTL(queetHtml); if($('#stream-item-' + qid).hasClass('expanded')) { // add queet to conversation only if still expanded if(before_or_after == 'before') { $('#stream-item-' + qid).prepend(queetHtml); } else { $('#q-' + qid).after(queetHtml); } } } remove_spinner(); convertAttachmentMoreHref(); }); findInReplyToStatusAndShow(qid,$('#stream-item-' + qid).attr('data-in-reply-to-status-id'),true,false); backToMyScrollPos($('#q-' + qid),qid,false); }, error: function(data) { console.log(data);remove_spinner(); }}); } }, error: function(data) { console.log(data);remove_spinner(); }}); } // no conversation else { remove_spinner(); } } else { remove_spinner(); } // loop trough this stream items conversation and show the "strict" line of replies findInReplyToStatusAndShow(qid,$('#stream-item-' + qid).attr('data-in-reply-to-status-id'),true,false); backToMyScrollPos($('#q-' + qid),qid,false); } else { remove_spinner(); } }}); } /* · · · Recursive walker functions to view onlt reyplies to replies, not full conversation · · · · · · · · · · · · · · */ function findInReplyToStatusAndShow(qid,reply,only_first,onlyINreplyto) { var reply_found = $('#stream-item-' + qid).find('.stream-item[data-quitter-id="' + reply + '"]'); var reply_found_reply_to = $('#stream-item-' + qid).find('.stream-item[data-quitter-id="' + reply_found.attr('data-in-reply-to-status-id') + '"]'); if(reply_found.length>0) { reply_found.removeClass('hidden-conversation'); //reply_found.animate({opacity:'1'},500); reply_found.css('opacity','1'); if(only_first && reply_found_reply_to.length>0) { reply_found.before(''); findReplyToStatusAndShow(qid,qid,true); } else { findInReplyToStatusAndShow(qid,reply_found.attr('data-in-reply-to-status-id'),false,onlyINreplyto); } } else if(!onlyINreplyto) { findReplyToStatusAndShow(qid,qid,true); } else { checkForHiddenConversationQueets(qid); } } // recursive function to find the replies to a status function findReplyToStatusAndShow(qid,this_id,only_first) { var reply_found = $('#stream-item-' + qid).find('.stream-item[data-in-reply-to-status-id="' + this_id + '"]'); var reply_founds_reply = $('#stream-item-' + qid).find('.stream-item[data-in-reply-to-status-id="' + reply_found.attr('data-quitter-id') + '"]'); if(reply_found.length>0) { reply_found.removeClass('hidden-conversation'); // reply_found.animate({opacity:'1'},0,function(){ // if(!only_first) { // findReplyToStatusAndShow(qid,$(this).attr('data-quitter-id'),false); // } // }); reply_found.css('opacity','1'); if(!only_first) { findReplyToStatusAndShow(qid,$(this).attr('data-quitter-id'),false); } if(only_first && reply_founds_reply.length>0) { reply_found.last().after(''); } } checkForHiddenConversationQueets(qid); } // helper function for the above recursive functions function checkForHiddenConversationQueets(qid) { // here we check if there are any remaining hidden queets in conversation, if there are, we put a "show full conversation"-link if($('#stream-item-' + qid).find('.hidden-conversation').length>0) { if($('#stream-item-' + qid).children('.queet').find('.show-full-conversation').length == 0) { $('#stream-item-' + qid).children('.queet').find('.metadata').append('' + window.sL.expandFullConversation + ''); } } else { $('#stream-item-' + qid).children('.queet').find('.show-full-conversation').remove(); } } /* · · · Build stream items and add them to feed · · Also a function that has grown out of control... Needs total makeover · · · · · · · · · · · · · · */ function addToFeed(feed, after, extraClasses) { $.each(feed.reverse(), function (key,obj) { var extraClassesThisRun = extraClasses; // if this is a user feed if(window.currentStream.substring(0,21) == 'statuses/friends.json' || window.currentStream.substring(0,18) == 'statuses/followers' || window.currentStream.substring(0,28) == 'statusnet/groups/membership/' || window.currentStream.substring(0,24) == 'statusnet/groups/admins/') { // only if not user is already in stream if($('#stream-item-' + obj.id).length == 0) { obj.description = obj.description || ''; // show user actions var followingClass = ''; if(obj.following) { followingClass = 'following'; } var followButton = ''; if(typeof window.loggedIn.screen_name != 'undefined' // if logged in && window.myUserID != obj.id) { // not if this is me if(!(obj.statusnet_profile_url.indexOf('/twitter.com/')>-1 && obj.following === false)) { // only unfollow twitter users var followButton = ''; } } var userHtml = '
    ' + followButton + '
    '; if(after) { $('#' + after).after(userHtml); } else { $('#feed-body').prepend(userHtml); } } } // if this is a list of groups else if(window.currentStream.substring(0,26) == 'statusnet/groups/list.json') { // only if not group is already in stream if($('#stream-item-' + obj.id).length == 0) { obj.description = obj.description || ''; obj.stream_logo = obj.stream_logo || window.fullUrlToThisQvitterApp + 'img/default-avatar-profile.png'; // show group actions if logged in var memberClass = ''; if(obj.member) { memberClass = 'member'; } var memberButton = ''; if(typeof window.loggedIn.screen_name != 'undefined') { console.log(obj); var memberButton = ''; } var groupAvatar = obj.stream_logo; if(obj.homepage_logo != null) { groupAvatar = obj.homepage_logo; } var groupHtml = '
    ' + memberButton + '
    '; if(after) { $('#' + after).after(groupHtml); } else { $('#feed-body').prepend(groupHtml); } } } // if this is a retweet else if(typeof obj.retweeted_status != 'undefined') { // retweeted object already exist in feed if($('#q-' + obj.retweeted_status.id).length > 0) { // only if not already shown and not mine if($('#requeet-' + obj.id).length == 0 && obj.user.statusnet_profile_url != $('#user-profile-link').children('a').attr('href')) { // if not requeeted before if($('#q-' + obj.retweeted_status.id + ' .stream-item-footer').find('.requeet-text').length > 0) { // if users rt not already added if($('#q-' + obj.retweeted_status.id + ' .stream-item-footer').find('.requeet-text').find('a[data-user-id="' + obj.user.id + '"]').length==0) { $('#q-' + obj.retweeted_status.id + ' .stream-item-footer').find('.requeet-text').append(', ' + obj.user.name + ''); } } else { $('#q-' + obj.retweeted_status.id + ' .stream-item-footer').prepend('
    ' + window.sL.requeetedBy + ' ' + obj.user.name + '
    '); } } } // retweeted object don't exist in feed else { // we don't want to print 'null', someone might have that username! var in_reply_to_screen_name = ''; if(obj.retweeted_status.in_reply_to_screen_name != null) { in_reply_to_screen_name = obj.retweeted_status.in_reply_to_screen_name; } // requeet html var requeetedClass = ''; if(obj.retweeted_status.user.id == window.myUserID) { var requeetHtml = '
  • ' + window.sL.deleteVerb + '
  • '; } else if(obj.retweeted_status.repeated) { var requeetHtml = '
  • ' + window.sL.requeetedVerb + ''; requeetedClass = 'requeeted'; } else { var requeetHtml = '
  • ' + window.sL.requeetVerb + ''; } // favorite html var favoritedClass = ''; if(obj.retweeted_status.favorited) { var favoriteHtml = ' ' + window.sL.favoritedVerb + ''; favoritedClass = 'favorited'; } else { var favoriteHtml = ' ' + window.sL.favoriteVerb + ''; } // actions only for logged in users var queetActions = ''; if(typeof window.loggedIn.screen_name != 'undefined') { queetActions = ''; } // reply-to html var reply_to_html = ''; if(obj.retweeted_status.in_reply_to_screen_name != null && obj.retweeted_status.in_reply_to_screen_name != obj.retweeted_status.user.screen_name) { reply_to_html = '@' + obj.retweeted_status.in_reply_to_screen_name + ' '; } // in-groups html var in_groups_html = ''; if(obj.retweeted_status.statusnet_in_groups !== false && typeof obj.retweeted_status.statusnet_in_groups != 'undefined') { in_groups_html = '' + obj.retweeted_status.statusnet_in_groups + ''; } // image attachment thumbnails var attachment_html = ''; if(typeof obj.retweeted_status.attachments != "undefined") { $.each(obj.retweeted_status.attachments, function(){ if(this.thumb_url != null) { attachment_html = attachment_html + ''; } }); } if(attachment_html.length>0) { attachment_html = '
    ' + attachment_html + '
    '; } obj.retweeted_status = convertNewGNUSocialURItoURL(obj.retweeted_status); var queetTime = parseTwitterDate(obj.retweeted_status.created_at); var queetHtml = '
    ' + attachment_html + '
    ' + $.trim(obj.retweeted_status.statusnet_html) + '
    '; // detect rtl queetHtml = detectRTL(queetHtml); if(after) { $('#' + after).after(queetHtml); } else { $('#feed-body').prepend(queetHtml); } } } // ordinary tweet else { // only if not already exist if($('#q-' + obj.id).length == 0) { // activity get special design if(obj.source == 'activity') { var queetTime = parseTwitterDate(obj.created_at); var queetHtml = '
    ' + $.trim(obj.statusnet_html) + '
    '; // detect rtl queetHtml = detectRTL(queetHtml); if(after) { $('#' + after).after(queetHtml); } else { $('#feed-body').prepend(queetHtml); } } else { // if this is my queet, remove any temp-queets if(typeof obj.user != 'undefined') { if(obj.user.screen_name == $('#user-screen-name').html()) { if($('.temp-post').length > 0) { $('.temp-post').each(function (){ // remove temp duplicate $(this).css('display','none'); // we do this so this queet gets added after correct temp-queet in expanded conversations if($(this).find('.queet-text').text() == obj.text) { after = $(this).attr('id'); } // but don't hide my new queet extraClassesThisRun = 'visible'; }); } } } // we don't want to print 'null' in in_reply_to_screen_name-attribute, someone might have that username! var in_reply_to_screen_name = ''; if(obj.in_reply_to_screen_name != null) { in_reply_to_screen_name = obj.in_reply_to_screen_name; } // requeet html var requeetedClass = ''; if(obj.user.id == window.myUserID) { var requeetHtml = '
  • ' + window.sL.deleteVerb + '
  • '; } else if(obj.repeated) { var requeetHtml = '
  • ' + window.sL.requeetedVerb + '
  • '; var requeetedClass = 'requeeted'; } else { var requeetHtml = '
  • ' + window.sL.requeetVerb + '
  • '; } // favorite html var favoritedClass = ''; if(obj.favorited) { var favoriteHtml = ' ' + window.sL.favoritedVerb + ''; favoritedClass = 'favorited'; } else { var favoriteHtml = ' ' + window.sL.favoriteVerb + ''; } // actions only for logged in users var queetActions = ''; if(typeof window.loggedIn.screen_name != 'undefined') { queetActions = ''; } // reply-to html var reply_to_html = ''; if(obj.in_reply_to_screen_name != null && obj.in_reply_to_screen_name != obj.user.screen_name) { reply_to_html = '@' + obj.in_reply_to_screen_name + ' '; } // in-groups html var in_groups_html = ''; if(obj.statusnet_in_groups !== false && typeof obj.statusnet_in_groups != 'undefined') { in_groups_html = '' + obj.statusnet_in_groups + ''; } // image attachment thumbnails var attachment_html = ''; if(typeof obj.attachments != "undefined") { $.each(obj.attachments, function(){ if(this.thumb_url != null) { attachment_html = attachment_html + ''; } }); } if(attachment_html.length>0) { attachment_html = '
    ' + attachment_html + '
    '; } obj = convertNewGNUSocialURItoURL(obj); var queetTime = parseTwitterDate(obj.created_at); var queetHtml = '
    ' + attachment_html + '
    ' + $.trim(obj.statusnet_html) + '
    '; // detect rtl queetHtml = detectRTL(queetHtml); if(after) { if($('#' + after).hasClass('conversation')) { // if this is a reply, give stream item some conversation formatting if($('#conversation-q-' + obj.id).length == 0) { // only if it's not already there $('#' + after).after(queetHtml.replace('id="stream-item','id="conversation-stream-item').replace('class="stream-item','class="stream-item conversation').replace('id="q','id="conversation-q')); $('#' + after).remove(); } } else { $('#' + after).after(queetHtml); } } else { $('#feed-body').prepend(queetHtml); } } } } convertAttachmentMoreHref(); }); $('.stream-selection').removeAttr('data-current-user-stream-name'); // don't remeber user feeds } /* · · · View threaded converation · · @param id: the stream item id · · (experimental, not finished, commented out...) · · · · · · · · · · · · · · */ // $('body').on('click','.longdate',function(){ // threadedConversation($(this).closest('.stream-item:not(.conversation)').attr('data-quitter-id')); // }) // function threadedConversation(id){ // $('body').prepend(''); // var scrollTop = $(window).scrollTop(); // var containerStreamItem = $('#stream-item-' + id); // if(containerStreamItem.children('div:first-child').hasClass('.queet')) { // var firstStreamItemId = id; // } // else { // var firstStreamItemId = containerStreamItem.children('div:first-child').attr('data-quitter-id'); // } // getThreadedReply(id,firstStreamItemId,$('#threaded-' + id + ' .thread-container div')); // } // // function getThreadedReply(containerStreamId,this_id,appendToObj) { // // var $this_item = $('
    ').append($('.stream-item[data-quitter-id="' + this_id + '"]').outerHTML()); // $this_item.children().children().remove('.stream-item.conversation'); // $this_item.children('.stream-item').css('margin-left',parseInt(appendToObj.css('margin-left'),10)+20 + 'px'); // $this_item.children('.stream-item').removeClass('hidden-conversation'); // $this_item.children('.stream-item').removeClass('expanded'); // $this_item.children('.stream-item').removeClass('activity'); // $this_item.children('.stream-item').removeClass('conversation'); // $this_item.children('.stream-item').removeClass('visible'); // $this_item.children('.stream-item').children('div:not(.queet)').remove(); // $this_item.children('.stream-item').find('.inline-reply-queetbox').remove(); // $this_item.children('.stream-item').find('.expanded-content').remove(); // $this_item.children('.stream-item').find('.stream-item-expand').remove(); // $this_item.children('.stream-item').css('opacity','1'); // appendToObj.after($this_item.html()); // // $.each($('.stream-item[data-quitter-id="' + containerStreamId + '"]').children().get().reverse(),function(){ // if($(this).hasClass('queet')) { // var this_reply_to = $(this).parent().attr('data-in-reply-to-status-id'); // var childs_id = $(this).parent().attr('data-quitter-id'); // } // else { // var this_reply_to = $(this).attr('data-in-reply-to-status-id'); // var childs_id = $(this).attr('data-quitter-id'); // } // if(this_id == this_reply_to) { // getThreadedReply(containerStreamId,childs_id,$('#threaded-' + containerStreamId + ' .stream-item[data-quitter-id="' + this_id + '"]')); // } // }); // }