Browse Source

[MIG] web_widget_digitized_signature: Migration to 11.0

pull/1318/head
cubells 6 years ago
committed by Mayank Gosai
parent
commit
847e49a5cf
  1. 82
      web_widget_digitized_signature/README.rst
  2. 1
      web_widget_digitized_signature/__init__.py
  3. 5
      web_widget_digitized_signature/__manifest__.py
  4. 24
      web_widget_digitized_signature/i18n/web_widget_digitized_signature.pot
  5. 1
      web_widget_digitized_signature/models/__init__.py
  6. 1
      web_widget_digitized_signature/models/mail_thread.py
  7. 8
      web_widget_digitized_signature/models/res_users.py
  8. 5
      web_widget_digitized_signature/readme/CONFIGURE.rst
  9. 4
      web_widget_digitized_signature/readme/CONTRIBUTORS.rst
  10. 5
      web_widget_digitized_signature/readme/DESCRIPTION.rst
  11. 3
      web_widget_digitized_signature/readme/USAGE.rst
  12. 448
      web_widget_digitized_signature/static/description/index.html
  13. 239
      web_widget_digitized_signature/static/lib/jSignature/jSignatureCustom.js
  14. 194
      web_widget_digitized_signature/static/src/js/digital_sign.js
  15. 36
      web_widget_digitized_signature/static/src/xml/digital_sign.xml
  16. 1
      web_widget_digitized_signature/tests/__init__.py
  17. 5
      web_widget_digitized_signature/tests/test_signature_tracking.py
  18. 20
      web_widget_digitized_signature/views/res_users_view.xml
  19. 1
      web_widget_digitized_signature/views/web_digital_sign_view.xml

82
web_widget_digitized_signature/README.rst

@ -1,10 +1,29 @@
.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
:target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
:alt: License: AGPL-3
=======================
Web Digitized Signature
=======================
==============================
Web Widget Digitized Signature
==============================
.. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png
:target: https://odoo-community.org/page/development-status
:alt: Beta
.. |badge2| image:: https://img.shields.io/badge/licence-AGPL--3-blue.png
:target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
:alt: License: AGPL-3
.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github
:target: https://github.com/OCA/web/tree/11.0/web_widget_digitized_signature
:alt: OCA/web
.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
:target: https://translation.odoo-community.org/projects/web-11-0/web-11-0-web_widget_digitized_signature
:alt: Translate me on Weblate
.. |badge5| image:: https://img.shields.io/badge/runbot-Try%20me-875A7B.png
:target: https://runbot.odoo-community.org/runbot/162/11.0
:alt: Try me on Runbot
|badge1| |badge2| |badge3| |badge4| |badge5|
This module provides a widget for binary fields that allows to digitize a
signature and store it as an image.
@ -12,13 +31,19 @@ signature and store it as an image.
As demonstration, it includes this widget at user level, so that we can store
a signature image for each user.
**Table of contents**
.. contents::
:local:
Configuration
=============
#. To use this module, you need to add ``widget="signature"`` to your binary
field in your view.
#. You can specifify signature dimensions like the following:
``<field name="signature_image" widget="signature" width="400" height="100"/>``
``<field name="signature_image" widget="signature" width="400"
height="100"/>``
Usage
=====
@ -27,44 +52,47 @@ Usage
#. Open one of the existing users.
#. You can set a digital signature for it on the field "Signature".
.. image:: https://odoo-community.org/website/image/ir.attachment/5784_f2813bd/datas
:alt: Try me on Runbot
:target: https://runbot.odoo-community.org/runbot/162/10.0
Bug Tracker
===========
Bugs are tracked on `GitHub Issues
<https://github.com/OCA/web/issues>`_. In case of trouble, please
check there if your issue has already been reported. If you spotted it first,
help us smashing it by providing a detailed and welcomed feedback.
Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us smashing it by providing a detailed and welcomed
`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_widget_digitized_signature%0Aversion:%2011.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
Do not contact contributors directly about support or help with technical issues.
Credits
=======
Images
------
Authors
~~~~~~~
* Odoo Community Association: `Icon <https://github.com/OCA/maintainer-tools/blob/master/template/module/static/description/icon.svg>`_.
* Serpent Consulting Services Pvt. Ltd.
* Agile Business Group
* Tecnativa
Contributors
------------
~~~~~~~~~~~~
* Jay Vora <jay.vora@serpentcs.com>
* Vicent Cubells <vicent.cubells@tecnativa.com>
* Tecnativa <https://www.tecnativa.com>:
Maintainer
----------
* Vicent Cubells <vicent.cubells@tecnativa.com>
Maintainers
~~~~~~~~~~~
This module is maintained by the OCA.
.. image:: https://odoo-community.org/logo.png
:alt: Odoo Community Association
:target: https://odoo-community.org
This module is maintained by the OCA.
OCA, or the Odoo Community Association, is a nonprofit organization whose
mission is to support the collaborative development of Odoo features and
promote its widespread use.
To contribute to this module, please visit https://odoo-community.org.
This module is part of the `OCA/web <https://github.com/OCA/web/tree/11.0/web_widget_digitized_signature>`_ project on GitHub.
You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

1
web_widget_digitized_signature/__init__.py

@ -1,4 +1,3 @@
# -*- coding: utf-8 -*-
# Copyright 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).

5
web_widget_digitized_signature/__manifest__.py

