');
word=text.substring(orig.length+textSplit[i].length,orig.length+textSplit[i].length+search[searchIndex].length);
if (lastBegTag>lastEndTag) {
orig=orig+textSplit[i]+word;
highlighted=highlighted+textSplit[i]+word;
} else {
orig=orig+textSplit[i]+word;
highlighted=highlighted+textSplit[i]+''+word+'';
}
}
highlighted=highlighted+textSplit[i];
this.innerHTML = highlighted;
}
});
});
}
}
/**
* Submit AJAX posts when users toggle privacy controls
*/
$('.privacy_select').click(function () {
var sectionIds = [];
var _this=this;
var sections = $('.privacy_select:checked').each(function () { sectionIds[sectionIds.length]=$(this).attr('id').substr(8); });
$(this).parent().addClass('loading');
$.ajax({
url: "/ricochet/updateprivacy",
type: "POST",
data: {'sections[]':sectionIds, 'format': 'json'},
dataType: 'json',
success: function(response) {
$('.privacy_select').attr('checked',false);
$(_this).parent().removeClass('loading');
for(var i in response.sections) {
$('#display_' + response.sections[i]).attr('checked',true);
}
$.setAjaxMessage('Your privacy option has been changed',Ricochet.AjaxMessage.OK);
},
error: function(response) {
$(_this).parent().removeClass('loading');
$.setAjaxMessage('Error updating privacy policy',Ricochet.AjaxMessage.ERROR);
}
});
return false;
});
if (document.getElementById('editor-dialog')) {
$("#editor-dialog").dialog({autoOpen:false})
$("#editor-button").click(function(){
$('#editor-dialog').dialog('open');
});
}
/* if (document.getElementById('join-dialog')) {
$("#join-dialog").dialog({autoOpen:false,width:'auto'});
$('.follow-link a, a.follow-link').live('click',function() {
$('#join-dialog').dialog('open');
});
}
*/
var welcomecookie = location.pathname.split('/');
welcomecookie.shift();
welcomecookie = 'ricochet-welcome-' + welcomecookie[0];
if (!$.cookie(welcomecookie)) $('#welcome').slideDown().find('.close').click(function(){
$.cookie(welcomecookie,'1',{expires:365});
$('#welcome').slideUp();
});
Ricochet.Toggles.init();
Ricochet.ConversationManager.init();
Ricochet.CommentView.init();
var path=window.location.pathname;
if (path.match(/^\/feed(\/+\(page\)\/[0-9]*)?$/)) {
Ricochet.SidebarView.render({
title:'Conversations Feed',el:'#sb-feed',url:'/ricochet/feed/conversations'
});
} else if (path.match(/^\/(Users)|(Profile)/)) {
// None on the user profile
} else {
if($('#sb-feed').length > 0) {
Ricochet.SidebarView.render({
title:'Contributor Feed',el:'#sb-feed',url:'/ricochet/feed/contributors'
//title:'Conversations Feed',el:'#sb-feed',url:'/ricochet/feed/conversations'
// NOTE: The Comment Feed loads VERY slowly the first time-- until cached!
//title:'Comment Feed',el:'#sb-feed',url:'/ricochet/feed/comments'
//title:'Member Feed',el:'#sb-feed',url:'/ricochet/feed/member-feed'
});
}
}
/* TODO: Remove after we get rid of this particular approach to doing Facebook buttons (I think they are commented out already)
// Insert Facebook "Recommend" iframes
$('.fb-like').each( function() {
var fb_html = '';
$(this).html(fb_html);
});
*/
});
Ricochet.FeedManager = function() {
return {
init: function(context) {
if (context == null) {
context = $("#content");
}
// Set up the "Show more" links
context.find('.truncated').each(function() {
var innerElem = $(this).find('.truncated-inner');
var fullHeight = innerElem.height();
var truncatedHeight = parseInt($(this).css('max-height'))||fullHeight;
var parentElem = $(this).parent();
if (fullHeight > truncatedHeight * 1.5) {
parentElem.find('.show-more-gradient').css('display', 'block');
parentElem.find('.show-more-link').css('display', 'block');
var linkElem = parentElem.find('.show-more-link a');
linkElem.attr('href', 'javascript:void(0)');
linkElem.attr('onclick', 'return false;');
linkElem.html('Show more');
} else {
$(this).removeClass('truncated');
parentElem.find('.show-more-link').remove();
}
});
context.find('.show-more-link').click(function() {
var truncElem = $(this).closest('.bd').find('.truncated');
var innerElem = $(truncElem).find('.truncated-inner');
var fullHeight = innerElem.height();
var currentHeight = parseInt(truncElem.css('max-height'))||fullHeight;
truncElem.animate({'max-height': fullHeight}, fullHeight/2, function() {
truncElem.removeClass('truncated');
truncElem.css('max-height', 'none');
});
$(this).parent().find('.show-more-gradient').hide();
$(this).hide();
});
}
}
}();
Ricochet.CountManager = function() {
return {
textarea_wc : function(textarea) {
var fieldId = $(textarea).attr('id').split('ContentObjectAttribute_data_text_').pop();
var wordCount = $('#oe_word_count_' + fieldId);
if (wordCount.length == 0) return;
var form = $(textarea).parents('form')[0];
var wordLimit = $(wordCount.parents('.word_limit')[0]);
var limit = parseInt(wordLimit.attr('max')) || 200;
var words = textarea.value.split(/\S\s+/);
var count = words.length;
wordCount.text( count );
if( ! wordLimit.is('.overlimit') && count > limit) {
wordLimit.addClass('overlimit');
Ricochet.ConversationManager.disableposting(form);
}
if( wordLimit.is('.overlimit') && count <= limit) {
wordLimit.removeClass('overlimit');
Ricochet.ConversationManager.enableposting(form);
}
}
}
}();
Ricochet.ConversationManager = function() {
var timeout, shareEl,
contentBeingPosted=false,
wordLimitExceeded=false;
var closepopup=function(){
$('.pod-popup').hide('fast');
};
return {
follow : function(id,el) {
if (document.getElementById('join-dialog')) {
// The user is not logged in. Show a Join dialog instead
// I tested for mobile before, because of a width problem causing the mobile layout to be too wide. Now it doesn't appear to be necessary
// if ( jQuery.browser.mobile ) {
// $("#join-dialog").dialog({autoOpen:false, modal:true, width:'300', position:[10, 30]});
// } else {
$("#join-dialog").dialog({autoOpen:false, modal:true, width:'auto'});
// }
$('#join-dialog').dialog('open');
} else {
// Grab the parent post or comment. Find out if we're following already
var con=$(el).parents('.post, .comment'),
unfollow=con.find('.follow-link').is('.link2');
// Because we want the UI to be snappy, we can't wait for the server to respond, saying
// that the follow was successful. Instead, we go ahead and update the UI as if it
// succeeded; then actually try, and if it fails, put everything back the way it was.
var count=parseInt(con.find('.follow-link .count:first').text());
if (isNaN(count) || count < 1) count = 0;
/* The count on the My Conversations tab is no longer being used, but this is how it was implemented:
var totalCountEl=$('#myconversations_count b'),
totalCountCon=$('#myconversations_count'),
totalCount=parseInt(totalCountEl.text()||0);
See also the lines commented out below that refer to totalCountEl and totalCountCon
*/
if (unfollow) {
con.find('.follow-link').removeClass('link2');
con.find('.follow-link .count').html(count-1);
if (count-1==0) con.find('.follow-link').addClass('hide');
// totalCountEl.text(totalCount-1);
// if (totalCount-1==0) totalCountCon.addClass('hide');
} else {
con.find('.follow-link').removeClass('hide');
con.find('.follow-link').addClass('link2');
con.find('.follow-link .count').html(count+1);
// totalCountEl.text(totalCount+1);
// totalCountCon.removeClass('hide');
}
$.post('/ricochet/follow', {'node':id, 'remove':unfollow, 'format':'json'}, function(response, txtstat, xmlstat) {
if (!response.success) {
// Update failed. Must revert the UI to what it was before
if (unfollow) {
con.find('.follow-link').removeClass('hide');
con.find('.follow-link').addClass('link2');
con.find('.follow-link .count').html(count+1);
// totalCountEl.text(totalCount+1);
// totalCountCon.removeClass('hide');
} else {
con.find('.follow-link').removeClass('link2');
con.find('.follow-link .count').html(count-1);
if (count-1==0) con.find('.follow-link').addClass('hide');
// totalCountEl.text(totalCount-1);
// if (totalCount-1==0) totalCountCon.addClass('hide');
}
alert('Error occurred while updating follows (1)');
}
}, 'json');
}
},
share : function(id,type,el) {
$.post('/ricochet/share', {'node':id, 'type':type, 'format':'json'}, function(response) {
if (response.success) {
el=$(el).parent();
var count=parseInt($(el).find('.count').text());
$(el).find('.count').html(count+1);
$(el).addClass('show');
} else {
alert('Error occurred while updating shares');
}
}, 'json');
},
// Submits an inline "new content" form to the server, and handles the response
// If 'preview' is true, does a preview instead
// TODO: Use an approach similar to the preview to edit things in-place!
// Have the "Edit" link put in place an edit box, then when submitted, have it get the content back and display it
newcontent: function(form, preview) {
if (contentBeingPosted==true) return;
// Make sure we are within the word limit
wordLimitExceeded = false;
form.find('.word_limit').each(function() {
var count = parseInt($(this).find('span').text()),
limit = parseInt($(this).attr('max')) || 200;
if (count > limit) {
alert('Please stay within the word limit. You are using ' + count + ' of an allowed ' + limit + ' words.');
wordLimitExceeded=true;
}
});
if (wordLimitExceeded==true) return;
contentBeingPosted=true;
// For now, we only know how to handle one XML block textarea on the form
var textBox=form.find('.oe-window textarea');
var textFieldName;
var text, plaintext;
if (textBox.length > 0) {
textBox = textBox[0];
textFieldName = textBox.getAttribute('id');
if (textFieldName.indexOf('mobile-') == 0) {
// Get the text from the textbox (mobile version disables the editor)
plaintext = text = textBox.value;
// TODO: This would be a good place to replace double newlines in the 'text' variable with tags or something...
textFieldName = textFieldName.replace('mobile-', '');
} else {
// Get the text from TinyMCE
var doc=$('#' + textBox.getAttribute('id') + '_ifr')[0];
doc=doc.contentWindow||doc.contentDocument;
plaintext = $(doc.document.body).text();
// TODO: Is the following line going to work when there is more than one editor on the page?
text = tinymce.EditorManager.activeEditor.getContent();
}
}
if (plaintext.replace(/\s/g,'')=='') {
alert('The text field looks empty. Please type something before posting.');
contentBeingPosted=false;
return false;
} else if(preview !== true) {
// Submit the form. The server will redirect, causing a page load
// TODO: Consider using AJAX and updating the page, adding the content in-place as with Preview below?
// But we have to consider what page we are on...
form.submit();
} else {
// Previewing only. Load the data from the form and submit it via AJAX.
var data={};
for(var i=0; iPreview
');
container = container.find('#preview-' + parentNodeId);
}
if (container.hasClass('loading') ) return;
container.children('div').slideUp(500);
container.addClass('loading');
// Submit to server as a draft
$.ajax({
url: "/layout/set/json/ricochet/newcontent",
type: "POST",
data: data,
cache: false,
dataType: 'xml',
success: function(response) {
$(response).find('node').each(function(){
container.children('div').remove();
container.append('' + $(this).text() + '
');
container.children('div').slideDown(500);
});
container.removeClass('loading');
},
error: function(response) {
container.removeClass('loading');
alert('Error Creating Preview');
}
});
contentBeingPosted=false;
return false;
}
},
disableposting: function(form) {
$(form).find('.post-buttons').hide();
$(form).find('.disabled-post-buttons').show();
},
enableposting: function(form) {
$(form).find('.disabled-post-buttons').hide();
$(form).find('.post-buttons').show();
},
init : function() {
var _this=this;
// Setup Comment Counter Popups
$('.pod-popup a').live('click',closepopup);
$('.pod-popup').hover(function(){
clearTimeout(timeout);
},function(){
timeout=setTimeout(closepopup,3000);
});
$('.comment-count').hover(function(){
clearTimeout(timeout);
var pos=$(this).position(),sel=($(this).hasClass('member'))?'.pod-popup.member': ($(this).hasClass('follow')) ? '.pod-popup.follow' : '.pod-popup.contributor';
$('.pod-popup').hide();
$(this).parents('.post').find(sel).css({left:pos.left+$(this).outerWidth()-10,top:pos.top-25}).show('fast');
},function(){
clearTimeout(timeout);
timeout=setTimeout(closepopup,3000);
});
// Setup Share Popup. NOTE: Please keep this code in sync with action.tpl and comment.tpl, especially with regards
// to the DOM structure that this code relies upon to grab the elements it needs
$('.share_button').live('click',function(){
shareEl=this;
var l=location,
type=$(shareEl).parents().is('.post')?'post':'comment',
parent=$(shareEl).parents('.'+type),
url=l.protocol + '//' + l.host + parent.find('.permalink').attr('href') || l.pathname,
author=parent.find('a.author').text(),
title=author + ': ' +
$.trim((type=='post') ? parent.find('.hd .title').text() : parent.find('.hd h3').text()),
desc='on Ricochet.com';
clearTimeout(timeout);
$('.pod-popup').hide();
$('#share').css({left:$(this).offset().left-5,top:$(this).offset().top+$(this).outerHeight()}).show('fast');
});
$('.share_button').live('mouseout',function(){
timeout=setTimeout(closepopup,3000);
});
}
}
}();
Ricochet.UserManager = function(){
return {
follow : function(id,el) {
var remove;
if (!el) {
// User icons, element aren't passed in
el=$('a[person='+id+']');
remove=true;
} else {
// Sidebar button
if ($(el).hasClass('follow-link')) remove=false;
else remove=true;
}
$.post('/ricochet/follow', {'node':id, 'remove':remove, 'format':'json'}, function(response) {
var totalCountEl=$('#mypeople_count b'),
totalCountCon=$('#mypeople_count');
if (response.success) {
var totalCount=parseInt(totalCountEl.text()||0);
if (remove){
$(el).addClass('follow-link');
totalCountEl.text(totalCount-1);
if (totalCount-1==0) totalCountCon.addClass('hide');
} else {
$(el).removeClass('follow-link');
totalCountEl.text(totalCount+1);
totalCountCon.removeClass('hide');
}
} else {
alert('Error occurred while updating follows (2)');
}
}, 'json');
}
}
}();
Ricochet.Toggles=function(){
var hideCls='hide',hideCls2='link2',popup,toggles={'users':{}},hideContributors=false,hideMembers=false,
ids=['#member-toggles','#contributor-toggles','#popularity-toggles'],
allNoneTpl=$.template(''),
linkTpl=$.template('${name} (${count})'),
authorLookup=[],
minimizedClicks={};
var updatePopup=function(el){
var s='',s2;
if ($(el).hasClass(hideCls)) s="show";
else s='hide';
s=s+' comments';
s2='like this';
$(el).parent('#contributor-toggles,#member-toggles').each(function(){
s2='by this person';
});
s=s+' '+s2;
$('#toggles-popup span').html(s);
};
var updateTotals=function(){
var count=0,comment,likes;
for (var i=0,len=Ricochet.Comments.length;i4))
&&(!toggles['like5']||(toggles['like5'] && (likes<5 || likes>9)))
&&(!toggles['like10']||(toggles['like10'] && likes<10)))) {
count++;
}
}
}
for (var i in minimizedClicks) {
if (minimizedClicks[i]) count++;
}
$('#filterCount').html('(displaying '+count+' of '+len+')');
$('.filterCount').each(function(){
$(this).html('('+count+' of '+len+')');
});
};
var render=function(){
var contribAuthors=[],memberAuthors=[],allAuthors=[],container,overflow=10;
$(ids[0]+','+ids[1]+','+ids[2]).html('');
$(ids[0]).append(allNoneTpl,{isMember:1});
$(ids[1]).append(allNoneTpl,{isMember:0});
for (var i=0,len=Ricochet.CommentAuthors.length;i...plus '+
(len-overflow)+
' others').find('.toggle-overflow');
}
container.append(linkTpl,obj);
if (i+1');
}
container=$(ids[0]);
var popularityToggles=[
{id:10,name:'10+ Likes',count:0},
{id:5,name:'5-10 Likes',count:0},
{id:0,name:'0-5 Likes',count:0}
];
for (var i=0,len=memberAuthors.length;i...plus '+(len-overflow)+' other'+((len-overflow==1)?'':'s')+'').find('.toggle-overflow');
}
container.append(linkTpl,obj);
for (var j=0,len2=a.comments.length;j4 && count<10) popularityToggles[1].count++;
else if (count>9) popularityToggles[0].count++;
}
if (i+1');
}
container=$(ids[2]);
for (var i=0,len=popularityToggles.length;i');
}
// Add mouseover to toggle links
$('#toggles .box a:not(.display-more, .all-none a)').hover(function(){
var pos=$(this).position();
pos.left=pos.left+$(this).outerWidth()+10;
pos.top=pos.top-10;
$('#toggles-popup').css({'left':pos.left,'top':pos.top}).show();
updatePopup(this);
},function(){
$('#toggles-popup').hide();
});
$('.display-more').click(function(){
// Hide the link and show the overflow div
$(this).hide().parents(ids[0]+','+ids[1]).find('.toggle-overflow').show();
});
$('.hide-more').click(function(){
var parents=$(this).parents(ids[0]+','+ids[1]);
parents.find('.toggle-overflow').hide();
parent.find('.display-more').show();
});
setTimeout(function(){$('#toggles').slideDown('slow');},1000);
};
return {
showAllOrNone:function(showAll,isMember) {
var author;
for (var i=0,len=Ricochet.CommentAuthors.length;i4 && likes<10) stillShow=false;
if (toggles['like10'] && likes>9) stillShow=false;
}
if (stillShow) {
Ricochet.CommentView.show(Ricochet.Comments[comments[i]].id);
minimizedClicks[Ricochet.Comments[comments[i]].id]=false;
}
} else {
Ricochet.CommentView.minimize(Ricochet.Comments[comments[i]].id);
minimizedClicks[Ricochet.Comments[comments[i]].id]=false;
}
}
if (el) {
if (show) $(el).removeClass(hideCls).removeClass(hideCls2);
else $(el).addClass(hideCls).addClass(hideCls2);
updatePopup(el);
}
$.setJSONCookie('toggles',toggles);
updateTotals();
},
showHideLikes:function(id) {
var comments=[],show=toggles['like'+id],
el=$(ids[2]+' a[toggle='+id+']');
toggles['like'+id]=show?false:true;
for (var i=0,len=Ricochet.Comments.length;i4 && comment.likes<10) comments[comments.length]=i;
else if (id==10 && comment.likes>9) comments[comments.length]=i;
}
if (show) {
for (var i=0,len=comments.length;i