131 lines
3.0 KiB
ReStructuredText
131 lines
3.0 KiB
ReStructuredText
A simple way to use `jSignature jQuery plugin <https://github.com/brinley/jSignature/blob/master/README.md>`_ in your `Django <https://www.djangoproject.com>`_ projects.
|
|
|
|
It provides:
|
|
|
|
* A form field and a form widget to handle jquery plugin through a Django form;
|
|
* A model field to store a captured signature;
|
|
* A mixin adding two fields (signature / signature_date) in any of your Django models.
|
|
|
|
.. image:: https://travis-ci.org/fle/django-jsignature.png?branch=master
|
|
:target: https://travis-ci.org/fle/django-jsignature
|
|
|
|
.. image:: https://coveralls.io/repos/fle/django-jsignature/badge.png
|
|
:target: https://coveralls.io/r/fle/django-jsignature
|
|
|
|
|
|
.. image:: screen.png
|
|
|
|
==================
|
|
INSTALL
|
|
==================
|
|
|
|
For now:
|
|
|
|
::
|
|
|
|
pip install https://github.com/fle/django-jsignature/archive/master.zip
|
|
|
|
==================
|
|
USAGE
|
|
==================
|
|
|
|
* Add ``jsignature`` to your ``INSTALLED_APPS``:
|
|
|
|
::
|
|
|
|
# settings.py
|
|
INSTALLED_APPS = (
|
|
...
|
|
'jsignature',
|
|
)
|
|
|
|
* Use provided form field and widget:
|
|
|
|
::
|
|
|
|
# forms.py
|
|
from django import forms
|
|
from jsignature.forms import JSignatureField
|
|
|
|
class SignatureForm(forms.Form):
|
|
signature = JSignatureField()
|
|
|
|
* Render image after form validation:
|
|
|
|
::
|
|
|
|
# views.py
|
|
from jsignature.utils import draw_signature
|
|
from myapp.forms import SignatureForm
|
|
|
|
def my_view(request):
|
|
form = SignatureForm(request.POST or None)
|
|
if form.is_valid():
|
|
signature = form.cleaned_data.get('signature')
|
|
if signature:
|
|
# as an image
|
|
signature_picture = draw_signature(signature)
|
|
# or as a file
|
|
signature_file_path = draw_signature(signature, as_file=True)
|
|
|
|
==================
|
|
CUSTOMIZATION
|
|
==================
|
|
|
|
JSignature plugin options are available in python:
|
|
|
|
* Globally, in your settings:
|
|
|
|
::
|
|
|
|
# settings.py
|
|
JSIGNATURE_WIDTH = 500
|
|
JSIGNATURE_HEIGHT = 200
|
|
|
|
* Specifically, in your form:
|
|
|
|
::
|
|
|
|
# forms.py
|
|
from jsignature.forms import JSignatureField
|
|
from jsignature.widgets import JSignatureWidget
|
|
|
|
JSignatureField(widget=JSignatureWidget(jsignature_attrs={'color': '#CCC'}))
|
|
|
|
Available settings are:
|
|
|
|
* ``JSIGNATURE_WIDTH`` (width)
|
|
* ``JSIGNATURE_HEIGHT`` (height)
|
|
* ``JSIGNATURE_COLOR`` (color)
|
|
* ``JSIGNATURE_BACKGROUND_COLOR`` (background-color)
|
|
* ``JSIGNATURE_DECOR_COLOR`` (decor-color)
|
|
* ``JSIGNATURE_LINE_WIDTH`` (lineWidth)
|
|
* ``JSIGNATURE_UNDO_BUTTON`` (UndoButton)
|
|
|
|
==================
|
|
IN YOUR MODELS
|
|
==================
|
|
|
|
If you wan to store signatures, provided mixin gives a ``signature`` and a ``signature_date`` that update themselves:
|
|
|
|
::
|
|
|
|
from django.db import models
|
|
from jsignature.mixins import JSignatureFieldsMixin
|
|
|
|
class JSignatureModel(JSignatureFieldsMixin):
|
|
name = models.CharField()
|
|
|
|
|
|
==================
|
|
AUTHORS
|
|
==================
|
|
|
|
* Florent Lebreton <florent.lebreton@makina-corpus.com>
|
|
|
|
|makinacom|_
|
|
|
|
.. |makinacom| image:: http://depot.makina-corpus.org/public/logo.gif
|
|
.. _makinacom: http://www.makina-corpus.com
|
|
|