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. 74
      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. 41
      web_widget_digitized_signature/static/lib/jSignature/jSignatureCustom.js
  14. 188
      web_widget_digitized_signature/static/src/js/digital_sign.js
  15. 24
      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. 16
      web_widget_digitized_signature/views/res_users_view.xml
  19. 1
      web_widget_digitized_signature/views/web_digital_sign_view.xml

74
web_widget_digitized_signature/README.rst

@ -1,10 +1,29 @@
.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
==============================
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 :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
:alt: License: AGPL-3 :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
=======================
Web Digitized Signature
=======================
|badge1| |badge2| |badge3| |badge4| |badge5|
This module provides a widget for binary fields that allows to digitize a This module provides a widget for binary fields that allows to digitize a
signature and store it as an image. 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 As demonstration, it includes this widget at user level, so that we can store
a signature image for each user. a signature image for each user.
**Table of contents**
.. contents::
:local:
Configuration Configuration
============= =============
#. To use this module, you need to add ``widget="signature"`` to your binary #. To use this module, you need to add ``widget="signature"`` to your binary
field in your view. field in your view.
#. You can specifify signature dimensions like the following: #. 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 Usage
===== =====
@ -27,44 +52,47 @@ Usage
#. Open one of the existing users. #. Open one of the existing users.
#. You can set a digital signature for it on the field "Signature". #. 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 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 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 Contributors
------------
~~~~~~~~~~~~
* Jay Vora <jay.vora@serpentcs.com> * Jay Vora <jay.vora@serpentcs.com>
* Tecnativa <https://www.tecnativa.com>:
* Vicent Cubells <vicent.cubells@tecnativa.com> * Vicent Cubells <vicent.cubells@tecnativa.com>
Maintainer
----------
Maintainers
~~~~~~~~~~~
This module is maintained by the OCA.
.. image:: https://odoo-community.org/logo.png .. image:: https://odoo-community.org/logo.png
:alt: Odoo Community Association :alt: Odoo Community Association
:target: https://odoo-community.org :target: https://odoo-community.org
This module is maintained by the OCA.
OCA, or the Odoo Community Association, is a nonprofit organization whose OCA, or the Odoo Community Association, is a nonprofit organization whose
mission is to support the collaborative development of Odoo features and mission is to support the collaborative development of Odoo features and
promote its widespread use. 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 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd. # Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). # 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 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd. # Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# Copyright 2017 Tecnativa - Vicent Cubells # Copyright 2017 Tecnativa - Vicent Cubells
@ -6,11 +5,12 @@
{ {
"name": "Web Widget Digitized Signature", "name": "Web Widget Digitized Signature",
"version": "10.0.0.1.0",
"version": "11.0.0.1.0",
"author": "Serpent Consulting Services Pvt. Ltd., " "author": "Serpent Consulting Services Pvt. Ltd., "
"Agile Business Group, " "Agile Business Group, "
"Tecnativa, " "Tecnativa, "
"Odoo Community Association (OCA)", "Odoo Community Association (OCA)",
'website': 'https://github.com/OCA/web',
"license": "AGPL-3", "license": "AGPL-3",
"category": 'Web', "category": 'Web',
'depends': [ 'depends': [
@ -21,7 +21,6 @@
'views/web_digital_sign_view.xml', 'views/web_digital_sign_view.xml',
'views/res_users_view.xml', 'views/res_users_view.xml',
], ],
'website': 'http://www.serpentcs.com',
'qweb': [ 'qweb': [
'static/src/xml/digital_sign.xml', 'static/src/xml/digital_sign.xml',
], ],

24
web_widget_digitized_signature/i18n/web_widget_digitized_signature.pot

@ -4,8 +4,10 @@
# #
msgid "" msgid ""
msgstr "" msgstr ""
"Project-Id-Version: Odoo Server 10.0\n"
"Project-Id-Version: Odoo Server 11.0\n"
"Report-Msgid-Bugs-To: \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" "Last-Translator: <>\n"
"Language-Team: \n" "Language-Team: \n"
"MIME-Version: 1.0\n" "MIME-Version: 1.0\n"
@ -15,27 +17,27 @@ msgstr ""
#. module: web_widget_digitized_signature #. module: web_widget_digitized_signature
#. openerp-web #. 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 #, python-format
msgid "Clear" msgid "Clear"
msgstr "" msgstr ""
#. module: web_widget_digitized_signature #. module: web_widget_digitized_signature
#. openerp-web #. 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 #, python-format
msgid "Could not display the selected image." msgid "Could not display the selected image."
msgstr "" msgstr ""
#. module: web_widget_digitized_signature #. 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 #, python-format
msgid "Deletion date: %s" msgid "Deletion date: %s"
msgstr "" msgstr ""
#. module: web_widget_digitized_signature #. module: web_widget_digitized_signature
#. openerp-web #. 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 #, python-format
msgid "Draw your signature" msgid "Draw your signature"
msgstr "" msgstr ""
@ -47,30 +49,32 @@ msgstr ""
#. module: web_widget_digitized_signature #. module: web_widget_digitized_signature
#. openerp-web #. 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 #, python-format
msgid "Image" msgid "Image"
msgstr "" msgstr ""
#. module: web_widget_digitized_signature #. 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" msgid "Signature"
msgstr "" msgstr ""
#. module: web_widget_digitized_signature #. 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 #, python-format
msgid "Signature date: %s" msgid "Signature date: %s"
msgstr "" msgstr ""
#. module: web_widget_digitized_signature #. 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 #, python-format
msgid "Signature has been created." msgid "Signature has been created."
msgstr "" msgstr ""
#. module: web_widget_digitized_signature #. 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 #, python-format
msgid "Signature has been deleted." msgid "Signature has been deleted."
msgstr "" 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 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd. # Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). # 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 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd. # Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# Copyright 2017 Tecnativa - Vicent Cubells # 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 2004-2010 OpenERP SA (<http://www.openerp.com>)
# Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd. # Copyright 2011-2015 Serpent Consulting Services Pvt. Ltd.
# Copyright 2017 Tecnativa - Vicent Cubells # Copyright 2017 Tecnativa - Vicent Cubells
@ -11,17 +10,18 @@ class ResUsers(models.Model):
_name = 'res.users' _name = 'res.users'
_inherit = ['res.users', 'mail.thread'] _inherit = ['res.users', 'mail.thread']
signature_image = fields.Binary(
digital_signature = fields.Binary(
string='Signature', string='Signature',
oldname="signature_image",
) )
@api.model @api.model
def create(self, vals): def create(self, vals):
res = super(ResUsers, self).create(vals) res = super(ResUsers, self).create(vals)
res._track_signature(vals, 'signature_image')
res._track_signature(vals, 'digital_signature')
return res return res
@api.multi @api.multi
def write(self, vals): def write(self, vals):
self._track_signature(vals, 'signature_image')
self._track_signature(vals, 'digital_signature')
return super(ResUsers, self).write(vals) 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>

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

@ -5,6 +5,7 @@ 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() { ;(function() {
var apinamespace = 'jSignature' var apinamespace = 'jSignature'
@ -1241,19 +1242,31 @@ var GlobalJSignatureObjectInitializer = function(window){
// This could be a way to "import" old signatures stored as images // 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. // 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 = { var importplugins = {
@ -1307,7 +1320,7 @@ var GlobalJSignatureObjectInitializer = function(window){
var topOfDOM = false var topOfDOM = false
e = e.parentNode e = e.parentNode
while (e && !topOfDOM){ while (e && !topOfDOM){
topOfDOM = $(e).find(".oe_form")
topOfDOM = $(e).find(".o_form_view")
e = e.parentNode e = e.parentNode
} }
return !topOfDOM return !topOfDOM

188
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"; "use strict";
var core = require('web.core'); 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 utils = require('web.utils');
var session = require('web.session'); var session = require('web.session');
var Model = require('web.Model');
var field_utils = require('web.field_utils');
var _t = core._t; var _t = core._t;
var QWeb = core.qweb; var QWeb = core.qweb;
var FieldSignature = core.form_widget_registry.map.image.extend({
var FieldSignature = BasicFields.FieldBinaryImage.extend({
template: 'FieldSignature', 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", 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; 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; 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;
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]) { if (!is_empty && typeof signature !== "undefined" && signature[1]) {
self.set('value',signature[1]);
this._setValue(signature[1]);
} }
}, },
render_value: function() {
_render: function() {
var self = this; var self = this;
var url = this.placeholder; 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 { } else {
url = this.placeholder; 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); 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() { $img.on('error', function() {
self.on_clear();
$img.attr('src', self.placeholder); $img.attr('src', self.placeholder);
self.do_warn(_t("Image"), _t("Could not display the selected image.")); 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) { 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 { } 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.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'});
} 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'
});
} }
} }
} }
}); });
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); return this._super.apply(this, arguments);
} }
}); });
});
Registry.add('signature', FieldSignature);
});

