Browse Source

[ADD] web_widget_digitized_signature

pull/725/head
cubells 7 years ago
committed by eLBati
parent
commit
705af75b40
  1. 70
      web_widget_digitized_signature/README.rst
  2. 6
      web_widget_digitized_signature/__init__.py
  3. 29
      web_widget_digitized_signature/__openerp__.py
  4. 79
      web_widget_digitized_signature/i18n/es.po
  5. 7
      web_widget_digitized_signature/models/__init__.py
  6. 40
      web_widget_digitized_signature/models/mail_thread.py
  7. 16
      web_widget_digitized_signature/models/res_users.py
  8. BIN
      web_widget_digitized_signature/static/description/icon.png
  9. 1392
      web_widget_digitized_signature/static/lib/jSignature/jSignatureCustom.js
  10. 122
      web_widget_digitized_signature/static/src/js/digital_sign.js
  11. 24
      web_widget_digitized_signature/static/src/xml/digital_sign.xml
  12. 27
      web_widget_digitized_signature/views/res_users_view.xml
  13. 11
      web_widget_digitized_signature/views/web_digital_sign_view.xml

70
web_widget_digitized_signature/README.rst

@ -0,0 +1,70 @@
.. 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
=======================
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.
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"/>``
Usage
=====
#. Go to *Settings > Users > Users*.
#. 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/9.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.
Credits
=======
Images
------
* Odoo Community Association: `Icon <https://github.com/OCA/maintainer-tools/blob/master/template/module/static/description/icon.svg>`_.
Contributors
------------
* Jay Vora <jay.vora@serpentcs.com>
* Vicent Cubells <vicent.cubells@tecnativa.com>
Maintainer
----------
.. 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.

6
web_widget_digitized_signature/__init__.py

@ -0,0 +1,6 @@
# -*- 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).
from . import models

29
web_widget_digitized_signature/__openerp__.py

@ -0,0 +1,29 @@
# -*- 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
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
{
"name": "Web Widget Digitized Signature",
"version": "9.0.1.0.0",
"author": "Serpent Consulting Services Pvt. Ltd., "
"Agile Business Group, "
"Tecnativa, "
"Odoo Community Association (OCA)",
"license": "AGPL-3",
"category": 'Web',
'depends': [
'web',
'mail',
],
'data': [
'views/web_digital_sign_view.xml',
'views/res_users_view.xml',
],
'website': 'http://www.serpentcs.com',
'qweb': [
'static/src/xml/digital_sign.xml',
],
'installable': True,
}

79
web_widget_digitized_signature/i18n/es.po

@ -0,0 +1,79 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * web_widget_digitized_signature
#
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 9.0c\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2017-07-11 04:42+0000\n"
"PO-Revision-Date: 2017-07-11 04:42+0000\n"
"Last-Translator: <>\n"
"Language-Team: \n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Plural-Forms: \n"
#. module: web_widget_digitized_signature
#. openerp-web
#: code:addons/web_widget_digitized_signature/static/src/xml/digital_sign.xml:7
#, python-format
msgid "Clear"
msgstr "Limpiar"
#. module: web_widget_digitized_signature
#. openerp-web
#: code:addons/web_widget_digitized_signature/static/src/js/digital_sign.js:81
#, python-format
msgid "Could not display the selected image."
msgstr "No se puede mostrar la imagen seleccionada."
#. module: web_widget_digitized_signature
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:26
#, python-format
msgid "Deletion date: %s"
msgstr "Fecha de eliminación: %s"
#. module: web_widget_digitized_signature
#. openerp-web
#: code:addons/web_widget_digitized_signature/static/src/xml/digital_sign.xml:10
#, python-format
msgid "Draw your signature"
msgstr "Dibuje su firma"
#. module: web_widget_digitized_signature
#. openerp-web
#: code:addons/web_widget_digitized_signature/static/src/js/digital_sign.js:81
#, python-format
msgid "Image"
msgstr "Imagen"
#. module: web_widget_digitized_signature
#: model:ir.model.fields,field_description:web_widget_digitized_signature.field_res_users_signature_image
msgid "Signature"
msgstr "Firma"
#. module: web_widget_digitized_signature
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:23
#, python-format
msgid "Signature date: %s"
msgstr "Fecha de la firma: %s"
#. module: web_widget_digitized_signature
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:21
#, python-format
msgid "Signature has been created."
msgstr "La firma se ha creado."
#. module: web_widget_digitized_signature
#: code:addons/web_widget_digitized_signature/models/mail_thread.py:25
#, python-format
msgid "Signature has been deleted."
msgstr "La firma se ha eliminado."
#. module: web_widget_digitized_signature
#: model:ir.model,name:web_widget_digitized_signature.model_res_users
msgid "Users"
msgstr "Usuarios"

