Skip to content

Instantly share code, notes, and snippets.

@JudeRosario

JudeRosario/Activity+ SiteWideActivity.js

Last active August 29, 2015 14:14
Show Gist options
  • Save JudeRosario/b031f09be2527b604deb to your computer and use it in GitHub Desktop.
Save JudeRosario/b031f09be2527b604deb to your computer and use it in GitHub Desktop.
Download ZIP
Integrate SiteWide Activity and Activity+
Raw
Activity+ SiteWideActivity.js
var _swabpfbActiveHandler = false;
(function($){
$(function() {
var $form;
var $text;
var $textContainer;
/**
* Video insertion/preview handler.
*/
var BpfbVideoHandler = function () {
$container = $(".bpfb_controls_container");
var resize = function () {
$('#bpfb_video_url').width($container.width());
};
var createMarkup = function () {
var html = '<input type="text" id="bpfb_video_url" name="bpfb_video_url" placeholder="' + l10nBpfb.paste_video_url + '" value="" />' +
'<input type="button" id="bpfb_video_url_preview" value="' + l10nBpfb.preview + '" />';
$container.empty().append(html);
$(window).off("resize.bpfb").on("resize.bpfb", resize);
resize();
$('#bpfb_video_url').focus(function () {
$(this)
.select()
.addClass('changed')
;
});
$('#bpfb_video_url').keypress(function (e) {
if (13 != e.which) return true;
createVideoPreview();
return false;
});
$('#bpfb_video_url').change(createVideoPreview);
$('#bpfb_video_url_preview').click(createVideoPreview);
};
var createVideoPreview = function () {
var url = $('#bpfb_video_url').val();
if (!url) return false;
$('.bpfb_preview_container').html('<div class="bpfb_waiting"></div>');
$.post(ajaxurl, {"action":"bpfb_preview_video", "data":url}, function (data) {
$('.bpfb_preview_container').empty().html(data);
$('.bpfb_action_container').html(
'<p><input type="button" class="button-primary bpfb_primary_button" id="bpfb_submit" value="' + l10nBpfb.add_video + '" /> ' +
'<input type="button" class="button" id="bpfb_cancel" value="' + l10nBpfb.cancel + '" /></p>'
);
$("#bpfb_cancel_action").hide();
});
};
var processForSave = function () {
return {
"bpfb_video_url": $("#bpfb_video_url").val()
};
};
var init = function () {
$('#swa-whats-new-submit').hide();
createMarkup();
};
var destroy = function () {
$container.empty();
$('.bpfb_preview_container').empty();
$('.bpfb_action_container').empty();
$('#swa-whats-new-submit').show();
$(window).off("resize.bpfb");
};
init ();
return {"destroy": destroy, "get": processForSave};
};
/**
* Link insertion/preview handler.
*/
var BpfbLinkHandler = function () {
$container = $(".bpfb_controls_container");
var resize = function () {
$('#bpfb_link_preview_url').width($container.width());
};
var createMarkup = function () {
var html = '<input type="text" id="bpfb_link_preview_url" name="bpfb_link_preview_url" placeholder="' + l10nBpfb.paste_link_url + '" value="" />' +
'<input type="button" id="bpfb_link_url_preview" value="' + l10nBpfb.preview + '" />';
$container.empty().append(html);
$(window).off("resize.bpfb").on("resize.bpfb", resize);
resize();
$('#bpfb_link_preview_url').focus(function () {
$(this)
.select()
.addClass('changed')
;
});
$('#bpfb_link_preview_url').keypress(function (e) {
if (13 != e.which) return true;
createLinkPreview();
return false;
});
$('#bpfb_link_preview_url').change(createLinkPreview);
$('#bpfb_link_url_preview').click(createLinkPreview);
};
var createPreviewMarkup = function (data) {
if (!data.url) {
$('.bpfb_preview_container').empty().html(data.title);
return false;
}
var imgs = '';
$.each(data.images, function(idx, img) {
if (!img) return true;
var url = img.match(/^http/) ? img : data.url + '/' + img;
imgs += '<img class="bpfb_link_preview_image" src="' + url + '" />';
});
var html = '<table border="0">' +
'<tr>' +
'<td>' +
'<div class="bpfb_link_preview_container">' +
imgs +
'<input type="hidden" name="bpfb_link_img" value="" />' +
'</div>' +
'</td>' +
'<td>' +
'<div class="bpfb_link_preview_title">' + data.title + '</div>' +
'<input type="hidden" name="bpfb_link_title" value="' + data.title + '" />' +
'<div class="bpfb_link_preview_url">' + data.url + '</div>' +
'<input type="hidden" name="bpfb_link_url" value="' + data.url + '" />' +
'<div class="bpfb_link_preview_body">' + data.text + '</div>' +
'<input type="hidden" name="bpfb_link_body" value="' + data.text + '" />' +
'<div class="bpfb_thumbnail_chooser">' +
'<span class="bpfb_left"><img class="bpfb_thumbnail_chooser_left" src="' + _bpfb_data.root_url + '/img/system/left.gif" />&nbsp;</span>' +
'<span class="bpfb_thumbnail_chooser_label">' + l10nBpfb.choose_thumbnail + '</span>' +
'<span class="bpfb_right">&nbsp;<img class="bpfb_thumbnail_chooser_right" src="' + _bpfb_data.root_url + '/img/system/right.gif" /></span>' +
'<br /><input type="checkbox" id="bpfb_link_no_thumbnail" /> <label for="bpfb_link_no_thumbnail">' + l10nBpfb.no_thumbnail + '</label>' +
'</div>' +
'</td>' +
'</tr>' +
'</table>';
$('.bpfb_preview_container').empty().html(html);
$('.bpfb_action_container').html(
'<p><input type="button" class="button-primary bpfb_primary_button" id="bpfb_submit" value="' + l10nBpfb.add_link + '" /> ' +
'<input type="button" class="button" id="bpfb_cancel" value="' + l10nBpfb.cancel + '" /></p>'
);
$("#bpfb_cancel_action").hide();
$('img.bpfb_link_preview_image').hide();
$('img.bpfb_link_preview_image').first().show();
$('input[name="bpfb_link_img"]').val($('img.bpfb_link_preview_image').first().attr('src'));
//$('.bpfb_thumbnail_chooser_left').click(function () {
$('.bpfb_thumbnail_chooser .bpfb_left').click(function () {
var $cur = $('img.bpfb_link_preview_image:visible');
var $prev = $cur.prev('.bpfb_link_preview_image');
if ($prev.length) {
$cur.hide();
$prev
.width($('.bpfb_link_preview_container').width())
.show();
$('input[name="bpfb_link_img"]').val($prev.attr('src'));
}
return false;
});
//$('.bpfb_thumbnail_chooser_right').click(function () {
$('.bpfb_thumbnail_chooser .bpfb_right').click(function () {
var $cur = $('img.bpfb_link_preview_image:visible');
var $next = $cur.next('.bpfb_link_preview_image');
if ($next.length) {
$cur.hide();
$next
.width($('.bpfb_link_preview_container').width())
.show();
$('input[name="bpfb_link_img"]').val($next.attr('src'));
}
return false;
});
$("#bpfb_link_no_thumbnail").click(function () {
if ($("#bpfb_link_no_thumbnail").is(":checked")) {
$('img.bpfb_link_preview_image:visible').hide();
$('input[name="bpfb_link_img"]').val('');
$(".bpfb_left, .bpfb_right, .bpfb_thumbnail_chooser_label").hide();
} else {
var $img = $('img.bpfb_link_preview_image:first');
$img.show();
$(".bpfb_left, .bpfb_right, .bpfb_thumbnail_chooser_label").show();
$('input[name="bpfb_link_img"]').val($img.attr('src'));
}
});
};
var createLinkPreview = function () {
var url = $('#bpfb_link_preview_url').val();
if (!url) return false;
$('.bpfb_preview_container').html('<div class="bpfb_waiting"></div>');
$.post(ajaxurl, {"action":"bpfb_preview_link", "data":url}, function (data) {
createPreviewMarkup(data);
});
};
var processForSave = function () {
return {
"bpfb_link_url": $('input[name="bpfb_link_url"]').val(),
"bpfb_link_image": $('input[name="bpfb_link_img"]').val(),
"bpfb_link_title": $('input[name="bpfb_link_title"]').val(),
"bpfb_link_body": $('input[name="bpfb_link_body"]').val()
};
};
var init = function () {
$('#swa-whats-new-submit').hide();
createMarkup();
};
var destroy = function () {
$container.empty();
$('.bpfb_preview_container').empty();
$('.bpfb_action_container').empty();
$('#swa-whats-new-submit').show();
$(window).off("resize.bpfb");
};
init ();
return {"destroy": destroy, "get": processForSave};
};
/**
* Photos insertion/preview handler.
*/
var BpfbPhotoHandler = function () {
$container = $(".bpfb_controls_container");
var createMarkup = function () {
var html = '<div id="bpfb_tmp_photo"> </div>' +
'<ul id="bpfb_tmp_photo_list"></ul>' +
'<input type="button" id="bpfb_add_remote_image" value="' + l10nBpfb.add_remote_image + '" /><div id="bpfb_remote_image_container"></div>' +
'<input type="button" id="bpfb_remote_image_preview" value="' + l10nBpfb.preview + '" />';
$container.append(html);
var uploader = new qq.FileUploader({
"element": $('#bpfb_tmp_photo')[0],
"listElement": $('#bpfb_tmp_photo_list')[0],
"allowedExtensions": ['jpg', 'jpeg', 'png', 'gif'],
"action": ajaxurl,
"params": {
"action": "bpfb_preview_photo"
},
"onSubmit": function (id) {
if (!parseInt(l10nBpfb._max_images, 10)) return true; // Skip check
id = parseInt(id, 10);
if (!id) id = $("img.bpfb_preview_photo_item").length;
if (!id) return true;
if (id < parseInt(l10nBpfb._max_images, 10)) return true;
if (!$("#bpfb-too_many_photos").length) $("#bpfb_tmp_photo").append(
'<p id="bpfb-too_many_photos">' + l10nBpfb.images_limit_exceeded + '</p>'
);
return false;
},
"onComplete": createPhotoPreview,
template: '<div class="qq-uploader">' +
'<div class="qq-upload-drop-area"><span>' + l10nBpfb.drop_files + '</span></div>' +
'<div class="qq-upload-button">' + l10nBpfb.upload_file + '</div>' +
'<ul class="qq-upload-list"></ul>' +
'</div>'
});
$("#bpfb_remote_image_preview").hide();
$("#bpfb_tmp_photo").click(function () {
if ($("#bpfb_add_remote_image").is(":visible")) $("#bpfb_add_remote_image").hide();
});
$("#bpfb_add_remote_image").click(function () {
if (!$("#bpfb_remote_image_preview").is(":visible")) $("#bpfb_remote_image_preview").show();
if ($("#bpfb_tmp_photo").is(":visible")) $("#bpfb_tmp_photo").hide();
$("#bpfb_add_remote_image").val(l10nBpfb.add_another_remote_image);
$("#bpfb_remote_image_container").append(
'<input type="text" class="bpfb_remote_image" size="64" value="" /><br />'
);
$("#bpfb_remote_image_container .bpfb_remote_image").width($container.width());
});
$(document).on('change', "#bpfb_remote_image_container .bpfb_remote_image", createRemoteImagePreview);
$("#bpfb_remote_image_preview").click(createRemoteImagePreview);
};
var createRemoteImagePreview = function () {
var imgs = [];
$("#bpfb_remote_image_container .bpfb_remote_image").each(function () {
imgs[imgs.length] = $(this).val();
});
$.post(ajaxurl, {"action":"bpfb_preview_remote_image", "data":imgs}, function (data) {
var html = '';
$.each(data, function() {
html += '<img class="bpfb_preview_photo_item" src="' + this + '" width="80px" />' +
'<input type="hidden" class="bpfb_photos_to_add" name="bpfb_photos[]" value="' + this + '" />';
});
$('.bpfb_preview_container').html(html);
});
$('.bpfb_action_container').html(
'<p><input type="button" class="button-primary bpfb_primary_button" id="bpfb_submit" value="' + l10nBpfb.add_photos + '" /> ' +
'<input type="button" class="button" id="bpfb_cancel" value="' + l10nBpfb.cancel + '" /></p>'
);
$("#bpfb_cancel_action").hide();
};
var createPhotoPreview = function (id, fileName, resp) {
if ("error" in resp) return false;
var html = '<img class="bpfb_preview_photo_item" src="' + _bpfb_data.temp_img_url + resp.file + '" width="80px" />' +
'<input type="hidden" class="bpfb_photos_to_add" name="bpfb_photos[]" value="' + resp.file + '" />';
$('.bpfb_preview_container').append(html);
$('.bpfb_action_container').html(
'<p><input type="button" class="button-primary bpfb_primary_button" id="bpfb_submit" value="' + l10nBpfb.add_photos + '" /> ' +
'<input type="button" class="button" id="bpfb_cancel" value="' + l10nBpfb.cancel + '" /></p>'
);
$("#bpfb_cancel_action").hide();
};
var removeTempImages = function (rti_callback) {
var $imgs = $('input.bpfb_photos_to_add');
if (!$imgs.length) return rti_callback();
$.post(ajaxurl, {"action":"bpfb_remove_temp_images", "data": $imgs.serialize().replace(/%5B%5D/g, '[]')}, function (data) {
rti_callback();
});
};
var processForSave = function () {
var $imgs = $('input.bpfb_photos_to_add');
var imgArr = [];
$imgs.each(function () {
imgArr[imgArr.length] = $(this).val();
});
return {
"bpfb_photos": imgArr//$imgs.serialize().replace(/%5B%5D/g, '[]')
};
};
var init = function () {
$container.empty();
$('.bpfb_preview_container').empty();
$('.bpfb_action_container').empty();
$('#swa-whats-new-submit').hide();
createMarkup();
};
var destroy = function () {
removeTempImages(function() {
$container.empty();
$('.bpfb_preview_container').empty();
$('.bpfb_action_container').empty();
$('#swa-whats-new-submit').show();
});
};
removeTempImages(init);
return {"destroy": destroy, "get": processForSave};
};
/* === End handlers === */
/**
* Main interface markup creation.
*/
function createMarkup () {
var html = '<div class="bpfb_actions_container bpfb-theme-' + _bpfb_data.theme.replace(/[^-_a-z0-9]/ig, '') + ' bpfb-alignment-' + _bpfb_data.alignment.replace(/[^-_a-z0-9]/ig, '') + '">' +
'<div class="bpfb_toolbar_container">' +
'<a href="#photos" class="bpfb_toolbarItem" title="' + l10nBpfb.add_photos + '" id="bpfb_addPhotos"><span>' + l10nBpfb.add_photos + '</span></a>' +
'&nbsp;' +
'<a href="#videos" class="bpfb_toolbarItem" title="' + l10nBpfb.add_videos + '" id="bpfb_addVideos"><span>' + l10nBpfb.add_videos + '</span></a>' +
'&nbsp;' +
'<a href="#links" class="bpfb_toolbarItem" title="' + l10nBpfb.add_links + '" id="bpfb_addLinks"><span>' + l10nBpfb.add_links + '</span></a>' +
'</div>' +
'<div class="bpfb_controls_container">' +
'</div>' +
'<div class="bpfb_preview_container">' +
'</div>' +
'<div class="bpfb_action_container">' +
'</div>' +
'<input type="button" id="bpfb_cancel_action" value="' + l10nBpfb.cancel + '" style="display:none" />' +
'</div>';
$form.wrap('<div class="bpfb_form_container" />');
$textContainer.after(html);
}
/**
* Initializes the main interface.
*/
function init () {
$form = $("#swa-whats-new-form");
$text = $form.find('textarea[name="whats-new"]');
$textContainer = $form.find('#swa-whats-new-textarea');
createMarkup();
$('#bpfb_addPhotos').click(function () {
if (_swabpfbActiveHandler) _swabpfbActiveHandler.destroy();
_swabpfbActiveHandler = new BpfbPhotoHandler();
$("#bpfb_cancel_action").show();
return false;
});
$('#bpfb_addLinks').click(function () {
if (_swabpfbActiveHandler) _swabpfbActiveHandler.destroy();
_swabpfbActiveHandler = new BpfbLinkHandler();
$("#bpfb_cancel_action").show();
return false;
});
$('#bpfb_addVideos').click(function () {
if (_swabpfbActiveHandler) _swabpfbActiveHandler.destroy();
_swabpfbActiveHandler = new BpfbVideoHandler();
$("#bpfb_cancel_action").show();
return false;
});
$('#bpfb_cancel_action').click(function () {
$(".bpfb_toolbarItem.bpfb_active").removeClass("bpfb_active");
_swabpfbActiveHandler.destroy();
$("#bpfb_cancel_action").hide();
return false;
});
$(".bpfb_toolbarItem").click(function () {
$(".bpfb_toolbarItem.bpfb_active").removeClass("bpfb_active");
$(this).addClass("bpfb_active");
});
$(document).on('click', '#bpfb_submit', function () {
var params = _swabpfbActiveHandler.get();
var group_id = $('#swa-whats-new-post-in').length ? $('#whats-new-post-in').val() : 0;
$.post(ajaxurl, {
"action": "bpfb_update_activity_contents",
"data": params,
"content": $text.val(),
"group_id": group_id
}, function (data) {
_swabpfbActiveHandler.destroy();
$text.val('');
$('.site-wide-stream').prepend(data.activity);
$('.activity-comments').hide();
$('.activity-meta').hide();
/**
* Handle image scaling in previews.
*/
$(".bpfb_final_link img").each(function () {
$(this).width($(this).parents('div').width());
});
});
});
$(document).on('click', '#bpfb_cancel', function () {
$(".bpfb_toolbarItem.bpfb_active").removeClass("bpfb_active");
_swabpfbActiveHandler.destroy();
});
}
// Only initialize if we're supposed to.
/*
if (
!('ontouchstart' in document.documentElement)
||
('ontouchstart' in document.documentElement && (/iPhone|iPod|iPad/i).test(navigator.userAgent))
) {
if ($("#whats-new-form").is(":visible")) init();
}
*/
// Meh, just do it - newish Droids seem to work fine.
if ($("#swa-whats-new-form").is(":visible") && !$('#whats-new-content').length) init();
/**
* Handle image scaling in previews.
*/
$(".bpfb_final_link img").each(function () {
$(this).width($(this).parents('div').width());
});
if($('#whats-new-content').length) $('.widget_bp_swa_widget').hide();
// .activity-comments
});
})(jQuery);
jQuery( document ).ready(function() {
jQuery( document ).ajaxComplete(function() {
console.log( "ready!" );
});
});
Raw
Activity+ SiteWideActivity.php
if(! class_exists('Swa_Bpfb') ):
include_once(plugin_dir_path( dirname(__FILE__) ).'buddypress-activity-plus/lib/class_bpfb_binder.php');
class Swa_Bpfb{
var $swa_bpfb ;
function __construct(){
$this->swa_bpfb =new BpfbBinder() ;
add_action( 'wp_footer', array ( $this, 'inject_styles' ));
add_action( 'wp_footer', array ( $this, 'inject_scripts' ));
}
function inject_styles() {
wp_enqueue_style('thickbox');
wp_enqueue_style('file_uploader_style', BPFB_PLUGIN_URL . '/css/external/fileuploader.css');
if (!current_theme_supports('bpfb_interface_style')) {
wp_enqueue_style('bpfb_interface_style', BPFB_PLUGIN_URL . '/css/bpfb_interface.css');
}
if (!current_theme_supports('bpfb_toolbar_icons')) {
wp_enqueue_style('bpfb_toolbar_icons', BPFB_PLUGIN_URL . '/css/bpfb_toolbar.css');
}
return;
}
function inject_scripts() {
wp_enqueue_script('jquery');
wp_enqueue_script('thickbox');
if (!current_theme_supports('bpfb_file_uploader')) {
wp_enqueue_script('file_uploader', BPFB_PLUGIN_URL . '/js/external/fileuploader.js', array('jquery'));
}
wp_enqueue_script('bpfb_integrate_script', plugin_dir_url( __FILE__ ) . '/integrate.js', array('jquery'));
$this->swa_bpfb->js_plugin_url();
wp_localize_script('bpfb_integrate_script', 'l10nBpfb', array(
'add_photos' => __('Add photos', 'bpfb'),
'add_remote_image' => __('Add image URL', 'bpfb'),
'add_another_remote_image' => __('Add another image URL', 'bpfb'),
'add_videos' => __('Add videos', 'bpfb'),
'add_video' => __('Add video', 'bpfb'),
'add_links' => __('Add links', 'bpfb'),
'add_link' => __('Add link', 'bpfb'),
'add' => __('Add', 'bpfb'),
'cancel' => __('Cancel', 'bpfb'),
'preview' => __('Preview', 'bpfb'),
'drop_files' => __('Drop files here to upload', 'bpfb'),
'upload_file' => __('Upload a file', 'bpfb'),
'choose_thumbnail' => __('Choose thumbnail', 'bpfb'),
'no_thumbnail' => __('No thumbnail', 'bpfb'),
'paste_video_url' => __('Paste video URL here', 'bpfb'),
'paste_link_url' => __('Paste link here', 'bpfb'),
'images_limit_exceeded' => sprintf(__("You tried to add too many images, only %d will be posted.", 'bpfb'), BPFB_IMAGE_LIMIT),
// Variables
'_max_images' => BPFB_IMAGE_LIMIT,
));
return;
}
}
endif ;
$integrate = new Swa_Bpfb() ;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment