2013-08-19 22:30:57 +09:00
/ * · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
· ·
· ·
· Q V I T T E R ·
· ·
· http : //github.com/hannesmannerheim/qvitter ·
· ·
· ·
· < o ) ·
· / _ //// ·
· ( _ _ _ _ / ·
· ( o < ·
· o > \ \ \ \ _ \ ·
· \ \ ) \ _ _ _ _ ) ·
· ·
· ·
· ·
· Qvitter is free software : you can redistribute it and / or modify it ·
· under the terms of the GNU Affero General Public License as published by ·
· the Free Software Foundation , either version three of the License or ( at ·
· your option ) any later version . ·
· ·
· Qvitter is distributed in hope that it will be useful but WITHOUT ANY ·
· WARRANTY ; without even the implied warranty of MERCHANTABILTY or FITNESS ·
· FOR A PARTICULAR PURPOSE . See the GNU Affero General Public License for ·
· more details . ·
· ·
· You should have received a copy of the GNU Affero General Public License ·
· along with Qvitter . If not , see < http : //www.gnu.org/licenses/>. ·
· ·
· Contact h @ nnesmannerhe . im if you have any questions . ·
· ·
· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · * /
/ * ·
·
· 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 = $ ( '<div>' ) . append ( '<div class="stream-item"></div>' ) ;
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 = '<li class="x-count"><a><strong>' + users . length + '</strong> ' + label + ' </a></li>' ;
// add fav and rq-container if it doesn't exist
if ( ! q . find ( 'ul.stats' ) . length > 0 ) {
q . find ( '.queet-stats-container' ) . prepend ( '<ul class="stats"><li class="avatar-row"></li></ul>' ) ;
}
// 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 ( '<a title="' + userObj . fullname + '" data-user-id="' + userObj . user _id + '" href="' + userObj . profileurl + '"><img alt="' + userObj . fullname + '" src="' + userObj . avatarurl + '" class="avatar size24" id="av-' + userObj . user _id + '"></a>' ) ;
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 . loginUsername != 'undefined' && window . myUserID != first . user . id ) {
var followButton = '<div class="user-actions"><button data-follow-user-id="' + first . user . id + '" data-follow-user="' + first . user . statusnet _profile _url + '" type="button" class="follow-button ' + followingClass + '"><span class="button-text follow-text"><i class="follow"></i>' + window . sL . userFollow + '</span><span class="button-text following-text">' + window . sL . userFollowing + '</span><span class="button-text unfollow-text">' + window . sL . userUnfollow + '</span></button></div>' ;
}
$ ( '#feed' ) . before ( '<div class="profile-card"><div class="profile-header-inner" style="background-image:url(' + first . user . profile _image _url _original + ')"><div class="profile-header-inner-overlay"></div><a class="profile-picture" href="' + first . user . profile _image _url _original + '"><img src="' + first . user . profile _image _url _profile _size + '" /></a><div class="profile-card-inner"><h1 class="fullname">' + first . user . name + '<span></span></h1><h2 class="username"><span class="screen-name">@' + first . user . screen _name + '</span><span class="follow-status"></span></h2><div class="bio-container"><p>' + first . user . description + '</p></div><p class="location-and-url"><span class="location">' + first . user . location + '</span><span class="divider"> · </span><span class="url"><a href="' + first . user . url + '">' + first . user . url . replace ( 'http://' , '' ) . replace ( 'https://' , '' ) + '</a></span></p></div></div><div class="profile-banner-footer"><ul class="stats"><li><a class="tweet-stats"><strong>' + first . user . statuses _count + '</strong>' + window . sL . notices + '</a></li><li><a class="following-stats"><strong>' + first . user . friends _count + '</strong>' + window . sL . following + '</a></li><li><a class="follower-stats"><strong>' + first . user . followers _count + '</strong>' + window . sL . followers + '</a></li><li><a class="groups-stats"><strong>' + first . user . groups _count + '</strong>' + window . sL . groups + '</a></li></ul>' + followButton + '<div class="clearfix"></div></div></div>' ) ;
}
// 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 . loginUsername != 'undefined' && window . myUserID != data . id ) {
var followButton = '<div class="user-actions"><button data-follow-user-id="' + data . id + '" data-follow-user="' + data . statusnet _profile _url + '" type="button" class="follow-button ' + followingClass + '"><span class="button-text follow-text"><i class="follow"></i>' + window . sL . userFollow + '</span><span class="button-text following-text">' + window . sL . userFollowing + '</span><span class="button-text unfollow-text">' + window . sL . userUnfollow + '</span></button></div>' ;
}
$ ( '#feed' ) . before ( '<div class="profile-card"><div class="profile-header-inner" style="background-image:url(' + data . profile _image _url _original + ')"><div class="profile-header-inner-overlay"></div><a class="profile-picture" href="' + data . profile _image _url _original + '"><img src="' + data . profile _image _url _profile _size + '" /></a><div class="profile-card-inner"><h1 class="fullname">' + data . name + '<span></span></h1><h2 class="username"><span class="screen-name">@' + data . screen _name + '</span><span class="follow-status"></span></h2><div class="bio-container"><p>' + data . description + '</p></div><p class="location-and-url"><span class="location">' + data . location + '</span><span class="divider"> · </span><span class="url"><a href="' + data . url + '">' + data . url . replace ( 'http://' , '' ) . replace ( 'https://' , '' ) + '</a></span></p></div></div><div class="profile-banner-footer"><ul class="stats"><li><a class="tweet-stats"><strong>' + data . statuses _count + '</strong>' + window . sL . notices + '</a></li><li><a class="following-stats"><strong>' + data . friends _count + '</strong>' + window . sL . following + '</a></li><li><a class="follower-stats"><strong>' + data . followers _count + '</strong>' + window . sL . followers + '</a></li><li><a class="groups-stats"><strong>' + data . groups _count + '</strong>' + window . sL . groups + '</a></li></ul>' + followButton + '<div class="clearfix"></div></div></div>' ) ;
} } ) ;
}
}
/ * ·
·
· 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 || '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 memberButton = '' ;
if ( typeof window . loginUsername != 'undefined' ) {
var memberButton = '<div class="user-actions"><button data-group-id="' + data . id + '" type="button" class="member-button ' + memberClass + '"><span class="button-text join-text"><i class="join"></i>' + window . sL . joinGroup + '</span><span class="button-text ismember-text">' + window . sL . isMemberOfGroup + '</span><span class="button-text leave-text">' + window . sL . leaveGroup + '</span></button></div>' ;
}
// add card to DOM
$ ( '#feed' ) . before ( '<div class="profile-card"><div class="profile-header-inner" style="background-image:url(' + data . original _logo + ')"><div class="profile-header-inner-overlay"></div><a class="profile-picture" href="' + data . original _logo + '"><img src="' + data . homepage _logo + '" /></a><div class="profile-card-inner"><h1 class="fullname">' + data . fullname + '<span></span></h1><h2 class="username"><span class="screen-name">!' + data . nickname + '</span></span></h2><div class="bio-container"><p>' + data . description + '</p></div><p class="location-and-url"></span><span class="url"><a href="' + data . homepage + '">' + data . homepage . replace ( 'http://' , '' ) . replace ( 'https://' , '' ) + '</a></span></p></div></div><div class="profile-banner-footer"><ul class="stats"><li><a class="member-stats"><strong>' + data . member _count + '</strong>' + window . sL . memberCount + '</a></li><li><a class="admin-stats"><strong>' + data . admin _count + '</strong>' + window . sL . adminCount + '</a></li></ul>' + memberButton + '<div class="clearfix"></div></div></div>' ) ;
} } ) ;
}
/ * ·
·
· 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 ) {
return ;
}
// set location bar from stream
if ( setLocation && window . useHistoryPushState ) {
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
2013-08-20 22:26:25 +09:00
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='
2013-08-19 22:30:57 +09:00
|| stream . substring ( 0 , 43 ) == 'statuses/friends_timeline.json?screen_name='
|| stream . substring ( 0 , 27 ) == 'favorites.json?screen_name='
|| stream . substring ( 0 , 35 ) == 'statuses/mentions.json?screen_name='
|| stream . substring ( 0 , 27 ) == 'statuses/user_timeline.json' ) {
2013-08-20 22:26:25 +09:00
var defaultStreamName = 'statuses/user_timeline.json?' + stream . substring ( stream . indexOf ( 'screen_name=' ) ) ;
var streamHeader = '@' + stream . substring ( stream . lastIndexOf ( '=' ) + 1 ) ;
2013-08-19 22:30:57 +09:00
}
// if this is a my user streams, i.e. my followers, my following
2013-08-20 22:26:25 +09:00
else if ( stream == 'statuses/followers.json?count=20'
|| stream == 'statuses/friends.json?count=20'
|| stream == 'statusnet/groups/list.json?count=10' ) {
2013-08-19 22:30:57 +09:00
var defaultStreamName = stream ;
var streamHeader = '@' + window . loginUsername ;
}
// if this is one of the default streams, get header from DOM
else if ( stream == 'statuses/friends_timeline.json'
|| stream == 'statuses/mentions.json'
|| stream == 'favorites.json'
|| stream == 'statuses/public_timeline.json' ) {
var defaultStreamName = stream ;
var streamHeader = $ ( '.stream-selection[data-stream-name="' + stream + '"]' ) . attr ( 'data-stream-header' ) ;
}
// if this is a !group stream
2013-08-20 22:26:25 +09:00
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' ) ) ;
2013-08-19 22:30:57 +09:00
}
// 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=' ) {
2013-08-20 05:09:33 +09:00
var h2FeedHeader = window . sL . notices + '<div class="queet-streams">/ <a class="queet-stream mentions">' + window . sL . mentions + '</a> / <a class="queet-stream favorites">' + window . sL . favoritesNoun + '</a></div>' ;
2013-08-19 22:30:57 +09:00
}
else if ( stream . substring ( 0 , 35 ) == 'statuses/mentions.json?screen_name=' ) {
var h2FeedHeader = '<div class="queet-streams"><a class="queet-stream queets">' + window . sL . notices + '</a> /</div>' + window . sL . mentions + '<div class="queet-streams">/ <a class="queet-stream favorites">' + window . sL . favoritesNoun + '</a></div>' ;
}
else if ( stream . substring ( 0 , 27 ) == 'favorites.json?screen_name=' ) {
var h2FeedHeader = '<div class="queet-streams"><a class="queet-stream queets">' + window . sL . notices + '</a> / <a class="queet-stream mentions">' + window . sL . mentions + '</a> /</div>' + window . sL . favoritesNoun ;
}
else if ( stream . substring ( 0 , 26 ) == 'statusnet/groups/list.json' ) {
var h2FeedHeader = window . sL . groups ;
2013-08-20 22:26:25 +09:00
}
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 ;
}
2013-08-19 22:30:57 +09:00
else if ( stream . substring ( 0 , 43 ) == 'statuses/friends_timeline.json?screen_name=' ) {
var h2FeedHeader = '<span style="unicode-bidi:bidi-override;direction:ltr;">' + streamHeader + '/all</span>' ; // ugly rtl fix, sry, we should have translations for this stream header
}
else {
var h2FeedHeader = streamHeader ;
}
// fade out
$ ( '#feed,.profile-card' ) . animate ( { opacity : '0' } , 150 , function ( ) {
// when fade out finishes, remove any profile cards
$ ( '.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 . loginUsername
&& typeof window . loginUsername != 'undefined' ) {
$ ( '#history-container' ) . append ( '<div class="stream-selection" data-stream-header="' + streamHeader + '" data-stream-name="' + defaultStreamName + '">' + streamHeader + '<i class="close-right"></i><i class="chev-right"></i></div>' ) ;
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 , 35 ) == 'statuses/mentions.json?screen_name='
|| stream . substring ( 0 , 27 ) == 'favorites.json?screen_name='
|| stream . substring ( 0 , 43 ) == '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
2013-08-20 22:26:25 +09:00
if ( window . currentStream == stream ) {
// 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 . loginUsername ;
}
profileCardFromFirstObject ( profile _data , thisUsersScreenName ) ; // show profile card
2013-08-19 22:30:57 +09:00
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
2013-08-20 07:16:01 +09:00
$ ( '#new-queets-bar' ) . parent ( ) . addClass ( 'hidden' ) ; document . title = window . siteTitle ; // hide new queets bar if it's visible there
2013-08-19 22:30:57 +09:00
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 ) {
// 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
2013-08-20 22:26:25 +09:00
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' ) ) ;
2013-08-19 22:30:57 +09:00
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
2013-08-20 07:16:01 +09:00
$ ( '#new-queets-bar' ) . parent ( ) . addClass ( 'hidden' ) ; document . title = window . siteTitle ; // hide new queets bar if it's visible there
2013-08-19 22:30:57 +09:00
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
}
}
} ) ;
}
}
/ * ·
·
· Sets the location bar in the browser to correspond with given stream
·
· @ param stream : the stream , e . g . 'public_timeline.json'
·
· · · · · · · · · * /
function setUrlFromStream ( stream ) {
2013-08-20 22:26:25 +09:00
if ( stream . substring ( 0 , 45 ) == 'statuses/followers.json?count=20&screen_name=' ) {
var screenName = stream . substring ( stream . lastIndexOf ( '=' ) + 1 ) ;
2013-08-19 22:30:57 +09:00
history . pushState ( { strm : stream } , '' , '/' + screenName + '/subscribers' ) ;
}
2013-08-20 22:26:25 +09:00
else if ( stream . substring ( 0 , 43 ) == 'statuses/friends.json?count=20&screen_name=' ) {
var screenName = stream . substring ( stream . lastIndexOf ( '=' ) + 1 ) ;
2013-08-19 22:30:57 +09:00
history . pushState ( { strm : stream } , '' , '/' + screenName + '/subscriptions' ) ;
}
else if ( stream . substring ( 0 , 35 ) == 'statuses/mentions.json?screen_name=' ) {
var screenName = stream . substring ( stream . indexOf ( '=' ) + 1 ) ;
history . pushState ( { strm : stream } , '' , '/' + screenName + '/replies' ) ;
}
else if ( stream . substring ( 0 , 27 ) == 'favorites.json?screen_name=' ) {
var screenName = stream . substring ( stream . indexOf ( '=' ) + 1 ) ;
history . pushState ( { strm : stream } , '' , '/' + screenName + '/favorites' ) ;
}
2013-08-20 22:26:25 +09:00
else if ( stream . substring ( 0 , 48 ) == 'statusnet/groups/list.json?count=10&screen_name=' ) {
var screenName = stream . substring ( stream . lastIndexOf ( '=' ) + 1 ) ;
2013-08-19 22:30:57 +09:00
history . pushState ( { strm : stream } , '' , '/' + screenName + '/groups' ) ;
}
2013-08-20 22:26:25 +09:00
else if ( stream == 'statuses/followers.json?count=20' ) {
2013-08-19 22:30:57 +09:00
history . pushState ( { strm : stream } , '' , '/' + window . loginUsername + '/subscribers' ) ;
}
2013-08-20 22:26:25 +09:00
else if ( stream == 'statuses/friends.json?count=20' ) {
2013-08-19 22:30:57 +09:00
history . pushState ( { strm : stream } , '' , '/' + window . loginUsername + '/subscriptions' ) ;
}
else if ( stream == 'statuses/mentions.json' ) {
history . pushState ( { strm : stream } , '' , '/' + window . loginUsername + '/replies' ) ;
}
else if ( stream == 'favorites.json' ) {
history . pushState ( { strm : stream } , '' , '/' + window . loginUsername + '/favorites' ) ;
}
2013-08-20 22:26:25 +09:00
else if ( stream == 'statusnet/groups/list.json?count=10' ) {
2013-08-19 22:30:57 +09:00
history . pushState ( { strm : stream } , '' , '/' + window . loginUsername + '/groups' ) ;
}
else if ( stream . substring ( 0 , 27 ) == 'statuses/user_timeline.json' ) {
var screenName = stream . substring ( stream . indexOf ( '=' ) + 1 ) ;
history . pushState ( { strm : stream } , '' , '/' + screenName ) ;
}
else if ( stream == 'statuses/friends_timeline.json' ) {
history . pushState ( { strm : stream } , '' , '/' + window . loginUsername + '/all' ) ;
}
else if ( stream . substring ( 0 , 43 ) == 'statuses/friends_timeline.json?screen_name=' ) {
var screenName = stream . substring ( stream . indexOf ( '=' ) + 1 ) ;
history . pushState ( { strm : stream } , '' , '/' + screenName + '/all' ) ;
}
else if ( stream == 'statuses/mentions.json' ) {
history . pushState ( { strm : stream } , '' , '/' + window . loginUsername + '/replies' ) ;
}
else if ( stream == 'statuses/public_timeline.json' ) {
history . pushState ( { strm : stream } , '' , '/' ) ;
}
else if ( stream . substring ( 0 , 26 ) == 'statusnet/groups/timeline/' ) {
2013-08-20 22:26:25 +09:00
var groupName = stream . substring ( stream . lastIndexOf ( '/' ) + 1 , stream . indexOf ( '.json' ) ) ;
2013-08-19 22:30:57 +09:00
history . pushState ( { strm : stream } , '' , '/group/' + groupName ) ;
}
2013-08-20 22:26:25 +09:00
else if ( stream . substring ( 0 , 28 ) == 'statusnet/groups/membership/' ) {
var groupName = stream . substring ( stream . lastIndexOf ( '/' ) + 1 , stream . indexOf ( '.json' ) ) ;
history . pushState ( { strm : stream } , '' , '/group/' + groupName + '/members' ) ;
}
else if ( stream . substring ( 0 , 24 ) == 'statusnet/groups/admins/' ) {
var groupName = stream . substring ( stream . lastIndexOf ( '/' ) + 1 , stream . indexOf ( '.json' ) ) ;
history . pushState ( { strm : stream } , '' , '/group/' + groupName + '/admins' ) ;
}
2013-08-19 22:30:57 +09:00
else if ( stream . substring ( 0 , 24 ) == 'statusnet/tags/timeline/' ) {
var tagName = stream . substring ( stream . indexOf ( '/timeline/' ) + 10 , stream . indexOf ( '.json' ) ) ;
history . pushState ( { strm : stream } , '' , '/tag/' + tagName ) ;
}
else if ( stream . substring ( 0 , 11 ) == 'search.json' ) {
var searchTerms = stream . substring ( stream . indexOf ( '?q=' ) + 3 ) ;
history . pushState ( { strm : stream } , '' , '/search/notice?q=' + searchTerms ) ;
}
}
/ * ·
·
· 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' ;
// {domain}/{screen_name}
if ( ( /^[a-zA-Z0-9]+$/ . test ( loc . replace ( '/' , '' ) ) ) ) {
var userToStream = loc . 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 . loginUsername == userToStream ) {
streamToSet = 'statuses/friends_timeline.json' ;
}
else {
streamToSet = '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 . loginUsername == userToStream ) {
streamToSet = 'statuses/mentions.json' ;
}
else {
streamToSet = '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 . loginUsername == 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 . loginUsername == userToStream ) {
2013-08-20 22:26:25 +09:00
streamToSet = 'statuses/followers.json?count=20' ;
2013-08-19 22:30:57 +09:00
}
else {
2013-08-20 22:26:25 +09:00
streamToSet = 'statuses/followers.json?count=20&screen_name=' + userToStream ;
2013-08-19 22:30:57 +09:00
}
}
}
// {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 . loginUsername == userToStream ) {
2013-08-20 22:26:25 +09:00
streamToSet = 'statuses/friends.json?count=20' ;
2013-08-19 22:30:57 +09:00
}
else {
2013-08-20 22:26:25 +09:00
streamToSet = 'statuses/friends.json?count=20&screen_name=' + userToStream ;
2013-08-19 22:30:57 +09:00
}
}
}
// {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 . loginUsername == userToStream ) {
2013-08-20 22:26:25 +09:00
streamToSet = 'statusnet/groups/list.json?count=10' ;
2013-08-19 22:30:57 +09:00
}
else {
2013-08-20 22:26:25 +09:00
streamToSet = 'statusnet/groups/list.json?count=10&screen_name=' + userToStream ;
2013-08-19 22:30:57 +09:00
}
}
}
// {domain}/tag/{tag}
else if ( loc . indexOf ( '/tag/' ) > - 1 ) {
var tagToStream = loc . replace ( '/tag/' , '' ) ;
if ( tagToStream . length > 0 ) {
streamToSet = 'statusnet/tags/timeline/' + tagToStream + '.json' ;
}
}
2013-08-20 22:26:25 +09:00
// {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' ;
}
2013-08-19 22:30:57 +09:00
}
}
// {domain}/search/notice?q={urlencoded searh terms}
else if ( loc . indexOf ( '/search/notice?q=' ) > - 1 ) {
var searchToStream = loc . replace ( '/search/notice?q=' , '' ) ;
if ( userToStream . length > 0 ) {
streamToSet = 'search.json?q=' + searchToStream ;
}
}
return streamToSet ;
}
/ * ·
·
· Expand / de - expand queet
·
· @ param q : the stream item to expand
·
· · · · · · · · · * /
function expand _queet ( q ) {
var qid = q . attr ( 'data-quitter-id' ) ;
// de-expand if expanded
if ( q . hasClass ( 'expanded' ) && ! q . hasClass ( 'collapsing' ) ) {
q . addClass ( 'collapsing' ) ;
q . find ( '.stream-item-expand' ) . html ( window . sL . expand ) ;
if ( q . hasClass ( 'conversation' ) ) {
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 ( '.stream-item.conversation' ) . remove ( ) ;
q . find ( '.inline-reply-queetbox' ) . remove ( ) ;
}
else {
var collapseTime = 200 + q . find ( '.stream-item.conversation:not(.hidden-conversation)' ) . length * 50 ;
q . find ( '.expanded-content' ) . slideUp ( collapseTime , function ( ) { $ ( this ) . remove ( ) ; } ) ;
q . find ( '.view-more-container-top' ) . slideUp ( collapseTime , function ( ) { $ ( this ) . remove ( ) ; } ) ;
q . find ( '.view-more-container-bottom' ) . slideUp ( collapseTime , function ( ) { $ ( this ) . remove ( ) ; } ) ;
q . find ( '.stream-item.conversation' ) . slideUp ( collapseTime , function ( ) { $ ( this ) . remove ( ) ; } ) ;
q . find ( '.inline-reply-queetbox' ) . slideUp ( collapseTime , function ( ) { $ ( this ) . remove ( ) ; } ) ;
backToMyScrollPos ( q , qid , 'animate' ) ;
setTimeout ( function ( ) {
q . removeClass ( 'expanded' ) ;
q . removeClass ( 'collapsing' ) ;
} , collapseTime + 500 ) ;
}
}
else {
rememberMyScrollPos ( q , qid , - 8 ) ;
q . addClass ( 'expanded' ) ;
// not for acitivity
if ( ! q . hasClass ( 'activity' ) ) {
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 ) {
q . children ( '.queet' ) . find ( '.queet-text' ) . html ( $ . trim ( data . replace ( /@<span class="vcard">/gi , '<span class="vcard">' ) . replace ( /!<span class="vcard">/gi , '<span class="vcard">' ) . replace ( /#<span class="tag">/gi , '<span class="tag">' ) ) ) ;
}
} ) ;
}
}
// 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 = '<span class="longdate" title="' + longdate + '">' + longdate + ' · </span><a href="' + qurl + '" class="permalink-link">' + window . sL . details + '</a>' ;
// show expanded content
q . find ( '.stream-item-footer' ) . after ( '<div class="expanded-content"><div class="queet-stats-container"></div><div class="client-and-actions"><span class="metadata">' + metadata + '</span></div></div>' ) ;
// maybe show images
$ . each ( q . children ( '.queet' ) . find ( '.queet-text' ) . find ( 'a' ) , function ( ) {
var attachment _title = $ ( this ) . attr ( 'title' ) ;
if ( typeof attachment _title != 'undefined' ) {
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' ) {
q . children ( '.queet' ) . find ( '.expanded-content' ) . prepend ( '<div class="media"><a href="' + attachment _title + '" target="_blank"><img src="' + attachment _title + '" /></a></div>' ) ;
}
}
} ) ;
// get favs and rq:s (not if external)
if ( ! q . hasClass ( 'external-conversation' ) ) {
// 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
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 . find ( '.queet' ) . find ( '.screen-name' ) . html ( ) . substring ( 1 ) ;
var user _screen _name _html = '<a>@' + user _screen _name + '</a>' ;
var reply _to _screen _name = '' ;
var reply _to _screen _name _html = '' ;
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 = ' <a>@' + reply _to _screen _name + '</a>' ;
}
var more _reply _tos = '' ;
$ . each ( q . find ( '.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 + ' <a>@' + $ ( obj ) . html ( ) + '</a>' ;
}
} ) ;
return '<div class="inline-reply-queetbox"><div contenteditable="true" aria-multiline="true" role="textbox" spellcheck="true" class="queet-box-template" id="queet-box-template-' + qid + '" data-blurred-html=' + escape ( window . sL . replyTo + ' ' + user _screen _name _html + reply _to _screen _name _html + more _reply _tos + ' <br>' ) + ' data-start-html="' + escape ( user _screen _name _html + reply _to _screen _name _html + more _reply _tos ) + '">' + window . sL . replyTo + ' ' + user _screen _name _html + reply _to _screen _name _html + more _reply _tos + ' <br></div></div>' ;
}
/ * ·
·
· 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 = '<div class="modal-footer">' + footerHtml + '</div>' ;
}
$ ( 'body' ) . prepend ( '<div id="' + popupId + '" class="modal-container"><div class="modal-draggable"><div class="modal-content"><button class="modal-close" type="button"><span class="icon"></span></button><div class="modal-header"><h3 class="modal-title">' + heading + '</h3></div><div class="modal-body">' + bodyHtml + '</div>' + allFooterHtml + '</div></div></div>' ) ;
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 ) {
if ( ! box . hasClass ( 'active' ) ) {
box . addClass ( 'active' ) ;
// 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 + '<a>' + $ ( obj ) . html ( ) + '</a> ' ;
} ) ;
box . html ( new _mentions _html ) ;
placeCaretAtEnd ( document . getElementById ( box . attr ( 'id' ) ) ) ;
// show toolbar/button
box . after ( '<div class="queet-toolbar"><div class="queet-box-extras"></div><div class="queet-button"><span class="queet-counter"></span><button>' + window . sL . queetVerb + '</button></div><div style="clear:both;"></div></div>' ) ;
// count chars
countCharsInQueetBox ( box , box . parent ( ) . find ( '.queet-toolbar .queet-counter' ) , box . parent ( ) . find ( '.queet-toolbar button' ) ) ;
}
}
/ * ·
·
· 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 = '<li class="action-del-container"><a class="with-icn"><span class="icon sm-trash"></span> <b>' + window . sL . deleteVerb + '</b></a></li>' ;
}
else if ( obj . repeated ) {
var requeetHtml = '<li class="action-rt-container"><a class="with-icn done"><span class="icon sm-rt"></span> <b>' + window . sL . requeetedVerb + '</b></a></li>' ;
requeetedClass = 'requeeted' ;
}
else {
var requeetHtml = '<li class="action-rt-container"><a class="with-icn"><span class="icon sm-rt"></span> <b>' + window . sL . requeetVerb + '</b></a></li>' ;
}
// favorite html
var favoritedClass = '' ;
if ( obj . favorited ) {
var favoriteHtml = '<a class="with-icn done"><span class="icon sm-fav"></span> <b>' + window . sL . favoritedVerb + '</b></a>' ;
favoritedClass = 'favorited' ;
}
else {
var favoriteHtml = '<a class="with-icn"><span class="icon sm-fav"></span> <b>' + window . sL . favoriteVerb + '</b></a>' ;
}
if ( obj . source == 'activity' ) {
var queetHtml = '<div id="conversation-stream-item-' + obj . id + '" class="stream-item conversation activity hidden-conversation" data-quitter-id="' + obj . id + '" data-quitter-id-in-stream="' + obj . id + '"><div class="queet" id="conversation-q-' + obj . id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><small class="created-at" data-created-at="' + obj . created _at + '"><a>' + queetTime + '</a></small></div><div class="queet-text">' + $ . trim ( obj . statusnet _html ) + '</div></div></div></div>' ;
}
else {
var queetHtml = '<div id="conversation-stream-item-' + obj . id + '" class="stream-item conversation hidden-conversation ' + requeetedClass + ' ' + favoritedClass + '" data-quitter-id="' + obj . id + '" data-conversation-id="' + obj . statusnet _conversation _id + '" data-quitter-id-in-stream="' + obj . id + '" data-in-reply-to-screen-name="' + in _reply _to _screen _name + '" data-in-reply-to-status-id="' + obj . in _reply _to _status _id + '"><div class="queet" id="conversation-q-' + obj . id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj . user . statusnet _profile _url + '"><img class="avatar" src="' + obj . user . profile _image _url + '" /><strong class="name" data-user-id="' + obj . user . id + '">' + obj . user . name + '</strong> <span class="screen-name">@' + obj . user . screen _name + '</span></a><small class="created-at" data-created-at="' + obj . created _at + '"><a href="' + obj . uri + '">' + queetTime + '</a></small></div><div class="queet-text">' + $ . trim ( obj . statusnet _html ) + '</div><div class="stream-item-footer"><ul class="queet-actions"><li class="action-reply-container"><a class="with-icn"><span class="icon sm-reply"></span> <b>' + window . sL . replyVerb + '</b></a></li>' + requeetHtml + '<li class="action-fav-container">' + favoriteHtml + '</li></ul><span class="stream-item-expand">' + window . sL . expand + '</span></div></div></div></div>' ;
}
// 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 ;
}
if ( obj . source == 'activity' ) {
var queetHtml = '<div id="conversation-stream-item-' + obj . id + '" class="stream-item conversation activity hidden-conversation external-conversation" data-quitter-id="' + obj . id + '" data-quitter-id-in-stream="' + obj . id + '"><div class="queet" id="conversation-q-' + obj . id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><small class="created-at" data-created-at="' + obj . created _at + '"><a href="' + external _base _url + '/notice/' + obj . id + '">' + queetTime + '</a></small></div><div class="queet-text">' + $ . trim ( obj . statusnet _html ) + '</div></div></div></div>' ;
}
else {
var queetHtml = '<div id="conversation-stream-item-' + obj . id + '" class="stream-item conversation hidden-conversation external-conversation" data-external-base-url="' + escape ( external _base _url ) + '" data-quitter-id="' + obj . id + '" data-conversation-id="' + obj . statusnet _conversation _id + '" data-quitter-id-in-stream="' + obj . id + '" data-in-reply-to-screen-name="' + in _reply _to _screen _name + '" data-in-reply-to-status-id="' + obj . in _reply _to _status _id + '"><div class="queet" id="conversation-q-' + obj . id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj . user . statusnet _profile _url + '"><img class="avatar" src="' + obj . user . profile _image _url + '" /><strong class="name" data-user-id="' + obj . user . id + '">' + obj . user . name + '</strong> <span class="screen-name">@' + obj . user . screen _name + '</span></a><small class="created-at" data-created-at="' + obj . created _at + '"><a href="' + external _base _url + '/notice/' + obj . id + '">' + queetTime + '</a></small></div><div class="queet-text">' + $ . trim ( obj . statusnet _html ) + '</div><div class="stream-item-footer"><ul class="queet-actions"><li class="action-reply-container"> </li></ul><span class="stream-item-expand">' + window . sL . expand + '</span></div></div></div></div>' ;
}
// 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 ) ;
if ( only _first && reply _found _reply _to . length > 0 ) {
reply _found . before ( '<div class="view-more-container-top" data-trace-from="' + reply + '"><a>' + window . sL . viewMoreInConvBefore + '</a></div>' ) ;
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' } , 100 , function ( ) {
if ( ! only _first ) {
findReplyToStatusAndShow ( qid , $ ( this ) . attr ( 'data-quitter-id' ) , false ) ;
}
} ) ;
if ( only _first && reply _founds _reply . length > 0 ) {
reply _found . last ( ) . after ( '<div class="view-more-container-bottom" data-replies-after="' + qid + '"><a>' + window . sL . viewMoreInConvAfter + '</a></div>' ) ;
}
}
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 ( '<span class="show-full-conversation" data-stream-item-id="' + qid + '">' + window . sL . expandFullConversation + '</span>' ) ;
}
}
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
2013-08-20 22:26:25 +09:00
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 . loginUsername != '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 = '<div class="user-actions"><button data-follow-user-id="' + obj . id + '" data-follow-user="' + obj . statusnet _profile _url + '" type="button" class="follow-button ' + followingClass + '"><span class="button-text follow-text"><i class="follow"></i>' + window . sL . userFollow + '</span><span class="button-text following-text">' + window . sL . userFollowing + '</span><span class="button-text unfollow-text">' + window . sL . userUnfollow + '</span></button></div>' ;
}
}
var userHtml = '<div id="stream-item-' + obj . id + '" class="stream-item user"><div class="queet">' + followButton + '<div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj . statusnet _profile _url + '"><img class="avatar" src="' + obj . profile _image _url + '" /><strong class="name" data-user-id="' + obj . id + '">' + obj . name + '</strong> <span class="screen-name">@' + obj . screen _name + '</span></a></div><div class="queet-text">' + obj . description + '</div></div></div></div>' ;
if ( after ) {
$ ( '#' + after ) . after ( userHtml ) ;
}
else {
$ ( '#feed-body' ) . prepend ( userHtml ) ;
2013-08-19 22:30:57 +09:00
}
}
}
2013-08-20 22:26:25 +09:00
// if this is a list of groups
2013-08-19 22:30:57 +09:00
else if ( window . currentStream . substring ( 0 , 26 ) == 'statusnet/groups/list.json' ) {
2013-08-20 22:26:25 +09:00
// 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 || 'http://quitter.se/theme/quitter-theme2/default-avatar-stream.png' ;
// show group actions if logged in
var memberClass = '' ;
if ( obj . member ) {
memberClass = 'member' ;
}
var memberButton = '' ;
if ( typeof window . loginUsername != 'undefined' ) {
var memberButton = '<div class="user-actions"><button data-group-id="' + obj . id + '" type="button" class="member-button ' + memberClass + '"><span class="button-text join-text"><i class="join"></i>' + window . sL . joinGroup + '</span><span class="button-text ismember-text">' + window . sL . isMemberOfGroup + '</span><span class="button-text leave-text">' + window . sL . leaveGroup + '</span></button></div>' ;
}
var groupHtml = '<div id="stream-item-' + obj . id + '" class="stream-item user"><div class="queet">' + memberButton + '<div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj . url + '"><img class="avatar" src="' + obj . stream _logo + '" /><strong class="name" data-group-id="' + obj . id + '">' + obj . fullname + '</strong> <span class="screen-name">!' + obj . nickname + '</span></a></div><div class="queet-text">' + obj . description + '</div></div></div></div>' ;
if ( after ) {
$ ( '#' + after ) . after ( groupHtml ) ;
}
else {
$ ( '#feed-body' ) . prepend ( groupHtml ) ;
}
}
2013-08-19 22:30:57 +09:00
}
// 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 ( ',<a data-user-id="' + obj . user . id + '" href="' + obj . user . statusnet _profile _url + '"> <b>' + obj . user . name + '</b></a>' ) ;
}
}
else {
$ ( '#q-' + obj . retweeted _status . id + ' .stream-item-footer' ) . prepend ( '<div class="context" id="requeet-' + obj . id + '"><span class="with-icn"><i class="badge-requeeted"></i><span class="requeet-text"> ' + window . sL . requeetedBy + '<a data-user-id="' + obj . user . id + '" href="' + obj . user . statusnet _profile _url + '"> <b>' + obj . user . name + '</b></a></span></span></div>' ) ;
}
}
}
2013-08-20 00:46:56 +09:00
// retweeted object don't exist in feed
else {
2013-08-19 22:30:57 +09:00
// 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 = '<li class="action-del-container"><a class="with-icn"><span class="icon sm-trash"></span> <b>' + window . sL . deleteVerb + '</b></a></li></i>' ;
}
else if ( obj . retweeted _status . repeated ) {
var requeetHtml = '<li class="action-rt-container"><a class="with-icn done"><span class="icon sm-rt"></span> <b>' + window . sL . requeetedVerb + '</b></a></i>' ;
requeetedClass = 'requeeted' ;
}
else {
var requeetHtml = '<li class="action-rt-container"><a class="with-icn"><span class="icon sm-rt"></span> <b>' + window . sL . requeetVerb + '</b></a></i>' ;
}
// favorite html
var favoritedClass = '' ;
if ( obj . retweeted _status . favorited ) {
var favoriteHtml = '<a class="with-icn done"><span class="icon sm-fav"></span> <b>' + window . sL . favoritedVerb + '</b></a>' ;
favoritedClass = 'favorited' ;
}
else {
var favoriteHtml = '<a class="with-icn"><span class="icon sm-fav"></span> <b>' + window . sL . favoriteVerb + '</b></a>' ;
}
// actions only for logged in users
var queetActions = '' ;
var expandHTML = '' ;
if ( typeof window . loginUsername != 'undefined' ) {
queetActions = '<ul class="queet-actions"><li class="action-reply-container"><a class="with-icn"><span class="icon sm-reply"></span> <b>' + window . sL . replyVerb + '</b></a></li>' + requeetHtml + '<li class="action-fav-container">' + favoriteHtml + '</li></ul>' ;
expandHTML = '<span class="stream-item-expand">' + window . sL . expand + '</span>' ;
}
var queetTime = parseTwitterDate ( obj . retweeted _status . created _at ) ;
var queetHtml = '<div id="stream-item-' + obj . retweeted _status . id + '" class="stream-item ' + extraClassesThisRun + ' ' + requeetedClass + ' ' + favoritedClass + '" data-quitter-id="' + obj . retweeted _status . id + '" data-conversation-id="' + obj . retweeted _status . statusnet _conversation _id + '" data-quitter-id-in-stream="' + obj . id + '" data-in-reply-to-screen-name="' + in _reply _to _screen _name + '" data-in-reply-to-status-id="' + obj . retweeted _status . in _reply _to _status _id + '"><div class="queet" id="q-' + obj . retweeted _status . id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj . retweeted _status . user . statusnet _profile _url + '"><img class="avatar" src="' + obj . retweeted _status . user . profile _image _url + '" /><strong class="name" data-user-id="' + obj . retweeted _status . user . id + '">' + obj . retweeted _status . user . name + '</strong> <span class="screen-name">@' + obj . retweeted _status . user . screen _name + '</span></a><small class="created-at" data-created-at="' + obj . retweeted _status . created _at + '"><a href="' + obj . retweeted _status . uri + '">' + queetTime + '</a></small></div><div class="queet-text">' + $ . trim ( obj . retweeted _status . statusnet _html ) + '</div><div class="stream-item-footer">' + queetActions + '<div class="context" id="requeet-' + obj . id + '"><span class="with-icn"><i class="badge-requeeted"></i><span class="requeet-text"> ' + window . sL . requeetedBy + '<a href="' + obj . user . statusnet _profile _url + '"> <b>' + obj . user . name + '</b></a></span></span></div>' + expandHTML + '</div></div></div></div>' ;
// 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 = '<div id="stream-item-' + obj . id + '" class="stream-item activity ' + extraClassesThisRun + '" data-quitter-id="' + obj . id + '" data-conversation-id="' + obj . statusnet _conversation _id + '" data-quitter-id-in-stream="' + obj . id + '"><div class="queet" id="q-' + obj . id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><small class="created-at" data-created-at="' + obj . created _at + '"><a href="' + obj . uri + '">' + queetTime + '</a></small></div><div class="queet-text">' + $ . trim ( obj . statusnet _html ) + '</div></div></div></div>' ;
// 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 = '<li class="action-del-container"><a class="with-icn"><span class="icon sm-trash"></span> <b>' + window . sL . deleteVerb + '</b></a></li></i></li>' ;
}
else if ( obj . repeated ) {
var requeetHtml = '<li class="action-rt-container"><a class="with-icn done"><span class="icon sm-rt"></span> <b>' + window . sL . requeetedVerb + '</b></a></li>' ;
var requeetedClass = 'requeeted' ;
}
else {
var requeetHtml = '<li class="action-rt-container"><a class="with-icn"><span class="icon sm-rt"></span> <b>' + window . sL . requeetVerb + '</b></a></li>' ;
}
// favorite html
var favoritedClass = '' ;
if ( obj . favorited ) {
var favoriteHtml = '<a class="with-icn done"><span class="icon sm-fav"></span> <b>' + window . sL . favoritedVerb + '</b></a>' ;
favoritedClass = 'favorited' ;
}
else {
var favoriteHtml = '<a class="with-icn"><span class="icon sm-fav"></span> <b>' + window . sL . favoriteVerb + '</b></a>' ;
}
// actions only for logged in users
var queetActions = '' ;
var expandHTML = '' ;
if ( typeof window . loginUsername != 'undefined' ) {
queetActions = '<ul class="queet-actions"><li class="action-reply-container"><a class="with-icn"><span class="icon sm-reply"></span> <b>' + window . sL . replyVerb + '</b></a></li>' + requeetHtml + '<li class="action-fav-container">' + favoriteHtml + '</li></ul>' ;
expandHTML = '<span class="stream-item-expand">' + window . sL . expand + '</span>' ;
}
var queetTime = parseTwitterDate ( obj . created _at ) ;
var queetHtml = '<div id="stream-item-' + obj . id + '" class="stream-item ' + extraClassesThisRun + ' ' + requeetedClass + ' ' + favoritedClass + '" data-quitter-id="' + obj . id + '" data-conversation-id="' + obj . statusnet _conversation _id + '" data-quitter-id-in-stream="' + obj . id + '" data-in-reply-to-screen-name="' + in _reply _to _screen _name + '" data-in-reply-to-status-id="' + obj . in _reply _to _status _id + '"><div class="queet" id="q-' + obj . id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj . user . statusnet _profile _url + '"><img class="avatar" src="' + obj . user . profile _image _url + '" /><strong class="name" data-user-id="' + obj . user . id + '">' + obj . user . name + '</strong> <span class="screen-name">@' + obj . user . screen _name + '</span></a><small class="created-at" data-created-at="' + obj . created _at + '"><a href="' + obj . uri + '">' + queetTime + '</a></small></div><div class="queet-text">' + $ . trim ( obj . statusnet _html ) + '</div><div class="stream-item-footer">' + queetActions + expandHTML + '</div></div></div></div>' ;
// 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
·
· · · · · · · · · · · · · * /
$ ( 'body' ) . on ( 'click' , '.longdate' , function ( ) {
threadedConversation ( $ ( this ) . closest ( '.stream-item:not(.conversation)' ) . attr ( 'data-quitter-id' ) ) ;
} )
function threadedConversation ( id ) {
$ ( 'body' ) . prepend ( '<div id="threaded-' + id + '" class="modal-container"><div class="thread-container" style="margin-left:0;"><div></div></div></div>' ) ;
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 = $ ( '<div/>' ) . 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 + '"]' ) ) ;
}
} ) ;
}