7
web_widget_digitized_signature/models/__init__.py

@ -0,0 +1,7 @@
# -*- 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).
from . import mail_thread
from . import res_users

40
web_widget_digitized_signature/models/mail_thread.py

@ -0,0 +1,40 @@
# -*- 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
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
import base64
from openerp import _, models, fields
class MailThread(models.Model):
_inherit = "mail.thread"
def _track_signature(self, values, field):
""" This method allows to track creation and deletion of signature
field. You must call this method in order to display a message
in the chatter with information of the changes in the signature.
:param values: a dict with the values being written
:param field: name of the field that must be tracked
"""
if field in values:
attachments = []
messages = []
if values.get(field):
content = base64.b64decode(values.get(field))
attachments = [('signature', content)]
messages.append(_('Signature has been created.'))
messages.append(
_('Signature date: %s' % fields.Datetime.now()))
else:
messages.append(_('Signature has been deleted.'))
messages.append(_('Deletion date: %s' % fields.Datetime.now()))
msg_body = '<ul>'
for message in messages:
msg_body += '<li>'
msg_body += message
msg_body += '</li>'
msg_body += '</ul>'
self.message_post(body=msg_body, attachments=attachments)

16
web_widget_digitized_signature/models/res_users.py

@ -0,0 +1,16 @@
# -*- 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
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
from openerp import models, fields
class Users(models.Model):
_name = 'res.users'
_inherit = 'res.users'
signature_image = fields.Binary(
string='Signature',
)

BIN
web_widget_digitized_signature/static/description/icon.png

After

Width: 128  |  Height: 128  |  Size: 8.9 KiB

1392
web_widget_digitized_signature/static/lib/jSignature/jSignatureCustom.js
File diff suppressed because it is too large
View File

122
web_widget_digitized_signature/static/src/js/digital_sign.js

@ -0,0 +1,122 @@
odoo.define('web_widget_digitized_signature.web_digital_sign', function(require) {
"use strict";
var core = require('web.core');
var FormView = require('web.FormView');
var utils = require('web.utils');
var session = require('web.session');
var Model = require('web.Model');
var _t = core._t;
var QWeb = core.qweb;
var FieldSignature = core.form_widget_registry.map.image.extend({
template: 'FieldSignature',
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);
},
on_clear_sign: 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);
},
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]);
}
},
render_value: 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()
});
} 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();
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.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) {
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]);
}
});
} 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);
}
} 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();
return this._super.apply(this, arguments);
}
});
});

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

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8" ?>
<template 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>
</div>
<strong>Draw your signature</strong>
</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>
</template>

27
web_widget_digitized_signature/views/res_users_view.xml

@ -0,0 +1,27 @@
<?xml version="1.0" ?>
<odoo>
<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="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>
</xpath>
</field>
</record>
<record id="view_users_form_simple_modif" model="ir.ui.view">
<field name="name">res.users.preferences.form</field>
<field name="model">res.users</field>
<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>
</xpath>
</field>
</record>
</odoo>

11
web_widget_digitized_signature/views/web_digital_sign_view.xml

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<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>
</odoo>
Loading…
Cancel
Save