678b9e9 · searx · git.iko.soy

git.iko.soy/searx

[enh] infinite scroll

resolves #649

commit678b9e994a4e74fe287f3bc2515ee0e323c1bf69 authorDavid A Roberts <d@vidr.cc> dateThu 11 Aug 2016, 12:21 (10 years ago) parent975bd5b

4 files changed+44

compare with master

unifiedsplit

searx/plugins/__init__.py+2 searx/plugins/infinite_scroll.py+8 searx/static/plugins/css/infinite_scroll.css+16 searx/static/plugins/js/infinite_scroll.js+18

searx/plugins/__init__.py+2

@@ -21,6 +21,7 @@ logger = logger.getChild('plugins')

2121

2222from searx.plugins import (doai_rewrite,

2323 https_rewrite,

24+ infinite_scroll,

2425 open_results_on_new_tab,

2526 self_info,

2627 search_on_category_select,

@@ -76,6 +77,7 @@ class PluginStore():

7677plugins = PluginStore()

7778plugins.register(doai_rewrite)

7879plugins.register(https_rewrite)

80+plugins.register(infinite_scroll)

7981plugins.register(open_results_on_new_tab)

8082plugins.register(self_info)

8183plugins.register(search_on_category_select)

searx/plugins/infinite_scroll.pynew file+8

@@ -0,0 +1,8 @@

1+from flask_babel import gettext

3+name = gettext('Infinite scroll')

4+description = gettext('Automatically load next page when scrolling to bottom of current page')

5+default_on = False

7+js_dependencies = ('plugins/js/infinite_scroll.js',)

8+css_dependencies = ('plugins/css/infinite_scroll.css',)

searx/static/plugins/css/infinite_scroll.cssnew file+16

@@ -0,0 +1,16 @@

1+@keyframes rotate-forever {

2+ 0% { transform: rotate(0deg) }

3+ 100% { transform: rotate(360deg) }

4+}

5+.loading-spinner {

6+ animation-duration: 0.75s;

7+ animation-iteration-count: infinite;

8+ animation-name: rotate-forever;

9+ animation-timing-function: linear;

10+ height: 30px;

11+ width: 30px;

12+ border: 8px solid #666;

13+ border-right-color: transparent;

14+ border-radius: 50% !important;

15+ margin: 0 auto;

16+}

searx/static/plugins/js/infinite_scroll.jsnew file+18

@@ -0,0 +1,18 @@

1+$(document).ready(function() {

2+ var win = $(window);

3+ win.scroll(function() {

4+ if ($(document).height() - win.height() == win.scrollTop()) {

5+ var formData = $('#pagination form:last').serialize();

6+ if (formData) {

7+ $('#pagination').html('<div class="loading-spinner"></div>');

8+ $.post('/', formData, function (data) {

9+ var body = $(data);

10+ $('#pagination').remove();

11+ $('#main_results').append('<hr/>');

12+ $('#main_results').append(body.find('.result'));

13+ $('#main_results').append(body.find('#pagination'));

14+ });

15+ }

16+ }

17+ });

18+});