From fe7bc5b2fa63f4b8562a961cf3910db1f3b8f7a1 Mon Sep 17 00:00:00 2001 From: Silvio Rhatto Date: Sat, 15 Mar 2014 15:07:03 -0300 Subject: Squashed 'mod/infinite_scroll/' content from commit 68db72a git-subtree-dir: mod/infinite_scroll git-subtree-split: 68db72a726e9ccd3603acbf59914c2017276b0ed --- languages/en.php | 18 +++++ languages/es.php | 18 +++++ manifest.xml | 16 ++++ start.php | 44 +++++++++++ vendors/jquery-waypoints | 1 + views/default/infinite_scroll/css.php | 18 +++++ views/default/infinite_scroll/initialize_js.php | 5 ++ views/default/infinite_scroll/list.php | 83 ++++++++++++++++++++ .../js/infinite_scroll/automatic_pagination.php | 34 +++++++++ .../default/js/infinite_scroll/infinite_scroll.php | 88 ++++++++++++++++++++++ views/default/js/infinite_scroll/new_items.php | 62 +++++++++++++++ .../plugins/infinite_scroll/usersettings.php | 25 ++++++ 12 files changed, 412 insertions(+) create mode 100644 languages/en.php create mode 100644 languages/es.php create mode 100644 manifest.xml create mode 100644 start.php create mode 160000 vendors/jquery-waypoints create mode 100644 views/default/infinite_scroll/css.php create mode 100644 views/default/infinite_scroll/initialize_js.php create mode 100644 views/default/infinite_scroll/list.php create mode 100644 views/default/js/infinite_scroll/automatic_pagination.php create mode 100644 views/default/js/infinite_scroll/infinite_scroll.php create mode 100644 views/default/js/infinite_scroll/new_items.php create mode 100644 views/default/plugins/infinite_scroll/usersettings.php diff --git a/languages/en.php b/languages/en.php new file mode 100644 index 000000000..d6290c368 --- /dev/null +++ b/languages/en.php @@ -0,0 +1,18 @@ + "You've reached the end of the list, there is no more elements to show.", + 'infinite_scroll:settings:pagination_type' => "Which kind of pagination do you like?", + 'infinite_scroll:settings:pagination:classic' => 'Classic', + 'infinite_scroll:settings:pagination:button' => 'Next page with a button', + 'infinite_scroll:settings:pagination:automatic' => 'Automatic on scroll', + 'infinite_scroll:load_more' => "Load more...", + 'infinite_scroll:new_items' => "%s new elements", +); + +add_translation("en", $english); diff --git a/languages/es.php b/languages/es.php new file mode 100644 index 000000000..028eb7579 --- /dev/null +++ b/languages/es.php @@ -0,0 +1,18 @@ + "Has alcanzado el final de la lista, no hay más elementos a mostrar.", + 'infinite_scroll:settings:pagination_type' => "Que tipo de paginación te gusta?", + 'infinite_scroll:settings:pagination:classic' => 'Clássica', + 'infinite_scroll:settings:pagination:button' => 'Cargar página con un botón', + 'infinite_scroll:settings:pagination:automatic' => 'Automática al bajar por la página', + 'infinite_scroll:load_more' => "Cargar más...", + 'infinite_scroll:new_items' => "%s nuevos elementos", +); + +add_translation("es", $spanish); diff --git a/manifest.xml b/manifest.xml new file mode 100644 index 000000000..dd46db9e6 --- /dev/null +++ b/manifest.xml @@ -0,0 +1,16 @@ + + + Infinite scroll + Lorea developers + 0.4 + unbundled + Loads dynamically next pages in an entity list when reader scrolls to the bottom of the page + https://lorea.org + (C) Lorea 2012 + GNU General Public License, version 2 or later + + elgg_release + 1.8.3 + + true + diff --git a/start.php b/start.php new file mode 100644 index 000000000..66cdbbf9b --- /dev/null +++ b/start.php @@ -0,0 +1,44 @@ +guid; + } + $guids = array_unique($guids); + foreach (array_keys($guids) as $i) { + $json[$i] = $buggy[$i]; + } + } + break; + case 'annotation': + foreach ($json as $child) { + $json = $child; + } + $json = elgg_get_annotations(array( + 'items' => $json->guid, + 'offset' => get_input('offset'), + 'limit' => 25, + )); + break; + case 'river': + $json = $json->activity; + break; +} + +if (!is_array($json)) { + exit(); +} + +$items = array(); +foreach($json as $item) { + switch(get_input('items_type')) { + case 'entity': + $type_class = array( + 'site' => 'ElggSite', + 'user' => 'ElggUser', + 'group' => 'ElggGroup', + 'object' => 'ElggObject' + ); + $items[] = new $type_class[$item->type]($item); + break; + case 'annotation': + $items = $json; + break; + case 'river': + $items[] = new ElggRiverItem($item); + break; + } +} + +header('Content-type: text/plain'); + +elgg_set_viewtype('default'); +echo elgg_view("page/components/$list_type", array("items" => $items)); diff --git a/views/default/js/infinite_scroll/automatic_pagination.php b/views/default/js/infinite_scroll/automatic_pagination.php new file mode 100644 index 000000000..6d296bb2d --- /dev/null +++ b/views/default/js/infinite_scroll/automatic_pagination.php @@ -0,0 +1,34 @@ + + +elgg.require('elgg.infinite_scroll'); +elgg.provide('elgg.infinite_scroll.automatic_pagination'); + +elgg.infinite_scroll.automatic_pagination.add_waypoint = function() { + $(this).unbind('append'); + $(this).waypoint(elgg.infinite_scroll.automatic_pagination.remove_waypoint, { + offset: '100%', + }); + +}; + +elgg.infinite_scroll.automatic_pagination.remove_waypoint = function() { + $(this).waypoint('destroy'); + $(this).click(); + $(this).bind('append', elgg.infinite_scroll.automatic_pagination.add_waypoint); +}; + +elgg.infinite_scroll.automatic_pagination.init = function() { + $('.elgg-infinite-scroll-bottom .elgg-button').waypoint( + elgg.infinite_scroll.automatic_pagination.remove_waypoint, { + offset: '100%', + } + ); +}; + +elgg.register_hook_handler('init', 'system', elgg.infinite_scroll.automatic_pagination.init); diff --git a/views/default/js/infinite_scroll/infinite_scroll.php b/views/default/js/infinite_scroll/infinite_scroll.php new file mode 100644 index 000000000..98b7fac05 --- /dev/null +++ b/views/default/js/infinite_scroll/infinite_scroll.php @@ -0,0 +1,88 @@ + + +elgg.provide('elgg.infinite_scroll'); + +elgg.infinite_scroll.load = function($list, offset, callback) { + var $params = elgg.parse_str(elgg.parse_url(location.href).query); + $params = $.extend($params, { + path: elgg.parse_url(location.href).path, + items_type: $list.hasClass('elgg-list-entity') ? 'entity' : + $list.hasClass('elgg-gallery') ? 'entity' : + $list.hasClass('elgg-list-river') ? 'river' : + $list.hasClass('elgg-list-annotation') ? 'annotation' : false, + offset: offset, + }); + + var url = "/ajax/view/infinite_scroll/list?" + $.param($params); + elgg.get(url, callback); +} + +elgg.infinite_scroll.load_next = function(event, direction) { + var $bottom = $(this).parent(); + elgg.infinite_scroll.bottom = $bottom; + + $bottom.addClass('elgg-infinite-scroll-ajax-loading') + .find('.elgg-button').css('visibility', 'hidden'); + + var $list = $bottom.siblings('.elgg-list, .elgg-gallery'); + var offset = $list.children().length; + elgg.infinite_scroll.load($list, offset, elgg.infinite_scroll.append); + + return false; +} + +elgg.infinite_scroll.append = function(data) { + var $bottom = elgg.infinite_scroll.bottom; + $bottom.removeClass('elgg-infinite-scroll-ajax-loading'); + var $list = $bottom.siblings('.elgg-list, .elgg-gallery'); + + var more = false; + if (data) { + $list.append($(data).children()); + if ($(data).children().length == $list.data('elgg-infinite-scroll-limit')) { + $bottom.find('.elgg-button').css('visibility', 'visible'); + more = true; + } + } + if (!more) { + $bottom.html(elgg.echo('infinite_scroll:list_end')); + } + $bottom.find('.elgg-button').trigger('append', data); +} + +elgg.infinite_scroll.init = function() { + + // Select all paginated .elgg-list or .elgg-gallery witch aren't into widgets + $list = $('.elgg-pagination').siblings('.elgg-list, .elgg-gallery').filter(':not(.elgg-module *)') + + // Hide pagination + .siblings('.elgg-pagination').hide().end() + + // Set limit as HTML5 data attribute + .each(function(){ + $(this).data('elgg-infinite-scroll-limit', $(this).children().length); + }) + + // Add load more button at the final of the list + .after( + $('
') + .append( + $(' elgg_echo('infinite_scroll:load_more'), + 'href' => '', + 'class' => 'elgg-button', + )); + ?>').click(elgg.infinite_scroll.load_next) + ) + ); + +}; + +elgg.register_hook_handler('init', 'system', elgg.infinite_scroll.init); diff --git a/views/default/js/infinite_scroll/new_items.php b/views/default/js/infinite_scroll/new_items.php new file mode 100644 index 000000000..f686b8c3f --- /dev/null +++ b/views/default/js/infinite_scroll/new_items.php @@ -0,0 +1,62 @@ + + +elgg.provide('elgg.infinite_scroll.new_items'); + +elgg.infinite_scroll.new_items.prepend = function(data) { + var $list = $('.elgg-pagination').siblings('.elgg-list, .elgg-gallery').filter(':not(.elgg-module *)'); + if (data) { + var n = $list.children(":hidden").length + $(data).children().length; + $list.prepend($(data).children().hide()); + $('.elgg-infinite-scroll-top').find('.elgg-button').text( + elgg.echo('infinite_scroll:new_items', [n]) + ).end().show(); + } + $list.trigger('prepend', data); +}; + +elgg.infinite_scroll.new_items.check = function() { + // Select all paginated .elgg-list or .elgg-gallery witch aren't into widgets + var $list = $('.elgg-pagination').siblings('.elgg-list, .elgg-gallery').filter(':not(.elgg-module *)'); + + elgg.infinite_scroll.load($list, 0, function(data){ + elgg.infinite_scroll.new_items.prepend(data); + setTimeout(elgg.infinite_scroll.new_items.check, 30000); + }); +}; + +elgg.infinite_scroll.new_items.init = function() { + + // Select all paginated .elgg-list or .elgg-gallery witch aren't into widgets + $list = $('.elgg-pagination').siblings('.elgg-list, .elgg-gallery').filter(':not(.elgg-module *)') + + // Add new items button at the begining of the list + .before( + $('
') + .append( + $(' '', + 'href' => '', + 'class' => 'elgg-button', + )); + ?>').click(function(){ + $list.children().slideDown({ + duration: 700, + easing: 'easeInCubic', + }); + $(this).parent().hide(); + return false; + }) + ).hide() + ); + // Check for new items each 30s. + setTimeout(elgg.infinite_scroll.new_items.check, 0); +}; + +elgg.register_hook_handler('init', 'system', elgg.infinite_scroll.new_items.init); diff --git a/views/default/plugins/infinite_scroll/usersettings.php b/views/default/plugins/infinite_scroll/usersettings.php new file mode 100644 index 000000000..7e673f382 --- /dev/null +++ b/views/default/plugins/infinite_scroll/usersettings.php @@ -0,0 +1,25 @@ +'; +echo elgg_echo('infinite_scroll:settings:pagination_type'); +echo ' '; +echo elgg_view('input/dropdown', array( + 'name' => 'params[pagination_type]', + 'options_values' => array( + 'classic' => elgg_echo('infinite_scroll:settings:pagination:classic'), + 'button' => elgg_echo('infinite_scroll:settings:pagination:button'), + 'automatic' => elgg_echo('infinite_scroll:settings:pagination:automatic') + ), + 'value' => $pagination_type, +)); +echo ''; -- cgit v1.2.3