diff options
Diffstat (limited to 'mod/colorbox/views/default/js')
-rw-r--r-- | mod/colorbox/views/default/js/embed/embed.php | 171 | ||||
-rw-r--r-- | mod/colorbox/views/default/js/lightbox.php | 81 |
2 files changed, 252 insertions, 0 deletions
diff --git a/mod/colorbox/views/default/js/embed/embed.php b/mod/colorbox/views/default/js/embed/embed.php new file mode 100644 index 000000000..ada6653a8 --- /dev/null +++ b/mod/colorbox/views/default/js/embed/embed.php @@ -0,0 +1,171 @@ +<?php +/** + * Colorbox -- Javascript + * + * Used as a view because we need to pass a full URL to AlphaImageLoader. + * + * @package Lorea + * @subpackage Colorbox + * @override mod/embed/views/default/js/embed/embed.php + * + * Copyright 2011-2012 Lorea Faeries <federation@lorea.org> + * + * This program is free software: you can redistribute it and/or + * modify it under the terms of the GNU Affero General Public License + * as published by the Free Software Foundation, either version 3 of + * the License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public + * License along with this program. If not, see + * <http://www.gnu.org/licenses/>. + */ +?> + +elgg.provide('elgg.embed'); + +elgg.embed.init = function() { + + // inserts the embed content into the textarea + $(".embed-item").live('click', elgg.embed.insert); + + // caches the current textarea id + $(".embed-control").live('click', function() { + elgg.embed.textAreaId = /embed-control-(\S)+/.exec($(this).attr('class'))[1]; + }); + + // special pagination helper for lightbox + $('.embed-wrapper .elgg-pagination a').live('click', elgg.embed.forward); + + $('.embed-section').live('click', elgg.embed.forward); + + $('.elgg-form-embed').live('submit', elgg.embed.submit); +}; + +/** + * Inserts data attached to an embed list item in textarea + * + * @todo generalize lightbox closing + * + * @param {Object} event + * @return void + */ +elgg.embed.insert = function(event) { + var textAreaId = elgg.embed.textAreaId; + var textArea = $('#' + textAreaId); + + // generalize this based on a css class attached to what should be inserted + var content = ' ' + $(this).find(".embed-insert").parent().html() + ' '; + + // this is a temporary work-around for #3971 + if (content.indexOf('thumbnail.php') != -1) { + content = content.replace('size=small', 'size=medium'); + } + + textArea.val(textArea.val() + content); + textArea.focus(); + +<?php +// See the TinyMCE plugin for an example of this view +echo elgg_view('embed/custom_insert_js'); +?> + + elgg.ui.lightbox.close(); + + event.preventDefault(); +}; + +/** + * Submit an upload form through Ajax + * + * Requires the jQuery Form Plugin. Because files cannot be uploaded with + * XMLHttpRequest, the plugin uses an invisible iframe. This results in the + * the X-Requested-With header not being set. To work around this, we are + * sending the header as a POST variable and Elgg's code checks for it in + * elgg_is_xhr(). + * + * @param {Object} event + * @return bool + */ +elgg.embed.submit = function(event) { + $('.embed-wrapper .elgg-form-file-upload').hide(); + $('.embed-throbber').show(); + + $(this).ajaxSubmit({ + dataType : 'json', + data : { 'X-Requested-With' : 'XMLHttpRequest'}, + success : function(response) { + if (response) { + if (response.system_messages) { + elgg.register_error(response.system_messages.error); + elgg.system_message(response.system_messages.success); + } + if (response.status >= 0) { + var forward = $('input[name=embed_forward]').val(); + var url = elgg.normalize_url('embed/tab/' + forward); + url = elgg.embed.addContainerGUID(url); + $('.embed-wrapper').parent().load(url); + } else { + // incorrect response, presumably an error has been displayed + $('.embed-throbber').hide(); + $('.embed-wrapper .elgg-form-file-upload').show(); + } + } + + // ie 7 and 8 have a null response because of the use of an iFrame + // so just show the list after upload. + // http://jquery.malsup.com/form/#file-upload claims you can wrap JSON + // in a textarea, but a quick test didn't work, and that is fairly + // intrusive to the rest of the ajax system. + else if (response === undefined && $.browser.msie) { + var forward = $('input[name=embed_forward]').val(); + var url = elgg.normalize_url('embed/tab/' + forward); + url = elgg.embed.addContainerGUID(url); + $('.embed-wrapper').parent().load(url); + } + }, + error : function(xhr, status) { + // @todo nothing for now + } + }); + + // this was bubbling up the DOM causing a submission + event.preventDefault(); + event.stopPropagation(); +}; + +/** + * Loads content within the lightbox + * + * @param {Object} event + * @return void + */ +elgg.embed.forward = function(event) { + // make sure container guid is passed + var url = $(this).attr('href'); + url = elgg.embed.addContainerGUID(url); + + $('.embed-wrapper').parent().load(url); + event.preventDefault(); +}; + +/** + * Adds the container guid to a URL + * + * @param {string} url + * @return string + */ +elgg.embed.addContainerGUID = function(url) { + if (url.indexOf('container_guid=') == -1) { + var guid = $('input[name=embed_container_guid]').val(); + return url + '?container_guid=' + guid; + } else { + return url; + } +}; + +elgg.register_hook_handler('init', 'system', elgg.embed.init); diff --git a/mod/colorbox/views/default/js/lightbox.php b/mod/colorbox/views/default/js/lightbox.php new file mode 100644 index 000000000..732092e2b --- /dev/null +++ b/mod/colorbox/views/default/js/lightbox.php @@ -0,0 +1,81 @@ +<?php +/** + * Colorbox -- Stylesheet + * + * Used as a view because we need to pass a full URL to AlphaImageLoader. + * + * @package Lorea + * @subpackage Colorbox + * + * Copyright 2011-2012 Lorea Faeries <federation@lorea.org> + * + * This program is free software: you can redistribute it and/or + * modify it under the terms of the GNU Affero General Public License + * as published by the Free Software Foundation, either version 3 of + * the License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public + * License along with this program. If not, see + * <http://www.gnu.org/licenses/>. + * + * Usage + * Apply the class elgg-lightbox to links. + * + * Advanced Usage + * Elgg is distributed with the Colorbox jQuery library. Please go to + * http://www.jacklmoore.com/colorbox for more information on the options of this lightbox. + * + * Overriding + * In a plugin, override this view and override the registration for the + * lightbox JavaScript and CSS (@see elgg_views_boot()). + * + * @todo add support for passing options: $('#myplugin-lightbox').elgg.ui.lightbox(options); + */ + +?> + +/** + * Lightbox initialization + */ + +elgg.provide('elgg.ui.lightbox'); + +elgg.ui.lightbox.init = function() { + + $.extend($.colorbox.settings, { + current: elgg.echo('js:lightbox:current', ['{current}', '{total}']), + previous: elgg.echo('previous'), + next: elgg.echo('next'), + close: elgg.echo('close'), + xhrError: elgg.echo('error:default'), + imgError: elgg.echo('error:default'), + }); + + $(".elgg-lightbox").colorbox(); + $(".elgg-lightbox-photo").colorbox({photo: true}); + var n = 0; + $(".elgg-lightbox-gallery").each(function() { + $(this).find(".elgg-lightbox, .elgg-lightbox-photo") + .addClass("elgg-lightbox-" + n) + .colorbox({ + rel: "elgg-lightbox-" + n++, + }); + }); +} + +elgg.ui.lightbox.close = function() { + $.colorbox.close(); +} + +elgg.register_hook_handler('init', 'system', elgg.ui.lightbox.init); + +<?php + +$js_path = elgg_get_plugins_path(); +$js_path = "{$js_path}colorbox/vendors/jquery/colorbox/colorbox/jquery.colorbox-min.js"; +include $js_path; |