
Research
PyPI Package Disguised as Instagram Growth Tool Harvests User Credentials
A deceptive PyPI package posing as an Instagram growth tool collects user credentials and sends them to third-party bot services.
jquery-infinite-pages
Advanced tools
A light-weight jQuery plugin for adding infinite scrolling to paginated HTML views that tastes great with Rails and Kaminari.
This project was originally designed for Rails, but the core plugin is flexible enough to use anywhere.
Add this line to your application's Gemfile
:
gem 'jquery-infinite-pages'
And then execute:
bundle install
Add to your application.js
file:
//= require jquery.infinite-pages
Just copy the jquery.infinite-pages.js.coffee
file from app/assets/javascripts
to
wherever you want it.
jQuery Infinite Pages binds to an element containing a rel="next"
pagination link and
watches for scroll events.
When the link is close to the bottom of the screen, an async request to the next page is triggered. The server's response should then append the new page and update the pagination link.
# Setup plugin and define optional event callbacks
$('.infinite-table').infinitePages
debug: true
buffer: 200 # load new page when within 200px of nav link
context: '.pane' # define the scrolling container (defaults to window)
loading: ->
# jQuery callback on the nav element
$(this).text("Loading...")
success: ->
# called after successful ajax call
error: ->
# called after failed ajax call
$(this).text("Trouble! Please drink some coconut water and click again")
You can also manually control the firing of load events:
# Force load of the next page
$('.infinite-table').infinitePages('next')
# Pause firing of events on scroll
$('.infinite-table').infinitePages('pause')
# Resume...
$('.infinite-table').infinitePages('resume')
The following is an example of how to integrate this plugin into your Rails app using Kaminari.
Set up pagination in lessons_controller.rb
:
class LessonsController
def index
@lessons = Lesson.order('lessons.name ASC').page(params[:page])
end
end
Write the template for your list of lessons in index.html.erb
:
<div class="infinite-table">
<table>
<tr>
<th>Lesson</th>
<th></th>
</tr>
<%= render :partial => 'lessons', :object => @lessons %>
</table>
<p class="pagination">
<%= link_to_next_page(@lessons, 'Next Page', :remote => true) %>
</p>
</div>
...and _lessons.html.erb
:
<% @lessons.each do |lesson| %>
<tr>
<td><%= lesson.name %> (<%= lesson.length.format %>)</td>
<td><%= link_to "watch", lesson_path(lesson) %></td>
</tr>
<% end %>
Append new data to the table in index.js.erb
:
// Append new data
$("<%=j render(:partial => 'lessons', :object => @lessons) %>")
.appendTo($(".infinite-table table"));
// Update pagination link
<% if @lessons.last_page? %>
$('.pagination').html("That's all, folks!");
<% else %>
$('.pagination')
.html("<%=j link_to_next_page(@lessons, 'Next Page', :remote => true) %>");
<% end %>
At this point, the pagination link at the bottom of your table should allow you
to load the next page without refreshing. Finally, we trigger the next page load
with the infinitePages
plugin in lessons.js.coffee
:
$ ->
# Configure infinite table
$('.infinite-table').infinitePages
# debug: true
loading: ->
$(this).text('Loading next page...')
error: ->
$(this).button('There was an error, please try again')
Voila! You should now have an infinitely long list of lessons.
FAQs
Unknown package
We found that jquery-infinite-pages demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
A deceptive PyPI package posing as an Instagram growth tool collects user credentials and sends them to third-party bot services.
Product
Socket now supports pylock.toml, enabling secure, reproducible Python builds with advanced scanning and full alignment with PEP 751's new standard.
Security News
Research
Socket uncovered two npm packages that register hidden HTTP endpoints to delete all files on command.