Django pagination tools supporting Ajax, multiple and lazy pagination, Twitter-style and Digg-style pagination.
Project description
=================================
Django Endless Pagination Angular
=================================
.. image:: https://coveralls.io/repos/mapeveri/django-endless-pagination-angular/badge.svg?branch=master&service=github
:target: https://coveralls.io/github/mapeveri/django-endless-pagination-angular?branch=master
.. image:: https://travis-ci.org/mapeveri/django-endless-pagination-angular.svg?branch=master
:target: https://travis-ci.org/mapeveri/django-endless-pagination-angular
.. image:: https://badge.fury.io/py/django-endless-pagination-angular.svg
:target: http://badge.fury.io/py/django-endless-pagination-angular
.. image:: https://img.shields.io/pypi/dm/django-endless-pagination-angular.svg
:target: https://pypi.python.org/pypi/django-endless-pagination-angular
Django Endless Pagination Angular is a fork of the excellent application django-endless-pagination created by Francesco Banconi.
This application get all code of version 2.0 and update for working in django >= 1.7 in addition to migration code jquery to angular.js.
Django Endless Pagination Angular can be used to provide Twitter-style or Digg-style pagination, with optional Ajax support and other features
like multiple or lazy pagination.
Documentation
-------------
**Documentation** is `avaliable online
<http://django-endless-pagination-angular.readthedocs.org/>`_, or in the **doc*
directory of the project.
Installation
------------
Via pip::
pip install django-endless-pagination-angular
Quick start
-----------
1. Add application 'endless_pagination' to INSTALLED_APPS.
2. Add this lines in settings.py::
from django.conf.global_settings import TEMPLATE_CONTEXT_PROCESSORS
TEMPLATE_CONTEXT_PROCESSORS += (
'django.core.context_processors.request',
)
Getting started
---------------
In this example it will be implemented twitter style pagination
Base.html::
<!DOCTYPE html>
<html>
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
<title>{% block title %}Testing project{% endblock %} - Django Endless Pagination Angular</title>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ STATIC_URL }}pagination.css" rel="stylesheet">
</head>
<body ng-app="EndlessPagination">
<div class="container">
<div class="page-header">
<h1>Django Endless Pagination Angular <small>Twitter Style</small></h1>
</div>
</div>
<div class="row">
{% block content %}{% endblock %}
</div>
</div>
{% block js %}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script src="{{ STATIC_URL }}endless_pagination/js/module.endless.js"></script>
{% endblock %}
</body>
</html>
Index.html::
{% extends "base.html" %}
{% block content %}
<div class="endless_page_template span12" endless-pagination="{'paginateOnScroll': true}">
{% include myapp/page_template.html %}
</div>
{% endblock %}
Page_template.html::
{% load endless %}
{% paginate objects %}
{% for object in objects %}
<div class="well object">
<h4>{{ object.title }}</h4>
{{ object.contents }}
</div>
{% endfor %}
{% show_more "More results" %}
In the views.py::
class TwitterView(View):
def get(self, request, forum, *args, **kwargs):
template_name = "myapp/index.html"
page_template = "myapp/page_template.html"
objects = MyModel.objects.all()
data = {
'objects': objects,
}
if request.is_ajax():
template_name = page_template
return render(request, template_name, data)
In the urls.py::
url(r'^twitter/$', TwitterView.as_view(), name='twitter'),
Run server::
python manage.py runserver
Visit: 127.0.0.1:800/twitter/
If you have already declared an angular module all you have to do is inject the module EndlessPagination. As follow::
'use strict';
angular.module('TestApp', ['EndlessPagination']);
This way you will be able to use the directive endless-pagination. For more examples check the official repository:
https://github.com/mapeveri/django-endless-pagination-angular/tree/master/tests
Django Endless Pagination Angular
=================================
.. image:: https://coveralls.io/repos/mapeveri/django-endless-pagination-angular/badge.svg?branch=master&service=github
:target: https://coveralls.io/github/mapeveri/django-endless-pagination-angular?branch=master
.. image:: https://travis-ci.org/mapeveri/django-endless-pagination-angular.svg?branch=master
:target: https://travis-ci.org/mapeveri/django-endless-pagination-angular
.. image:: https://badge.fury.io/py/django-endless-pagination-angular.svg
:target: http://badge.fury.io/py/django-endless-pagination-angular
.. image:: https://img.shields.io/pypi/dm/django-endless-pagination-angular.svg
:target: https://pypi.python.org/pypi/django-endless-pagination-angular
Django Endless Pagination Angular is a fork of the excellent application django-endless-pagination created by Francesco Banconi.
This application get all code of version 2.0 and update for working in django >= 1.7 in addition to migration code jquery to angular.js.
Django Endless Pagination Angular can be used to provide Twitter-style or Digg-style pagination, with optional Ajax support and other features
like multiple or lazy pagination.
Documentation
-------------
**Documentation** is `avaliable online
<http://django-endless-pagination-angular.readthedocs.org/>`_, or in the **doc*
directory of the project.
Installation
------------
Via pip::
pip install django-endless-pagination-angular
Quick start
-----------
1. Add application 'endless_pagination' to INSTALLED_APPS.
2. Add this lines in settings.py::
from django.conf.global_settings import TEMPLATE_CONTEXT_PROCESSORS
TEMPLATE_CONTEXT_PROCESSORS += (
'django.core.context_processors.request',
)
Getting started
---------------
In this example it will be implemented twitter style pagination
Base.html::
<!DOCTYPE html>
<html>
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
<title>{% block title %}Testing project{% endblock %} - Django Endless Pagination Angular</title>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ STATIC_URL }}pagination.css" rel="stylesheet">
</head>
<body ng-app="EndlessPagination">
<div class="container">
<div class="page-header">
<h1>Django Endless Pagination Angular <small>Twitter Style</small></h1>
</div>
</div>
<div class="row">
{% block content %}{% endblock %}
</div>
</div>
{% block js %}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script src="{{ STATIC_URL }}endless_pagination/js/module.endless.js"></script>
{% endblock %}
</body>
</html>
Index.html::
{% extends "base.html" %}
{% block content %}
<div class="endless_page_template span12" endless-pagination="{'paginateOnScroll': true}">
{% include myapp/page_template.html %}
</div>
{% endblock %}
Page_template.html::
{% load endless %}
{% paginate objects %}
{% for object in objects %}
<div class="well object">
<h4>{{ object.title }}</h4>
{{ object.contents }}
</div>
{% endfor %}
{% show_more "More results" %}
In the views.py::
class TwitterView(View):
def get(self, request, forum, *args, **kwargs):
template_name = "myapp/index.html"
page_template = "myapp/page_template.html"
objects = MyModel.objects.all()
data = {
'objects': objects,
}
if request.is_ajax():
template_name = page_template
return render(request, template_name, data)
In the urls.py::
url(r'^twitter/$', TwitterView.as_view(), name='twitter'),
Run server::
python manage.py runserver
Visit: 127.0.0.1:800/twitter/
If you have already declared an angular module all you have to do is inject the module EndlessPagination. As follow::
'use strict';
angular.module('TestApp', ['EndlessPagination']);
This way you will be able to use the directive endless-pagination. For more examples check the official repository:
https://github.com/mapeveri/django-endless-pagination-angular/tree/master/tests
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
File details
Details for the file django-endless-pagination-angular-1.2.tar.gz.
File metadata
- Download URL: django-endless-pagination-angular-1.2.tar.gz
- Upload date:
- Size: 38.3 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | df320c36ccd2750819337f6c1a45b0957e65298b212e3af72517ab3e8ee008e6 |
|
| MD5 | 78131cc912c9e29b0e45b664980d3191 |
|
| BLAKE2b-256 | 24d64e91753080daa182a490c98fae5c05e6f2feef968baf37966113563cbe64 |