@ -1,4 +1,3 @@
# -*- coding: utf-8 -*-
# Copyright 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# Copyright 2017 Tecnativa - Vicent Cubells
@ -6,11 +5,12 @@
{
"name": "Web Widget Digitized Signature",
"version": "10.0.0.1.0",
"version": "11.0.0.1.0",
"author": "Serpent Consulting Services Pvt. Ltd., "
"Agile Business Group, "
"Tecnativa, "
"Odoo Community Association (OCA)",
'website': 'https://github.com/OCA/web',
"license": "AGPL-3",
"category": 'Web',
'depends': [
@ -21,7 +21,6 @@
'views/web_digital_sign_view.xml',
'views/res_users_view.xml',
],
'website': 'http://www.serpentcs.com',
'qweb': [
'static/src/xml/digital_sign.xml',
],

24
web_widget_digitized_signature/i18n/web_widget_digitized_signature.pot

@ -4,8 +4,10 @@
#
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 10.0\n"
"Project-Id-Version: Odoo Server 11.0\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2019-04-19 08:29+0000\n"
"PO-Revision-Date: 2019-04-19 08:29+0000\n"
"Last-Translator: <>\n"
"Language-Team: \n"
"MIME-Version: 1.0\n"
@ -15,27 +17,27 @@ msgstr ""
#. module: web_widget_digitized_signature
#. openerp-web
#: code:addons/web_widget_digitized_signature/static/src/xml/digital_sign.xml:7
#: code:addons/web_widget_digitized_signature/static/src/xml/digital_sign.xml:8
#, python-format
msgid "Clear"
msgstr ""
#. module: web_widget_digitized_signature
#. openerp-web
#: code:addons/web_widget_digitized_signature/static/src/js/digital_sign.js:81
#: code:addons/web_widget_digitized_signature/static/src/js/digital_sign.js:99
#, python-format
msgid "Could not display the selected image."
msgstr ""
#. module: web_widget_digitized_signature
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:33
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:32
#, python-format
msgid "Deletion date: %s"
msgstr ""
#. module: web_widget_digitized_signature
#. openerp-web
#: code:addons/web_widget_digitized_signature/static/src/xml/digital_sign.xml:10
#: code:addons/web_widget_digitized_signature/static/src/xml/digital_sign.xml:11
#, python-format
msgid "Draw your signature"
msgstr ""
@ -47,30 +49,32 @@ msgstr ""
#. module: web_widget_digitized_signature
#. openerp-web
#: code:addons/web_widget_digitized_signature/static/src/js/digital_sign.js:81
#: code:addons/web_widget_digitized_signature/static/src/js/digital_sign.js:99
#, python-format
msgid "Image"
msgstr ""
#. module: web_widget_digitized_signature
#: model:ir.model.fields,field_description:web_widget_digitized_signature.field_res_users_signature_image
#: model:ir.model.fields,field_description:web_widget_digitized_signature.field_res_users_digital_signature
#: model:ir.ui.view,arch_db:web_widget_digitized_signature.inherited_res_users_form
#: model:ir.ui.view,arch_db:web_widget_digitized_signature.inherited_res_users_preferences_form
msgid "Signature"
msgstr ""
#. module: web_widget_digitized_signature
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:30
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:29
#, python-format
msgid "Signature date: %s"
msgstr ""
#. module: web_widget_digitized_signature
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:28
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:27
#, python-format
msgid "Signature has been created."
msgstr ""
#. module: web_widget_digitized_signature
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:32
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:31
#, python-format
msgid "Signature has been deleted."
msgstr ""

1
web_widget_digitized_signature/models/__init__.py

@ -1,4 +1,3 @@
# -*- coding: utf-8 -*-
# Copyright 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).

1
web_widget_digitized_signature/models/mail_thread.py

@ -1,4 +1,3 @@
# -*- coding: utf-8 -*-
# Copyright 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# Copyright 2017 Tecnativa - Vicent Cubells

8
web_widget_digitized_signature/models/res_users.py

@ -1,4 +1,3 @@
# -*- coding: utf-8 -*-
# Copyright 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# Copyright 2017 Tecnativa - Vicent Cubells
@ -11,17 +10,18 @@ class ResUsers(models.Model):
_name = 'res.users'
_inherit = ['res.users', 'mail.thread']
signature_image = fields.Binary(
digital_signature = fields.Binary(
string='Signature',
oldname="signature_image",
)
@api.model
def create(self, vals):
res = super(ResUsers, self).create(vals)
res._track_signature(vals, 'signature_image')
res._track_signature(vals, 'digital_signature')
return res
@api.multi
def write(self, vals):
self._track_signature(vals, 'signature_image')
self._track_signature(vals, 'digital_signature')
return super(ResUsers, self).write(vals)

5
web_widget_digitized_signature/readme/CONFIGURE.rst

@ -0,0 +1,5 @@
#. To use this module, you need to add ``widget="signature"`` to your binary
field in your view.
#. You can specify signature dimensions like the following:
``<field name="signature_image" widget="signature" width="400"
height="100"/>``

4
web_widget_digitized_signature/readme/CONTRIBUTORS.rst

@ -0,0 +1,4 @@
* Jay Vora <jay.vora@serpentcs.com>
* Tecnativa <https://www.tecnativa.com>:
* Vicent Cubells

5
web_widget_digitized_signature/readme/DESCRIPTION.rst

@ -0,0 +1,5 @@
This module provides a widget for binary fields that allows to digitize a
signature and store it as an image.
As demonstration, it includes this widget at user level, so that we can store
a signature image for each user.

3
web_widget_digitized_signature/readme/USAGE.rst

@ -0,0 +1,3 @@
#. Go to *Settings > Users > Users*.
#. Open one of the existing users.
#. You can set a digital signature for it on the field "Signature".

448
web_widget_digitized_signature/static/description/index.html

@ -0,0 +1,448 @@
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Docutils 0.14: http://docutils.sourceforge.net/" />
<title>Web Widget Digitized Signature</title>
<style type="text/css">
/*
:Author: David Goodger (goodger@python.org)
:Id: $Id: html4css1.css 7952 2016-07-26 18:15:59Z milde $
:Copyright: This stylesheet has been placed in the public domain.
Default cascading style sheet for the HTML output of Docutils.
See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to
customize this style sheet.
*/
/* used to remove borders from tables and images */
.borderless, table.borderless td, table.borderless th {
border: 0 }
table.borderless td, table.borderless th {
/* Override padding for "table.docutils td" with "! important".
The right padding separates the table cells. */
padding: 0 0.5em 0 0 ! important }
.first {
/* Override more specific margin styles with "! important". */
margin-top: 0 ! important }
.last, .with-subtitle {
margin-bottom: 0 ! important }
.hidden {
display: none }
.subscript {
vertical-align: sub;
font-size: smaller }
.superscript {
vertical-align: super;
font-size: smaller }
a.toc-backref {
text-decoration: none ;
color: black }
blockquote.epigraph {
margin: 2em 5em ; }
dl.docutils dd {
margin-bottom: 0.5em }
object[type="image/svg+xml"], object[type="application/x-shockwave-flash"] {
overflow: hidden;
}
/* Uncomment (and remove this text!) to get bold-faced definition list terms
dl.docutils dt {
font-weight: bold }
*/
div.abstract {
margin: 2em 5em }
div.abstract p.topic-title {
font-weight: bold ;
text-align: center }
div.admonition, div.attention, div.caution, div.danger, div.error,
div.hint, div.important, div.note, div.tip, div.warning {
margin: 2em ;
border: medium outset ;
padding: 1em }
div.admonition p.admonition-title, div.hint p.admonition-title,
div.important p.admonition-title, div.note p.admonition-title,
div.tip p.admonition-title {
font-weight: bold ;
font-family: sans-serif }
div.attention p.admonition-title, div.caution p.admonition-title,
div.danger p.admonition-title, div.error p.admonition-title,
div.warning p.admonition-title, .code .error {
color: red ;
font-weight: bold ;
font-family: sans-serif }
/* Uncomment (and remove this text!) to get reduced vertical space in
compound paragraphs.
div.compound .compound-first, div.compound .compound-middle {
margin-bottom: 0.5em }
div.compound .compound-last, div.compound .compound-middle {
margin-top: 0.5em }
*/
div.dedication {
margin: 2em 5em ;
text-align: center ;
font-style: italic }
div.dedication p.topic-title {
font-weight: bold ;
font-style: normal }
div.figure {
margin-left: 2em ;
margin-right: 2em }
div.footer, div.header {
clear: both;
font-size: smaller }
div.line-block {
display: block ;
margin-top: 1em ;
margin-bottom: 1em }
div.line-block div.line-block {
margin-top: 0 ;
margin-bottom: 0 ;
margin-left: 1.5em }
div.sidebar {
margin: 0 0 0.5em 1em ;
border: medium outset ;
padding: 1em ;
background-color: #ffffee ;
width: 40% ;
float: right ;
clear: right }
div.sidebar p.rubric {
font-family: sans-serif ;
font-size: medium }
div.system-messages {
margin: 5em }
div.system-messages h1 {
color: red }
div.system-message {
border: medium outset ;
padding: 1em }
div.system-message p.system-message-title {
color: red ;
font-weight: bold }
div.topic {
margin: 2em }
h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
margin-top: 0.4em }
h1.title {
text-align: center }
h2.subtitle {
text-align: center }
hr.docutils {
width: 75% }
img.align-left, .figure.align-left, object.align-left, table.align-left {
clear: left ;
float: left ;
margin-right: 1em }
img.align-right, .figure.align-right, object.align-right, table.align-right {
clear: right ;
float: right ;
margin-left: 1em }
img.align-center, .figure.align-center, object.align-center {
display: block;
margin-left: auto;
margin-right: auto;
}
table.align-center {
margin-left: auto;
margin-right: auto;
}
.align-left {
text-align: left }
.align-center {
clear: both ;
text-align: center }
.align-right {
text-align: right }
/* reset inner alignment in figures */
div.align-right {
text-align: inherit }
/* div.align-center * { */
/* text-align: left } */
.align-top {
vertical-align: top }
.align-middle {
vertical-align: middle }
.align-bottom {
vertical-align: bottom }
ol.simple, ul.simple {
margin-bottom: 1em }
ol.arabic {
list-style: decimal }
ol.loweralpha {
list-style: lower-alpha }
ol.upperalpha {
list-style: upper-alpha }
ol.lowerroman {
list-style: lower-roman }
ol.upperroman {
list-style: upper-roman }
p.attribution {
text-align: right ;
margin-left: 50% }
p.caption {
font-style: italic }
p.credits {
font-style: italic ;
font-size: smaller }
p.label {
white-space: nowrap }
p.rubric {
font-weight: bold ;
font-size: larger ;
color: maroon ;
text-align: center }
p.sidebar-title {
font-family: sans-serif ;
font-weight: bold ;
font-size: larger }
p.sidebar-subtitle {
font-family: sans-serif ;
font-weight: bold }
p.topic-title {
font-weight: bold }
pre.address {
margin-bottom: 0 ;
margin-top: 0 ;
font: inherit }
pre.literal-block, pre.doctest-block, pre.math, pre.code {
margin-left: 2em ;
margin-right: 2em }
pre.code .ln { color: grey; } /* line numbers */
pre.code, code { background-color: #eeeeee }
pre.code .comment, code .comment { color: #5C6576 }
pre.code .keyword, code .keyword { color: #3B0D06; font-weight: bold }
pre.code .literal.string, code .literal.string { color: #0C5404 }
pre.code .name.builtin, code .name.builtin { color: #352B84 }
pre.code .deleted, code .deleted { background-color: #DEB0A1}
pre.code .inserted, code .inserted { background-color: #A3D289}
span.classifier {
font-family: sans-serif ;
font-style: oblique }
span.classifier-delimiter {
font-family: sans-serif ;
font-weight: bold }
span.interpreted {
font-family: sans-serif }
span.option {
white-space: nowrap }
span.pre {
white-space: pre }
span.problematic {
color: red }
span.section-subtitle {
/* font-size relative to parent (h1..h6 element) */
font-size: 80% }
table.citation {
border-left: solid 1px gray;
margin-left: 1px }
table.docinfo {
margin: 2em 4em }
table.docutils {
margin-top: 0.5em ;
margin-bottom: 0.5em }
table.footnote {
border-left: solid 1px black;
margin-left: 1px }
table.docutils td, table.docutils th,
table.docinfo td, table.docinfo th {
padding-left: 0.5em ;
padding-right: 0.5em ;
vertical-align: top }
table.docutils th.field-name, table.docinfo th.docinfo-name {
font-weight: bold ;
text-align: left ;
white-space: nowrap ;
padding-left: 0 }
/* "booktabs" style (no vertical lines) */
table.docutils.booktabs {
border: 0px;
border-top: 2px solid;
border-bottom: 2px solid;
border-collapse: collapse;
}
table.docutils.booktabs * {
border: 0px;
}
table.docutils.booktabs th {
border-bottom: thin solid;
text-align: left;
}
h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
font-size: 100% }
ul.auto-toc {
list-style-type: none }
</style>
</head>
<body>
<div class="document" id="web-widget-digitized-signature">
<h1 class="title">Web Widget Digitized Signature</h1>
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external" href="https://github.com/OCA/web/tree/11.0/web_widget_digitized_signature"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-11-0/web-11-0-web_widget_digitized_signature"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/11.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
<p>This module provides a widget for binary fields that allows to digitize a
signature and store it as an image.</p>
<p>As demonstration, it includes this widget at user level, so that we can store
a signature image for each user.</p>
<p><strong>Table of contents</strong></p>
<div class="contents local topic" id="contents">
<ul class="simple">
<li><a class="reference internal" href="#configuration" id="id1">Configuration</a></li>
<li><a class="reference internal" href="#usage" id="id2">Usage</a></li>
<li><a class="reference internal" href="#bug-tracker" id="id3">Bug Tracker</a></li>
<li><a class="reference internal" href="#credits" id="id4">Credits</a><ul>
<li><a class="reference internal" href="#authors" id="id5">Authors</a></li>
<li><a class="reference internal" href="#contributors" id="id6">Contributors</a></li>
<li><a class="reference internal" href="#maintainers" id="id7">Maintainers</a></li>
</ul>
</li>
</ul>
</div>
<div class="section" id="configuration">
<h1><a class="toc-backref" href="#id1">Configuration</a></h1>
<ol class="arabic simple">
<li>To use this module, you need to add <tt class="docutils literal"><span class="pre">widget=&quot;signature&quot;</span></tt> to your binary
field in your view.</li>
<li>You can specifify signature dimensions like the following:
<tt class="docutils literal">&lt;field <span class="pre">name=&quot;signature_image&quot;</span> <span class="pre">widget=&quot;signature&quot;</span> <span class="pre">width=&quot;400&quot;</span>
<span class="pre">height=&quot;100&quot;/&gt;</span></tt></li>
</ol>
</div>
<div class="section" id="usage">
<h1><a class="toc-backref" href="#id2">Usage</a></h1>
<ol class="arabic simple">
<li>Go to <em>Settings &gt; Users &gt; Users</em>.</li>
<li>Open one of the existing users.</li>
<li>You can set a digital signature for it on the field “Signature”.</li>
</ol>
</div>
<div class="section" id="bug-tracker">
<h1><a class="toc-backref" href="#id3">Bug Tracker</a></h1>
<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us smashing it by providing a detailed and welcomed
<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_widget_digitized_signature%0Aversion:%2011.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
<p>Do not contact contributors directly about support or help with technical issues.</p>
</div>
<div class="section" id="credits">
<h1><a class="toc-backref" href="#id4">Credits</a></h1>
<div class="section" id="authors">
<h2><a class="toc-backref" href="#id5">Authors</a></h2>
<ul class="simple">
<li>Serpent Consulting Services Pvt. Ltd.</li>
<li>Agile Business Group</li>
<li>Tecnativa</li>
</ul>
</div>
<div class="section" id="contributors">
<h2><a class="toc-backref" href="#id6">Contributors</a></h2>
<ul class="simple">
<li>Jay Vora &lt;<a class="reference external" href="mailto:jay.vora&#64;serpentcs.com">jay.vora&#64;serpentcs.com</a>&gt;</li>
<li>Tecnativa &lt;<a class="reference external" href="https://www.tecnativa.com">https://www.tecnativa.com</a>&gt;:<ul>
<li>Vicent Cubells &lt;<a class="reference external" href="mailto:vicent.cubells&#64;tecnativa.com">vicent.cubells&#64;tecnativa.com</a>&gt;</li>
</ul>
</li>
</ul>
</div>
<div class="section" id="maintainers">
<h2><a class="toc-backref" href="#id7">Maintainers</a></h2>
<p>This module is maintained by the OCA.</p>
<a class="reference external image-reference" href="https://odoo-community.org"><img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" /></a>
<p>OCA, or the Odoo Community Association, is a nonprofit organization whose
mission is to support the collaborative development of Odoo features and
promote its widespread use.</p>
<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/11.0/web_widget_digitized_signature">OCA/web</a> project on GitHub.</p>
<p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
</div>
</div>
</div>
</body>
</html>

239
web_widget_digitized_signature/static/lib/jSignature/jSignatureCustom.js

@ -1,10 +1,11 @@
/** @preserve
/** @preserve
jSignature v2 "${buildDate}" "${commitID}"
Copyright (c) 2012 Willow Systems Corp http://willow-systems.com
Copyright (c) 2010 Brinley Ang http://www.unbolt.net
MIT License <http://www.opensource.org/licenses/mit-license.php>
MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
;(function() {
var apinamespace = 'jSignature'
@ -25,7 +26,7 @@ var KickTimerClass = function(time, callback) {
timer = setTimeout(
callback
, time
)
)
}
this.clear = function() {
clearTimeout(timer)
@ -35,7 +36,7 @@ var KickTimerClass = function(time, callback) {
var PubSubClass = function(context){
'use strict'
/* @preserve
/* @preserve
-----------------------------------------------------------------------------------------------
JavaScript PubSub library
2012 (c) Willow Systems Corp (www.willow-systems.com)
@ -68,7 +69,7 @@ var PubSubClass = function(context){
for (i = 0, l = currentTopic.length; i < l; i++) {
pair = currentTopic[i] // this is a [function, once_flag] array
fn = pair[0]
fn = pair[0]
if (pair[1] /* 'run once' flag set */){
pair[0] = function(){}
toremove.push(i)
@ -81,13 +82,13 @@ var PubSubClass = function(context){
}
}
/**
* Allows listener code to subscribe to channel and be called when data is available
* Allows listener code to subscribe to channel and be called when data is available
* @public
* @function
* @param topic {String} Name of the channel on which to voice this event
* @param callback {Function} Executable (function pointer) that will be ran when event is voiced on this channel.
* @param once {Boolean} (optional. False by default) Flag indicating if the function is to be triggered only once.
* @returns {Object} A token object that cen be used for unsubscribing.
* @returns {Object} A token object that cen be used for unsubscribing.
*/
this.subscribe = function(topic, callback, once) {
'use strict'
@ -102,15 +103,15 @@ var PubSubClass = function(context){
};
};
/**
* Allows listener code to unsubscribe from a channel
* Allows listener code to unsubscribe from a channel
* @public
* @function
* @param token {Object} A token object that was returned by `subscribe` method
* @param token {Object} A token object that was returned by `subscribe` method
*/
this.unsubscribe = function(token) {
if (this.topics[token.topic]) {
var currentTopic = this.topics[token.topic]
for (var i = 0, l = currentTopic.length; i < l; i++) {
if (currentTopic[i][0] === token.callback) {
currentTopic.splice(i, 1)
@ -127,7 +128,7 @@ function getColors($e){
, frontcolor = $e.css('color')
, backcolor
, e = $e[0]
var toOfDOM = false
while(e && !backcolor && !toOfDOM){
try{
@ -192,18 +193,18 @@ function getColors($e){
// backcolorcomponents = {'r':0,'g':0,'b':0}
// }
}
// Deriving Decor color
// THis is LAZY!!!! Better way would be to use HSL and adjust luminocity. However, that could be an overkill.
var toRGBfn = function(o){return 'rgb(' + [o.r, o.g, o.b].join(', ') + ')'}
// THis is LAZY!!!! Better way would be to use HSL and adjust luminocity. However, that could be an overkill.
var toRGBfn = function(o){return 'rgb(' + [o.r, o.g, o.b].join(', ') + ')'}
, decorcolorcomponents
, frontcolorbrightness
, adjusted
if (frontcolorcomponents && backcolorcomponents){
var backcolorbrightness = Math.max.apply(null, [frontcolorcomponents.r, frontcolorcomponents.g, frontcolorcomponents.b])
frontcolorbrightness = Math.max.apply(null, [backcolorcomponents.r, backcolorcomponents.g, backcolorcomponents.b])
adjusted = Math.round(frontcolorbrightness + (-1 * (frontcolorbrightness - backcolorbrightness) * 0.75)) // "dimming" the difference between pen and back.
decorcolorcomponents = {'r':adjusted,'g':adjusted,'b':adjusted} // always shade of gray
@ -231,7 +232,7 @@ function Vector(x,y){
this.x = x
this.y = y
this.reverse = function(){
return new this.constructor(
return new this.constructor(
this.x * -1
, this.y * -1
)
@ -243,7 +244,7 @@ function Vector(x,y){
}
return this._length
}
var polarity = function (e){
return Math.round(e / Math.abs(e))
}
@ -267,12 +268,12 @@ function Vector(x,y){
}
return this
}
/**
* Calculates the angle between 'this' vector and another.
* @public
* @function
* @returns {Number} The angle between the two vectors as measured in PI.
* @returns {Number} The angle between the two vectors as measured in PI.
*/
this.angleTo = function(vectorB) {
var divisor = this.getLength() * vectorB.getLength()
@ -283,8 +284,8 @@ function Vector(x,y){
// because of it, the core of the formula can, on occasion, have values
// over 1.0 and below -1.0.
return Math.acos(
Math.min(
Math.max(
Math.min(
Math.max(
( this.x * vectorB.x + this.y * vectorB.y ) / divisor
, -1.0
)
@ -298,7 +299,7 @@ function Vector(x,y){
function Point(x,y){
this.x = x
this.y = y
this.getVectorToCoordinates = function (x, y) {
return new Vector(x - this.x, y - this.y)
}
@ -316,17 +317,17 @@ function Point(x,y){
/*
* About data structure:
* We don't store / deal with "pictures" this signature capture code captures "vectors"
*
*
* We don't store bitmaps. We store "strokes" as arrays of arrays. (Actually, arrays of objects containing arrays of coordinates.
*
*
* Stroke = mousedown + mousemoved * n (+ mouseup but we don't record that as that was the "end / lack of movement" indicator)
*
*
* Vectors = not classical vectors where numbers indicated shift relative last position. Our vectors are actually coordinates against top left of canvas.
* we could calc the classical vectors, but keeping the the actual coordinates allows us (through Math.max / min)
* we could calc the classical vectors, but keeping the the actual coordinates allows us (through Math.max / min)
* to calc the size of resulting drawing very quickly. If we want classical vectors later, we can always get them in backend code.
*
*
* So, the data structure:
*
*
* var data = [
* { // stroke starts
* x : [101, 98, 57, 43] // x points
@ -341,9 +342,9 @@ function Point(x,y){
* , y : [151] // y points
* } // stroke ends
* ]
*
*
* we don't care or store stroke width (it's canvas-size-relative), color, shadow values. These can be added / changed on whim post-capture.
*
*
*/
function DataEngine(storageObject, context, startStrokeFn, addToStrokeFn, endStrokeFn){
this.data = storageObject // we expect this to be an instance of Array
@ -354,7 +355,7 @@ function DataEngine(storageObject, context, startStrokeFn, addToStrokeFn, endStr
var numofstrokes = storageObject.length
, stroke
, numofpoints
for (var i = 0; i < numofstrokes; i++){
stroke = storageObject[i]
numofpoints = stroke.x.length
@ -367,13 +368,13 @@ function DataEngine(storageObject, context, startStrokeFn, addToStrokeFn, endStr
}
this.changed = function(){}
this.startStrokeFn = startStrokeFn
this.addToStrokeFn = addToStrokeFn
this.endStrokeFn = endStrokeFn
this.inStroke = false
this._lastPoint = null
this._stroke = null
this.startStroke = function(point){
@ -383,7 +384,7 @@ function DataEngine(storageObject, context, startStrokeFn, addToStrokeFn, endStr
this._lastPoint = point
this.inStroke = true
// 'this' does not work same inside setTimeout(
var stroke = this._stroke
var stroke = this._stroke
, fn = this.startStrokeFn
, context = this.context
setTimeout(
@ -402,8 +403,8 @@ function DataEngine(storageObject, context, startStrokeFn, addToStrokeFn, endStr
// when clustering of these is too tight, it produces noise on the line, which, because of smoothing, makes lines too curvy.
// maybe, later, we can expose this as a configurable setting of some sort.
this.addToStroke = function(point){
if (this.inStroke &&
typeof(point.x) === "number" &&
if (this.inStroke &&
typeof(point.x) === "number" &&
typeof(point.y) === "number" &&
// calculates absolute shift in diagonal pixels away from original point
(Math.abs(point.x - this._lastPoint.x) + Math.abs(point.y - this._lastPoint.y)) > 4
@ -412,7 +413,7 @@ function DataEngine(storageObject, context, startStrokeFn, addToStrokeFn, endStr
this._stroke.x.push(point.x)
this._stroke.y.push(point.y)
this._lastPoint = point
var stroke = this._stroke
, fn = this.addToStrokeFn
, context = this.context
@ -478,7 +479,7 @@ var basicDot = function(ctx, x, y, size){
// Because we are funky this way, here we draw TWO curves.
// 1. POSSIBLY "this line" - spanning from point right before us, to this latest point.
// 2. POSSIBLY "prior curve" - spanning from "latest point" to the one before it.
// Why you ask?
// long lines (ones with many pixels between them) do not look good when they are part of a large curvy stroke.
// You know, the jaggedy crocodile spine instead of a pretty, smooth curve. Yuck!
@ -486,23 +487,23 @@ var basicDot = function(ctx, x, y, size){
// To approximate a very nice curve we need to know the direction of line before and after.
// Hence, on long lines we actually wait for another point beyond it to come back from
// mousemoved before we draw this curve.
// So for "prior curve" to be calc'ed we need 4 points
// So for "prior curve" to be calc'ed we need 4 points
// A, B, C, D (we are on D now, A is 3 points in the past.)
// and 3 lines:
// pre-line (from points A to B),
// this line (from points B to C), (we call it "this" because if it was not yet, it's the only one we can draw for sure.)
// pre-line (from points A to B),
// this line (from points B to C), (we call it "this" because if it was not yet, it's the only one we can draw for sure.)
// post-line (from points C to D) (even through D point is 'current' we don't know how we can draw it yet)
//
// Well, actually, we don't need to *know* the point A, just the vector A->B
var Cpoint = new Point(stroke.x[positionInStroke-1], stroke.y[positionInStroke-1])
, Dpoint = new Point(stroke.x[positionInStroke], stroke.y[positionInStroke])
, CDvector = Cpoint.getVectorToPoint(Dpoint)
// Again, we have a chance here to draw TWO things:
// BC Curve (only if it's long, because if it was short, it was drawn by previous callback) and
// BC Curve (only if it's long, because if it was short, it was drawn by previous callback) and
// CD Line (only if it's short)
// So, let's start with BC curve.
// if there is only 2 points in stroke array, we don't have "history" long enough to have point B, let alone point A.
// Falling through to drawing line CD is proper, as that's the only line we have points for.
@ -530,7 +531,7 @@ var basicDot = function(ctx, x, y, size){
, CCP2vector = (new Vector(BCvector.x + CDvector.x, BCvector.y + CDvector.y)).reverse().resizeTo(
Math.max(minlenfraction, BCDangle) * maxlen
)
basicCurve(
this.canvasContext
, Bpoint.x
@ -558,23 +559,23 @@ var basicDot = function(ctx, x, y, size){
// this = jSignatureClass instance
// Here we tidy up things left unfinished in last strokeAddCallback run.
// What's POTENTIALLY left unfinished there is the curve between the last points
// in the stroke, if the len of that line is more than lineCurveThreshold
// If the last line was shorter than lineCurveThreshold, it was drawn there, and there
// is nothing for us here to do.
// We can also be called when there is only one point in the stroke (meaning, the
// We can also be called when there is only one point in the stroke (meaning, the
// stroke was just a dot), in which case, again, there is nothing for us to do.
// So for "this curve" to be calc'ed we need 3 points
// So for "this curve" to be calc'ed we need 3 points
// A, B, C
// and 2 lines:
// pre-line (from points A to B),
// this line (from points B to C)
// pre-line (from points A to B),
// this line (from points B to C)
// Well, actually, we don't need to *know* the point A, just the vector A->B
// so, we really need points B, C and AB vector.
var positionInStroke = stroke.x.length - 1
if (positionInStroke > 0){
// there are at least 2 points in the stroke.we are in business.
var Cpoint = new Point(stroke.x[positionInStroke], stroke.y[positionInStroke])
@ -649,7 +650,7 @@ var getDataStats = function(){
function conditionallyLinkCanvasResizeToWindowResize(jSignatureInstance, settingsWidth, apinamespace, globalEvents){
'use strict'
if ( settingsWidth === 'ratio' || settingsWidth.split('')[settingsWidth.length - 1] === '%' ) {
this.eventTokens[apinamespace + '.parentresized'] = globalEvents.subscribe(
apinamespace + '.parentresized'
, (function(eventTokens, $parent, originalParentWidth, sizeRatio){
@ -660,9 +661,9 @@ function conditionallyLinkCanvasResizeToWindowResize(jSignatureInstance, setting
var w = $parent.width()
if (w !== originalParentWidth) {
// UNsubscribing this particular instance of signature pad only.
// there is a separate `eventTokens` per each instance of signature pad
// there is a separate `eventTokens` per each instance of signature pad
for (var key in eventTokens){
if (eventTokens.hasOwnProperty(key)) {
globalEvents.unsubscribe(eventTokens[key])
@ -677,21 +678,21 @@ function conditionallyLinkCanvasResizeToWindowResize(jSignatureInstance, setting
delete jSignatureInstance[key]
}
}
// scale data to new signature pad size
settings.data = (function(data, scale){
var newData = []
var o, i, l, j, m, stroke
for ( i = 0, l = data.length; i < l; i++) {
stroke = data[i]
o = {'x':[],'y':[]}
for ( j = 0, m = stroke.x.length; j < m; j++) {
o.x.push(stroke.x[j] * scale)
o.y.push(stroke.y[j] * scale)
}
newData.push(o)
}
return newData
@ -699,7 +700,7 @@ function conditionallyLinkCanvasResizeToWindowResize(jSignatureInstance, setting
settings.data
, w * 1.0 / originalParentWidth
)
$parent[apinamespace](settings)
}
}
@ -769,14 +770,14 @@ function jSignatureClass(parent, options, instanceExtensions) {
// Most of our exposed API will be looking for this:
$canvas.data(apinamespace + '.this', this)
settings.lineWidth = (function(defaultLineWidth, canvasWidth){
if (!defaultLineWidth){
return Math.max(
Math.round(canvasWidth / 400) /*+1 pixel for every extra 300px of width.*/
, 2 /* minimum line width */
)
)
} else {
return defaultLineWidth
}
@ -830,7 +831,7 @@ function jSignatureClass(parent, options, instanceExtensions) {
this.drawStartHandler = function(e) {
e.preventDefault()
// for performance we cache the offsets
// we recalc these only at the beginning the stroke
// we recalc these only at the beginning the stroke
setStartValues()
jSignatureInstance.dataEngine.startStroke( getPointFromEvent(e) )
timer.kick()
@ -839,7 +840,7 @@ function jSignatureClass(parent, options, instanceExtensions) {
e.preventDefault()
if (!jSignatureInstance.dataEngine.inStroke){
return
}
}
jSignatureInstance.dataEngine.addToStroke( getPointFromEvent(e) )
timer.kick()
}
@ -866,7 +867,7 @@ function jSignatureClass(parent, options, instanceExtensions) {
canvas.onmousemove = undef
this.fatFingerCompensation = (
settings.minFatFingerCompensation &&
settings.minFatFingerCompensation &&
settings.lineWidth * -3 > settings.minFatFingerCompensation
) ? settings.lineWidth * -3 : settings.minFatFingerCompensation
@ -888,7 +889,7 @@ function jSignatureClass(parent, options, instanceExtensions) {
canvas.onmousemove = drawMoveHandler
}
}
}).call(
}).call(
this
, movementHandlers.drawEndHandler
, movementHandlers.drawStartHandler
@ -918,7 +919,7 @@ function jSignatureClass(parent, options, instanceExtensions) {
, settings.width.toString(10)
, apinamespace, globalEvents
)
// end of event handlers.
// ===============================
@ -944,7 +945,7 @@ jSignatureClass.prototype.resetCanvas = function(data){
, cw = canvas.width
, ch = canvas.height
// preparing colors, drawing area
ctx.clearRect(0, 0, cw + 30, ch + 30)
@ -952,13 +953,13 @@ jSignatureClass.prototype.resetCanvas = function(data){
ctx.shadowColor = ctx.fillStyle = settings['background-color']
if (isCanvasEmulator){
// FLashCanvas fills with Black by default, covering up the parent div's background
// hence we refill
// hence we refill
ctx.fillRect(0,0,cw + 30, ch + 30)
}
ctx.lineWidth = Math.ceil(parseInt(settings.lineWidth, 10))
ctx.lineCap = ctx.lineJoin = "round"
// signature line
ctx.strokeStyle = settings['decor-color']
ctx.shadowOffsetX = 0
@ -971,13 +972,13 @@ jSignatureClass.prototype.resetCanvas = function(data){
ctx.shadowColor = ctx.strokeStyle
ctx.shadowOffsetX = ctx.lineWidth * 0.5
ctx.shadowOffsetY = ctx.lineWidth * -0.6
ctx.shadowBlur = 0
ctx.shadowBlur = 0
}
// setting up new dataEngine
if (!data) { data = [] }
var dataEngine = this.dataEngine = new DataEngine(
data
, this
@ -996,7 +997,7 @@ jSignatureClass.prototype.resetCanvas = function(data){
'use strict'
return function() {
events.publish(apinamespace+'.change')
target.trigger('change')
target.trigger('change')
}
})(this.$parent, this.events, apinamespace)
// let's trigger change on all data reloads
@ -1026,9 +1027,9 @@ function initializeCanvasEmulator(canvas){
if (FC) {
canvas = FC.initElement(canvas)
var zoom = 1
// FlashCanvas uses flash which has this annoying habit of NOT scaling with page zoom.
// FlashCanvas uses flash which has this annoying habit of NOT scaling with page zoom.
// It matches pixel-to-pixel to screen instead.
// Since we are targeting ONLY IE 7, 8 with FlashCanvas, we will test the zoom only the IE8, IE7 way
if (window && window.screen && window.screen.deviceXDPI && window.screen.logicalXDPI){
@ -1105,7 +1106,7 @@ jSignatureClass.prototype.initializeCanvas = function(settings) {
canvas.width = $canvas.width()
canvas.height = $canvas.height()
// Special case Sizing code
this.isCanvasEmulator = initializeCanvasEmulator(canvas)
@ -1124,7 +1125,7 @@ jSignatureClass.prototype.initializeCanvas = function(settings) {
var GlobalJSignatureObjectInitializer = function(window){
var globalEvents = new PubSubClass()
// common "window resized" event listener.
// jSignature instances will subscribe to this chanel.
// to resize themselves when needed.
@ -1144,7 +1145,7 @@ var GlobalJSignatureObjectInitializer = function(window){
if (resizetimer) {
clearTimeout(resizetimer)
}
resizetimer = setTimeout(
resizetimer = setTimeout(
runner
, 500
)
@ -1160,13 +1161,13 @@ var GlobalJSignatureObjectInitializer = function(window){
})(globalEvents, apinamespace, $, window)
var jSignatureInstanceExtensions = {
'exampleExtension':function(extensionName){
// we are called very early in instance's life.
// right after the settings are resolved and
// jSignatureInstance.events is created
// right after the settings are resolved and
// jSignatureInstance.events is created
// and right before first ("jSignature.initializing") event is called.
// You don't really need to manupilate
// You don't really need to manupilate
// jSignatureInstance directly, just attach
// a bunch of events to jSignatureInstance.events
// (look at the source of jSignatureClass to see when these fire)
@ -1201,7 +1202,7 @@ var GlobalJSignatureObjectInitializer = function(window){
}
)
}
}
var exportplugins = {
@ -1210,12 +1211,12 @@ var GlobalJSignatureObjectInitializer = function(window){
, 'image':function(data){
/*this = canvas elem */
var imagestring = this.toDataURL()
if (typeof imagestring === 'string' &&
imagestring.length > 4 &&
if (typeof imagestring === 'string' &&
imagestring.length > 4 &&
imagestring.slice(0,5) === 'data:' &&
imagestring.indexOf(',') !== -1){
var splitterpos = imagestring.indexOf(',')
return [
@ -1230,9 +1231,9 @@ var GlobalJSignatureObjectInitializer = function(window){
// will be part of "importplugins"
function _renderImageOnCanvas( data, formattype, rerendercallable ) {
'use strict'
// #1. Do NOT rely on this. No worky on IE
// #1. Do NOT rely on this. No worky on IE
// (url max len + lack of base64 decoder + possibly other issues)
// #2. This does NOT affect what is captured as "signature" as far as vector data is
// #2. This does NOT affect what is captured as "signature" as far as vector data is
// concerned. This is treated same as "signature line" - i.e. completely ignored
// the only time you see imported image data exported is if you export as image.
@ -1240,20 +1241,32 @@ var GlobalJSignatureObjectInitializer = function(window){
// because importing image does absolutely nothing to the underlying vector data storage
// This could be a way to "import" old signatures stored as images
// This could also be a way to import extra decor into signature area.
var img = new Image()
// this = Canvas DOM elem. Not jQuery object. Not Canvas's parent div.
, c = this
img.onload = function() {
var ctx = c.getContext("2d").drawImage(
img, 0, 0
, ( img.width < c.width) ? img.width : c.width
, ( img.height < c.height) ? img.height : c.height
)
}
img.src = 'data:' + formattype + ',' + data
// var img = new Image()
// // this = Canvas DOM elem. Not jQuery object. Not Canvas's parent div.
// , c = this
//
// img.onload = function() {
// var ctx = c.getContext("2d").drawImage(
// img, 0, 0
// , ( img.width < c.width) ? img.width : c.width
// , ( img.height < c.height) ? img.height : c.height
// )
// }
//
// img.src = 'data:' + formattype + ',' + data
var c = new Image,
e = this;
c.onload = function() {
var a = e.getContext("2d"),
b = a.shadowColor;
a.shadowColor = "transparent";
a.drawImage(c, 0, 0, c.width < e.width ? c.width : e.width, c.height <
e.height ? c.height : e.height);
a.shadowColor = b
};
c.src = "data:" + formattype + "," + data
}
var importplugins = {
@ -1281,7 +1294,7 @@ var GlobalJSignatureObjectInitializer = function(window){
if (formattype === undef && typeof data === 'string' && data.substr(0,5) === 'data:') {
formattype = data.slice(5).split(',')[0]
// 5 chars of "data:" + mimetype len + 1 "," char = all skipped.
data = data.slice(6 + formattype.length)
data = data.slice(6 + formattype.length)
if (formattype === data) return
}
@ -1294,7 +1307,7 @@ var GlobalJSignatureObjectInitializer = function(window){
$canvas[0]
, data
, formattype
, (function(jSignatureInstance){
, (function(jSignatureInstance){
return function(){ return jSignatureInstance.resetCanvas.apply(jSignatureInstance, arguments) }
})($canvas.data(apinamespace+'.this'))
)
@ -1307,7 +1320,7 @@ var GlobalJSignatureObjectInitializer = function(window){
var topOfDOM = false
e = e.parentNode
while (e && !topOfDOM){
topOfDOM = $(e).find(".oe_form")
topOfDOM = $(e).find(".o_form_view")
e = e.parentNode
}
return !topOfDOM
@ -1319,7 +1332,7 @@ var GlobalJSignatureObjectInitializer = function(window){
'init' : function( options ) {
return this.each( function() {
if (!elementIsOrphan(this)) {
new jSignatureClass(this, options, jSignatureInstanceExtensions)
new jSignatureClass(this, options, jSignatureInstanceExtensions)
}
})
}
@ -1353,7 +1366,7 @@ var GlobalJSignatureObjectInitializer = function(window){
, 'getData' : function( formattype ) {
var undef, $canvas=this.find('canvas.'+apinamespace).add(this.filter('canvas.'+apinamespace))
if (formattype === undef) formattype = 'default'
if ($canvas.length !== 0 && exportplugins.hasOwnProperty(formattype)){
if ($canvas.length !== 0 && exportplugins.hasOwnProperty(formattype)){
return exportplugins[formattype].call(
$canvas.get(0) // canvas dom elem
, $canvas.data(apinamespace+'.data') // raw signature data as array of objects of arrays
@ -1373,7 +1386,7 @@ var GlobalJSignatureObjectInitializer = function(window){
.data(apinamespace+'.this').events
}
} // end of methods declaration.
$.fn[apinamespace] = function(method) {
'use strict'
if ( !method || typeof method === 'object' ) {

194
web_widget_digitized_signature/static/src/js/digital_sign.js

@ -2,121 +2,155 @@ odoo.define('web_widget_digitized_signature.web_digital_sign', function(require)
"use strict";
var core = require('web.core');
var FormView = require('web.FormView');
var BasicFields= require('web.basic_fields');
var FormController = require('web.FormController');
var Registry = require('web.field_registry');
var utils = require('web.utils');
var session = require('web.session');
var Model = require('web.Model');
var field_utils = require('web.field_utils');
var _t = core._t;
var QWeb = core.qweb;
var FieldSignature = core.form_widget_registry.map.image.extend({
var FieldSignature = BasicFields.FieldBinaryImage.extend({
template: 'FieldSignature',
events: _.extend({}, BasicFields.FieldBinaryImage.prototype.events, {
'click .save_sign': '_on_save_sign',
'click #sign_clean': '_on_clear_sign'
}),
jsLibs: ['/web_widget_digitized_signature/static/lib/jSignature/jSignatureCustom.js'],
placeholder: "/web/static/src/img/placeholder.png",
initialize_content: function() {
var self = this;
this.$el.find('> img').remove();
this.$el.find('.signature > canvas').remove();
var sign_options = {'decor-color' : '#D1D0CE', 'color': '#000', 'background-color': '#fff','height':'150','width':'550'};
this.$el.find(".signature").jSignature("init",sign_options);
this.$el.find(".signature").attr({"tabindex": "0",'height':"100"});
this.empty_sign = this.$el.find(".signature").jSignature("getData",'image');
this.$el.find('#sign_clean').click(this.on_clear_sign);
this.$el.find('.save_sign').click(this.on_save_sign);
init: function() {
this._super.apply(this, arguments);
this.$('> img').remove();
this.$('.signature > canvas').remove();
this.sign_options = {
'decor-color': '#D1D0CE',
'color': '#000',
'background-color': '#fff',
'height': '150',
'width': '550'
};
this.empty_sign = [];
},
on_clear_sign: function() {
start: function() {
var self = this;
this.$el.find(".signature > canvas").remove();
this.$el.find('> img').remove();
this.$el.find(".signature").attr("tabindex", "0");
var sign_options = {'decor-color' : '#D1D0CE', 'color': '#000', 'background-color': '#fff','height':'150','width':'550','clear': true};
this.$el.find(".signature").jSignature(sign_options);
this.$el.find(".signature").focus();
self.set('value', false);
this.$(".signature").jSignature("init", this.sign_options);
this.$(".signature").attr({
"tabindex": "0",
'height': "100"
});
this.empty_sign = this.$(".signature").jSignature("getData", 'image');
self._render();
},
_on_clear_sign: function() {
this.$(".signature > canvas").remove();
this.$('> img').remove();
this.$(".signature").attr("tabindex", "0");
var sign_options = {
'decor-color': '#D1D0CE',
'color': '#000',
'background-color': '#fff',
'height': '150',
'width': '550',
'clear': true
};
this.$(".signature").jSignature(sign_options);
this.$(".signature").focus();
this._setValue(false);
},
on_save_sign: function(value_) {
_on_save_sign: function(value_) {
var self = this;
this.$el.find('> img').remove();
var signature = self.$el.find(".signature").jSignature("getData",'image');
var is_empty = signature
? self.empty_sign[1] === signature[1]
: false;
if (! is_empty && typeof signature !== "undefined" && signature[1]) {
self.set('value',signature[1]);
this.$('> img').remove();
var signature = this.$(".signature").jSignature("getData", 'image');
var is_empty = signature ?
self.empty_sign[1] === signature[1] :
false;
if (!is_empty && typeof signature !== "undefined" && signature[1]) {
this._setValue(signature[1]);
}
},
render_value: function() {
_render: function() {
var self = this;
var url = this.placeholder;
if (this.get('value') && !utils.is_bin_size(this.get('value'))) {
url = 'data:image/png;base64,' + this.get('value');
} else if (this.get('value')) {
url = this.session.url('/web/binary/image', {
model: this.view.dataset.model,
id: JSON.stringify(this.view.datarecord.id || null),
field: this.options.preview_image
? this.options.preview_image
: this.name,
t: new Date().getTime()
if (this.value && !utils.is_bin_size(this.value)) {
url = 'data:image/png;base64,' + this.value;
} else if (this.value) {
url = session.url('/web/image', {
model: this.model,
id: JSON.stringify(this.res_id),
field: this.nodeOptions.preview_image || this.name,
unique: field_utils.format.datetime(this.recordData.__last_update).replace(/[^0-9]/g, ''),
});
} else {
url = this.placeholder;
}
if (this.view.get("actual_mode") === 'view') {
var $img = $(QWeb.render("FieldBinaryImage-extend", { widget: this, url: url }));
this.$el.find('> img').remove();
this.$el.find(".signature").hide();
if (this.mode === "readonly") {
var $img = $(QWeb.render("FieldBinaryImage-img", {
widget: self,
url: url
}));
this.$('> img').remove();
this.$(".signature").hide();
this.$el.prepend($img);
$img.load(function() {
if (! self.options.size) {
return;
}
$img.css("max-width", "" + self.options.size[0] + "px");
$img.css("max-height", "" + self.options.size[1] + "px");
$img.css("margin-left", "" + (self.options.size[0] - $img.width()) / 2 + "px");
$img.css("margin-top", "" + (self.options.size[1] - $img.height()) / 2 + "px");
});
$img.on('error', function() {
self.on_clear();
$img.attr('src', self.placeholder);
self.do_warn(_t("Image"), _t("Could not display the selected image."));
});
} else if (this.view.get("actual_mode") === 'edit') {
this.$el.find('> img').remove();
if (this.get('value')) {
var field_name = this.options.preview_image
? this.options.preview_image
: this.name;
new Model(this.view.dataset.model).call("read", [this.view.datarecord.id, [field_name]]).done(function(data) {
} else if (this.mode === "edit") {
this.$('> img').remove();
if (this.value) {
var field_name = this.nodeOptions.preview_image ?
this.nodeOptions.preview_image :
this.name;
self._rpc({
model: this.model,
method: 'read',
args: [this.res_id, [field_name]]
}).done(function(data) {
if (data) {
var field_desc = _.values(_.pick(data, field_name));
self.$el.find(".signature").jSignature("reset");
self.$el.find(".signature").jSignature("setData",'data:image/png;base64,'+field_desc[0]);
var field_desc = _.values(_.pick(data[0], field_name));
self.$(".signature").jSignature("clear");
self.$(".signature").jSignature("setData", 'data:image/png;base64,' + field_desc[0]);
}
});
} else {
this.$el.find('> img').remove();
this.$el.find('.signature > canvas').remove();
var sign_options = {'decor-color' : '#D1D0CE', 'color': '#000','background-color': '#fff','height':'150','width':'550'};
this.$el.find(".signature").jSignature("init",sign_options);
this.$('> img').remove();
this.$('.signature > canvas').remove();
var sign_options = {
'decor-color': '#D1D0CE',
'color': '#000',
'background-color': '#fff',
'height': '150',
'width': '550'
};
this.$(".signature").jSignature("init", sign_options);
}
} else if (this.mode === 'create') {
this.$('> img').remove();
this.$('> canvas').remove();
if (!this.value) {
this.$(".signature").empty().jSignature("init", {
'decor-color': '#D1D0CE',
'color': '#000',
'background-color': '#fff',
'height': '150',
'width': '550'
});
}
} else if (this.view.get("actual_mode") === 'create') {
this.$el.find('> img').remove();
this.$el.find('> canvas').remove();
if (!this.get('value')) {
this.$el.find(".signature").empty().jSignature("init",{'decor-color' : '#D1D0CE', 'color': '#000','background-color': '#fff','height':'150','width':'550'});
}
}
}
}
});
core.form_widget_registry.add('signature', FieldSignature);
FormView.include({
save: function() {
this.$el.find('.save_sign').click();
FormController.include({
saveRecord: function() {
this.$('.save_sign').click();
return this._super.apply(this, arguments);
}
});
});
Registry.add('signature', FieldSignature);
});

36
web_widget_digitized_signature/static/src/xml/digital_sign.xml

@ -1,24 +1,22 @@
<?xml version="1.0" encoding="UTF-8" ?>
<template id="template" xml:space="preserve">
<templates id="template" xml:space="preserve">
<t t-name="FieldSignature">
<div class="panel panel-default mt16 mb0 " id="drawsign">
<div class="panel-heading oe_edit_only">
<div class="pull-right">
<a id="sign_clean" class="btn btn-xs oe_edit_only">Clear</a>
<a class="oe_edit_only save_sign"></a>
<t t-if="widget.mode != 'readonly'">
<div class="panel panel-default mt16 mb0 oe_edit_only" id="drawsign">
<div class="panel-heading">
<div class="pull-right">
<a id="sign_clean" class="btn btn-xs oe_edit_only">Clear</a>
<a class="oe_edit_only save_sign"></a>
</div>
<strong>Draw your signature</strong>
</div>
<strong>Draw your signature</strong>
<div class="signature"></div>
</div>
<div class="signature panel-body"></div>
</div>
</t>
<t t-name="FieldBinaryImage-extend">
<img t-att-src='url'
t-att-border="widget.readonly ? 0 : 1"
t-att-name="widget.name"
t-att-width="widget.node.attrs.img_width || widget.node.attrs.width"
t-att-height="widget.node.attrs.img_height || widget.node.attrs.height"
t-att-tabindex="widget.node.attrs.img_tabindex || widget.node.attrs.tabindex"
/>
</t>
<t t-if="widget.mode == 'readonly'">
<div class="panel panel-default mt16 mb0 " id="drawsign">
<div class="signature"></div>
</div>
</t>
</t>
</template>
</templates>

1
web_widget_digitized_signature/tests/__init__.py

@ -1,4 +1,3 @@
# -*- coding: utf-8 -*-
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
from . import test_signature_tracking

5
web_widget_digitized_signature/tests/test_signature_tracking.py

@ -1,4 +1,3 @@
# -*- coding: utf-8 -*-
# Copyright 2017 Tecnativa - Pedro M. Baeza
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
@ -25,14 +24,14 @@ class TestSignatureTracking(common.SavepointCase):
direct chatter"""
prev_attachment_num = self.attachment_obj.search_count([])
prev_messages = self.message_obj.search([])
self.user.signature_image = self.image
self.user.digital_signature = self.image
current_attachment_num = self.attachment_obj.search_count([])
self.assertEqual(current_attachment_num - prev_attachment_num, 1)
current_messages = self.message_obj.search([])
message = current_messages - prev_messages
self.assertIn('Signature has been created.', message.body)
prev_messages = current_messages
self.user.signature_image = False
self.user.digital_signature = False
current_messages = self.message_obj.search([])
message = current_messages - prev_messages
self.assertIn('Signature has been deleted.', message.body)

20
web_widget_digitized_signature/views/res_users_view.xml

@ -4,22 +4,26 @@
<record id="inherited_res_users_form" model="ir.ui.view">
<field name="name">inherited.res.users.form</field>
<field name="model">res.users</field>
<field name="inherit_id" ref="base.view_users_form"/>
<field name="inherit_id" ref="base.view_users_form" />
<field name="arch" type="xml">
<xpath expr="//field[@name='signature']" position="after">
<label for="signature_image" class="oe_edit_only"/>
<h2><field name="signature_image" widget="signature"/></h2>
<label for="digital_signature" string="Signature" class="oe_edit_only" />
<h2>
<field name="digital_signature" widget="signature"/>
</h2>
</xpath>
</field>
</record>
<record id="view_users_form_simple_modif" model="ir.ui.view">
<field name="name">res.users.preferences.form</field>
<record id="inherited_res_users_preferences_form" model="ir.ui.view">
<field name="name">inherited.res.users.preferences.form</field>
<field name="model">res.users</field>
<field name="inherit_id" ref="base.view_users_form_simple_modif"/>
<field name="inherit_id" ref="base.view_users_form_simple_modif" />
<field name="arch" type="xml">
<xpath expr="//field[@name='signature']" position="after">
<label for="signature_image" class="oe_edit_only"/>
<h2><field name="signature_image" widget="signature"/></h2>
<label for="digital_signature" string="Signature" class="oe_edit_only"/>
<h2>
<field name="digital_signature" widget="signature"/>
</h2>
</xpath>
</field>
</record>

1
web_widget_digitized_signature/views/web_digital_sign_view.xml

@ -3,7 +3,6 @@
<template id="web_widget_digitized_signature_backend" name="web_widget_digitized_signature assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<script type="text/javascript" src="/web_widget_digitized_signature/static/lib/jSignature/jSignatureCustom.js"></script>
<script type="text/javascript" src="/web_widget_digitized_signature/static/src/js/digital_sign.js"></script>
</xpath>
</template>

Loading…
Cancel
Save