django.js

Django JS Tools

These details have not been verified by PyPI

Project links

GitHub Statistics

View statistics for this project via Libraries.io, or by using our public dataset on Google BigQuery

Project description

https://secure.travis-ci.org/noirbizarre/django.js.png

Django.js provides tools for JavaScript developpement with Django. This is currently a work in progress so don’t expect it to be perfect.

Django.js is inspired from:

Installation

You can install Django.JS with pip:

$ pip install django.js

or with easy_install:

$ easy_install django.js

Add djangojs to your settings.INSTALLED_APPS.

Add djangojs.urls to your root URL_CONF:

urlpatterns = patterns('',
    ...
    url(r'^djangojs/', include('djangojs.urls')),
    ...
)

Template tags

Initialization

You can either:

load the template tag lib into each template manually:

{% load js %}

load the template tag lib by adding to your setting.py:

from django.template import add_to_builtins

add_to_builtins('djangojs.templatetags.js')

Usage

verbatim

A {% verbatim %} tag is available to ease the JS templating. It escape a specific part. For example, you may want a subpart of your template to be rendered by Django :

<script type="text/x-handlebars" id="tpl-django-form">
    <form>
        {% verbatim %}
            {{#if id}}<h1>{{ id }}</h1>{{/if}}
        {% endverbatim %}
        {{ yourform.as_p }}
    </form>
</script>

django_js

A {% django_js %} tag is available to provide the Django JS module. After loading, you can use the Django module to resolve URLs and Translations:

{% django_js %}
<script>
    $(Django).on('ready', function() {
        console.log(
            Django.url('my-view'),
            Django.url('my-view', 'arg1'),
            Django.url('my-view', ['arg1']),
            Django.url('my-view', {key: 'test'}),
            Django.trans('my string')
        );
    });
    Django.init({% django_urls_json %});
</script>

If you don’t want to manually trigger initialization, you can use the {% django_js_init %} tag:

{% django_js_init %}
<script>
    $(Django).on('ready', function() {
        console.log(Django.url('my-view'));
    });
</script>

django_js tag also configure jQuery.ajax to handle CSRF tokens.

jquery_js

The {% jquery_js %} tag only load the jQuery (1.8.2) library.

The django_js and django_js_init tags automatically load jQuery so no need to manually load it.

js_lib

The js_lib tag is a quick helper to include javascript files from {{STATIC_URL}}js/libs:

{% js_lib "my-lib.js" %}

is equivalent to:

<script type="text/javascript" src="{{STATIC_URL}}js/libs/my-lib.js"></script>

Project details

These details have not been verified by PyPI

Project links

GitHub Statistics

View statistics for this project via Libraries.io, or by using our public dataset on Google BigQuery

Release history Release notifications | RSS feed

0.8.1

Oct 19, 2013

0.8.0

Jul 14, 2013

0.7.6

Jun 7, 2013

0.7.5

May 31, 2013

0.7.4

May 11, 2013

0.7.3

Apr 30, 2013

0.7.2

Apr 30, 2013

0.7.1

Apr 25, 2013

0.7.0

Apr 25, 2013

0.6.5

Mar 12, 2013

0.6.4

Mar 10, 2013

0.6.3

Mar 8, 2013

0.6.2

Feb 18, 2013

0.6.1

Feb 11, 2013

0.6

Feb 9, 2013

0.5

Dec 17, 2012

0.4

Dec 4, 2012

0.3.2

Nov 10, 2012

0.3.1

Nov 3, 2012

0.3

Nov 2, 2012

0.2

Oct 23, 2012

0.1.3

Oct 2, 2012

This version

0.1.2

Oct 1, 2012

0.1.1

Oct 1, 2012

0.1

Oct 1, 2012

0.0.0

Jul 14, 2013

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django.js-0.1.2.tar.gz (91.4 kB view hashes)

Uploaded Oct 1, 2012 Source

Hashes for django.js-0.1.2.tar.gz

Hashes for django.js-0.1.2.tar.gz
Algorithm	Hash digest
SHA256	`e4bbb386fe10cefbf4f29b6f76b84ee2bc8358a4ad38adcbdd69b1797aa7b53c`
MD5	`d0efd8a60b7708befde1fa0bc1119797`
BLAKE2b-256	`734bc05d84a28ecd5094083f6fd27bfda400a3914196a9c90e89ccacf2df6749`