24
web_widget_digitized_signature/static/src/xml/digital_sign.xml

@ -1,24 +1,22 @@
<?xml version="1.0" encoding="UTF-8" ?> <?xml version="1.0" encoding="UTF-8" ?>
<template id="template" xml:space="preserve">
<templates id="template" xml:space="preserve">
<t t-name="FieldSignature"> <t t-name="FieldSignature">
<div class="panel panel-default mt16 mb0 " id="drawsign">
<div class="panel-heading oe_edit_only">
<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"> <div class="pull-right">
<a id="sign_clean" class="btn btn-xs oe_edit_only">Clear</a> <a id="sign_clean" class="btn btn-xs oe_edit_only">Clear</a>
<a class="oe_edit_only save_sign"></a> <a class="oe_edit_only save_sign"></a>
</div> </div>
<strong>Draw your signature</strong> <strong>Draw your signature</strong>
</div> </div>
<div class="signature panel-body"></div>
<div class="signature"></div>
</div>
</t>
<t t-if="widget.mode == 'readonly'">
<div class="panel panel-default mt16 mb0 " id="drawsign">
<div class="signature"></div>
</div> </div>
</t> </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>
</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). # License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
from . import test_signature_tracking 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 # Copyright 2017 Tecnativa - Pedro M. Baeza
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). # License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
@ -25,14 +24,14 @@ class TestSignatureTracking(common.SavepointCase):
direct chatter""" direct chatter"""
prev_attachment_num = self.attachment_obj.search_count([]) prev_attachment_num = self.attachment_obj.search_count([])
prev_messages = self.message_obj.search([]) 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([]) current_attachment_num = self.attachment_obj.search_count([])
self.assertEqual(current_attachment_num - prev_attachment_num, 1) self.assertEqual(current_attachment_num - prev_attachment_num, 1)
current_messages = self.message_obj.search([]) current_messages = self.message_obj.search([])
message = current_messages - prev_messages message = current_messages - prev_messages
self.assertIn('Signature has been created.', message.body) self.assertIn('Signature has been created.', message.body)
prev_messages = current_messages prev_messages = current_messages
self.user.signature_image = False
self.user.digital_signature = False
current_messages = self.message_obj.search([]) current_messages = self.message_obj.search([])
message = current_messages - prev_messages message = current_messages - prev_messages
self.assertIn('Signature has been deleted.', message.body) self.assertIn('Signature has been deleted.', message.body)

16
web_widget_digitized_signature/views/res_users_view.xml

@ -7,19 +7,23 @@
<field name="inherit_id" ref="base.view_users_form" /> <field name="inherit_id" ref="base.view_users_form" />
<field name="arch" type="xml"> <field name="arch" type="xml">
<xpath expr="//field[@name='signature']" position="after"> <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> </xpath>
</field> </field>
</record> </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="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"> <field name="arch" type="xml">
<xpath expr="//field[@name='signature']" position="after"> <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> </xpath>
</field> </field>
</record> </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"> <template id="web_widget_digitized_signature_backend" name="web_widget_digitized_signature assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside"> <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> <script type="text/javascript" src="/web_widget_digitized_signature/static/src/js/digital_sign.js"></script>
</xpath> </xpath>
</template> </template>

Loading…
Cancel
Save