diff --git a/web_widget_digitized_signature/README.rst b/web_widget_digitized_signature/README.rst
new file mode 100644
index 000000000..3bf670cf6
--- /dev/null
+++ b/web_widget_digitized_signature/README.rst
@@ -0,0 +1,59 @@
+.. 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 the functionality to store digital signature image for a record.
+
+Usage
+=====
+
+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:
+```_. 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
+=======
+
+Contributors
+------------
+
+* Mohamed Magdy
+* Jay Vora
+* Lorenzo Battistini
+
+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.
diff --git a/web_widget_digitized_signature/__init__.py b/web_widget_digitized_signature/__init__.py
new file mode 100644
index 000000000..656d9e1ec
--- /dev/null
+++ b/web_widget_digitized_signature/__init__.py
@@ -0,0 +1,11 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+# OpenERP, Open Source Management Solution
+# Copyright (C) 2004-2010 OpenERP SA ()
+# Copyright (C) 2011-2015 Serpent Consulting Services Pvt. Ltd.
+# ().
+#
+# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+#
+##############################################################################
diff --git a/web_widget_digitized_signature/__openerp__.py b/web_widget_digitized_signature/__openerp__.py
new file mode 100644
index 000000000..b8fb97704
--- /dev/null
+++ b/web_widget_digitized_signature/__openerp__.py
@@ -0,0 +1,29 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+# OpenERP, Open Source Management Solution
+# Copyright (C) 2004-2010 OpenERP SA ()
+# Copyright (C) 2011-2015 Serpent Consulting Services Pvt. Ltd.
+# ().
+# Copyright 2015 Lorenzo Battistini - Agile Business Group
+#
+# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+#
+##############################################################################
+
+{
+ "name": "Web Widget Digitized Signature",
+ "version": "8.0.1.0.0",
+ "author": "Serpent Consulting Services Pvt. Ltd., "
+ "Odoo Community Association (OCA)",
+ "category": 'web',
+ "license": "AGPL-3",
+ 'depends': ['web'],
+ 'data': [
+ 'views/we_digital_sign_view.xml',
+ ],
+ 'website': 'http://www.serpentcs.com',
+ 'qweb': ['static/src/xml/digital_sign.xml'],
+ 'installable': True,
+ 'auto_install': False,
+}
diff --git a/web_widget_digitized_signature/static/description/icon.png b/web_widget_digitized_signature/static/description/icon.png
new file mode 100644
index 000000000..a77055280
Binary files /dev/null and b/web_widget_digitized_signature/static/description/icon.png differ
diff --git a/web_widget_digitized_signature/static/lib/excanvas.js b/web_widget_digitized_signature/static/lib/excanvas.js
new file mode 100644
index 000000000..367764b4d
--- /dev/null
+++ b/web_widget_digitized_signature/static/lib/excanvas.js
@@ -0,0 +1,924 @@
+// Copyright 2006 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+// Known Issues:
+//
+// * Patterns are not implemented.
+// * Radial gradient are not implemented. The VML version of these look very
+// different from the canvas one.
+// * Clipping paths are not implemented.
+// * Coordsize. The width and height attribute have higher priority than the
+// width and height style values which isn't correct.
+// * Painting mode isn't implemented.
+// * Canvas width/height should is using content-box by default. IE in
+// Quirks mode will draw the canvas using border-box. Either change your
+// doctype to HTML5
+// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
+// or use Box Sizing Behavior from WebFX
+// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
+// * Non uniform scaling does not correctly scale strokes.
+// * Optimize. There is always room for speed improvements.
+
+// Only add this code if we do not already have a canvas implementation
+if (!document.createElement('canvas').getContext) {
+
+(function() {
+
+ // alias some functions to make (compiled) code shorter
+ var m = Math;
+ var mr = m.round;
+ var ms = m.sin;
+ var mc = m.cos;
+ var abs = m.abs;
+ var sqrt = m.sqrt;
+
+ // this is used for sub pixel precision
+ var Z = 10;
+ var Z2 = Z / 2;
+
+ /**
+ * This funtion is assigned to the elements as element.getContext().
+ * @this {HTMLElement}
+ * @return {CanvasRenderingContext2D_}
+ */
+ function getContext() {
+ return this.context_ ||
+ (this.context_ = new CanvasRenderingContext2D_(this));
+ }
+
+ var slice = Array.prototype.slice;
+
+ /**
+ * Binds a function to an object. The returned function will always use the
+ * passed in {@code obj} as {@code this}.
+ *
+ * Example:
+ *
+ * g = bind(f, obj, a, b)
+ * g(c, d) // will do f.call(obj, a, b, c, d)
+ *
+ * @param {Function} f The function to bind the object to
+ * @param {Object} obj The object that should act as this when the function
+ * is called
+ * @param {*} var_args Rest arguments that will be used as the initial
+ * arguments when the function is called
+ * @return {Function} A new function that has bound this
+ */
+ function bind(f, obj, var_args) {
+ var a = slice.call(arguments, 2);
+ return function() {
+ return f.apply(obj, a.concat(slice.call(arguments)));
+ };
+ }
+
+ var G_vmlCanvasManager_ = {
+ init: function(opt_doc) {
+ if (/MSIE/.test(navigator.userAgent) && !window.opera) {
+ var doc = opt_doc || document;
+ // Create a dummy element so that IE will allow canvas elements to be
+ // recognized.
+ doc.createElement('canvas');
+ doc.attachEvent('onreadystatechange', bind(this.init_, this, doc));
+ }
+ },
+
+ init_: function(doc) {
+ // create xmlns
+ if (!doc.namespaces['g_vml_']) {
+ doc.namespaces.add('g_vml_', 'urn:schemas-microsoft-com:vml',
+ '#default#VML');
+
+ }
+ if (!doc.namespaces['g_o_']) {
+ doc.namespaces.add('g_o_', 'urn:schemas-microsoft-com:office:office',
+ '#default#VML');
+ }
+
+ // Setup default CSS. Only add one style sheet per document
+ if (!doc.styleSheets['ex_canvas_']) {
+ var ss = doc.createStyleSheet();
+ ss.owningElement.id = 'ex_canvas_';
+ ss.cssText = 'canvas{display:inline-block;overflow:hidden;' +
+ // default size is 300x150 in Gecko and Opera
+ 'text-align:left;width:300px;height:150px}' +
+ 'g_vml_\\:*{behavior:url(#default#VML)}' +
+ 'g_o_\\:*{behavior:url(#default#VML)}';
+
+ }
+
+ // find all canvas elements
+ var els = doc.getElementsByTagName('canvas');
+ for (var i = 0; i < els.length; i++) {
+ this.initElement(els[i]);
+ }
+ },
+
+ /**
+ * Public initializes a canvas element so that it can be used as canvas
+ * element from now on. This is called automatically before the page is
+ * loaded but if you are creating elements using createElement you need to
+ * make sure this is called on the element.
+ * @param {HTMLElement} el The canvas element to initialize.
+ * @return {HTMLElement} the element that was created.
+ */
+ initElement: function(el) {
+ if (!el.getContext) {
+
+ el.getContext = getContext;
+
+ // Remove fallback content. There is no way to hide text nodes so we
+ // just remove all childNodes. We could hide all elements and remove
+ // text nodes but who really cares about the fallback content.
+ el.innerHTML = '';
+
+ // do not use inline function because that will leak memory
+ el.attachEvent('onpropertychange', onPropertyChange);
+ el.attachEvent('onresize', onResize);
+
+ var attrs = el.attributes;
+ if (attrs.width && attrs.width.specified) {
+ // TODO: use runtimeStyle and coordsize
+ // el.getContext().setWidth_(attrs.width.nodeValue);
+ el.style.width = attrs.width.nodeValue + 'px';
+ } else {
+ el.width = el.clientWidth;
+ }
+ if (attrs.height && attrs.height.specified) {
+ // TODO: use runtimeStyle and coordsize
+ // el.getContext().setHeight_(attrs.height.nodeValue);
+ el.style.height = attrs.height.nodeValue + 'px';
+ } else {
+ el.height = el.clientHeight;
+ }
+ //el.getContext().setCoordsize_()
+ }
+ return el;
+ }
+ };
+
+ function onPropertyChange(e) {
+ var el = e.srcElement;
+
+ switch (e.propertyName) {
+ case 'width':
+ el.style.width = el.attributes.width.nodeValue + 'px';
+ el.getContext().clearRect();
+ break;
+ case 'height':
+ el.style.height = el.attributes.height.nodeValue + 'px';
+ el.getContext().clearRect();
+ break;
+ }
+ }
+
+ function onResize(e) {
+ var el = e.srcElement;
+ if (el.firstChild) {
+ el.firstChild.style.width = el.clientWidth + 'px';
+ el.firstChild.style.height = el.clientHeight + 'px';
+ }
+ }
+
+ G_vmlCanvasManager_.init();
+
+ // precompute "00" to "FF"
+ var dec2hex = [];
+ for (var i = 0; i < 16; i++) {
+ for (var j = 0; j < 16; j++) {
+ dec2hex[i * 16 + j] = i.toString(16) + j.toString(16);
+ }
+ }
+
+ function createMatrixIdentity() {
+ return [
+ [1, 0, 0],
+ [0, 1, 0],
+ [0, 0, 1]
+ ];
+ }
+
+ function matrixMultiply(m1, m2) {
+ var result = createMatrixIdentity();
+
+ for (var x = 0; x < 3; x++) {
+ for (var y = 0; y < 3; y++) {
+ var sum = 0;
+
+ for (var z = 0; z < 3; z++) {
+ sum += m1[x][z] * m2[z][y];
+ }
+
+ result[x][y] = sum;
+ }
+ }
+ return result;
+ }
+
+ function copyState(o1, o2) {
+ o2.fillStyle = o1.fillStyle;
+ o2.lineCap = o1.lineCap;
+ o2.lineJoin = o1.lineJoin;
+ o2.lineWidth = o1.lineWidth;
+ o2.miterLimit = o1.miterLimit;
+ o2.shadowBlur = o1.shadowBlur;
+ o2.shadowColor = o1.shadowColor;
+ o2.shadowOffsetX = o1.shadowOffsetX;
+ o2.shadowOffsetY = o1.shadowOffsetY;
+ o2.strokeStyle = o1.strokeStyle;
+ o2.globalAlpha = o1.globalAlpha;
+ o2.arcScaleX_ = o1.arcScaleX_;
+ o2.arcScaleY_ = o1.arcScaleY_;
+ o2.lineScale_ = o1.lineScale_;
+ }
+
+ function processStyle(styleString) {
+ var str, alpha = 1;
+
+ styleString = String(styleString);
+ if (styleString.substring(0, 3) == 'rgb') {
+ var start = styleString.indexOf('(', 3);
+ var end = styleString.indexOf(')', start + 1);
+ var guts = styleString.substring(start + 1, end).split(',');
+
+ str = '#';
+ for (var i = 0; i < 3; i++) {
+ str += dec2hex[Number(guts[i])];
+ }
+
+ if (guts.length == 4 && styleString.substr(3, 1) == 'a') {
+ alpha = guts[3];
+ }
+ } else {
+ str = styleString;
+ }
+
+ return {color: str, alpha: alpha};
+ }
+
+ function processLineCap(lineCap) {
+ switch (lineCap) {
+ case 'butt':
+ return 'flat';
+ case 'round':
+ return 'round';
+ case 'square':
+ default:
+ return 'square';
+ }
+ }
+
+ /**
+ * This class implements CanvasRenderingContext2D interface as described by
+ * the WHATWG.
+ * @param {HTMLElement} surfaceElement The element that the 2D context should
+ * be associated with
+ */
+ function CanvasRenderingContext2D_(surfaceElement) {
+ this.m_ = createMatrixIdentity();
+
+ this.mStack_ = [];
+ this.aStack_ = [];
+ this.currentPath_ = [];
+
+ // Canvas context properties
+ this.strokeStyle = '#000';
+ this.fillStyle = '#000';
+
+ this.lineWidth = 1;
+ this.lineJoin = 'miter';
+ this.lineCap = 'butt';
+ this.miterLimit = Z * 1;
+ this.globalAlpha = 1;
+ this.canvas = surfaceElement;
+
+ var el = surfaceElement.ownerDocument.createElement('div');
+ el.style.width = surfaceElement.clientWidth + 'px';
+ el.style.height = surfaceElement.clientHeight + 'px';
+ el.style.overflow = 'hidden';
+ el.style.position = 'absolute';
+ surfaceElement.appendChild(el);
+
+ this.element_ = el;
+ this.arcScaleX_ = 1;
+ this.arcScaleY_ = 1;
+ this.lineScale_ = 1;
+ }
+
+ var contextPrototype = CanvasRenderingContext2D_.prototype;
+ contextPrototype.clearRect = function() {
+ this.element_.innerHTML = '';
+ };
+
+ contextPrototype.beginPath = function() {
+ // TODO: Branch current matrix so that save/restore has no effect
+ // as per safari docs.
+ this.currentPath_ = [];
+ };
+
+ contextPrototype.moveTo = function(aX, aY) {
+ var p = this.getCoords_(aX, aY);
+ this.currentPath_.push({type: 'moveTo', x: p.x, y: p.y});
+ this.currentX_ = p.x;
+ this.currentY_ = p.y;
+ };
+
+ contextPrototype.lineTo = function(aX, aY) {
+ var p = this.getCoords_(aX, aY);
+ this.currentPath_.push({type: 'lineTo', x: p.x, y: p.y});
+
+ this.currentX_ = p.x;
+ this.currentY_ = p.y;
+ };
+
+ contextPrototype.bezierCurveTo = function(aCP1x, aCP1y,
+ aCP2x, aCP2y,
+ aX, aY) {
+ var p = this.getCoords_(aX, aY);
+ var cp1 = this.getCoords_(aCP1x, aCP1y);
+ var cp2 = this.getCoords_(aCP2x, aCP2y);
+ bezierCurveTo(this, cp1, cp2, p);
+ };
+
+ // Helper function that takes the already fixed cordinates.
+ function bezierCurveTo(self, cp1, cp2, p) {
+ self.currentPath_.push({
+ type: 'bezierCurveTo',
+ cp1x: cp1.x,
+ cp1y: cp1.y,
+ cp2x: cp2.x,
+ cp2y: cp2.y,
+ x: p.x,
+ y: p.y
+ });
+ self.currentX_ = p.x;
+ self.currentY_ = p.y;
+ }
+
+ contextPrototype.quadraticCurveTo = function(aCPx, aCPy, aX, aY) {
+ // the following is lifted almost directly from
+ // http://developer.mozilla.org/en/docs/Canvas_tutorial:Drawing_shapes
+
+ var cp = this.getCoords_(aCPx, aCPy);
+ var p = this.getCoords_(aX, aY);
+
+ var cp1 = {
+ x: this.currentX_ + 2.0 / 3.0 * (cp.x - this.currentX_),
+ y: this.currentY_ + 2.0 / 3.0 * (cp.y - this.currentY_)
+ };
+ var cp2 = {
+ x: cp1.x + (p.x - this.currentX_) / 3.0,
+ y: cp1.y + (p.y - this.currentY_) / 3.0
+ };
+
+ bezierCurveTo(this, cp1, cp2, p);
+ };
+
+ contextPrototype.arc = function(aX, aY, aRadius,
+ aStartAngle, aEndAngle, aClockwise) {
+ aRadius *= Z;
+ var arcType = aClockwise ? 'at' : 'wa';
+
+ var xStart = aX + mc(aStartAngle) * aRadius - Z2;
+ var yStart = aY + ms(aStartAngle) * aRadius - Z2;
+
+ var xEnd = aX + mc(aEndAngle) * aRadius - Z2;
+ var yEnd = aY + ms(aEndAngle) * aRadius - Z2;
+
+ // IE won't render arches drawn counter clockwise if xStart == xEnd.
+ if (xStart == xEnd && !aClockwise) {
+ xStart += 0.125; // Offset xStart by 1/80 of a pixel. Use something
+ // that can be represented in binary
+ }
+
+ var p = this.getCoords_(aX, aY);
+ var pStart = this.getCoords_(xStart, yStart);
+ var pEnd = this.getCoords_(xEnd, yEnd);
+
+ this.currentPath_.push({type: arcType,
+ x: p.x,
+ y: p.y,
+ radius: aRadius,
+ xStart: pStart.x,
+ yStart: pStart.y,
+ xEnd: pEnd.x,
+ yEnd: pEnd.y});
+
+ };
+
+ contextPrototype.rect = function(aX, aY, aWidth, aHeight) {
+ this.moveTo(aX, aY);
+ this.lineTo(aX + aWidth, aY);
+ this.lineTo(aX + aWidth, aY + aHeight);
+ this.lineTo(aX, aY + aHeight);
+ this.closePath();
+ };
+
+ contextPrototype.strokeRect = function(aX, aY, aWidth, aHeight) {
+ var oldPath = this.currentPath_;
+ this.beginPath();
+
+ this.moveTo(aX, aY);
+ this.lineTo(aX + aWidth, aY);
+ this.lineTo(aX + aWidth, aY + aHeight);
+ this.lineTo(aX, aY + aHeight);
+ this.closePath();
+ this.stroke();
+
+ this.currentPath_ = oldPath;
+ };
+
+ contextPrototype.fillRect = function(aX, aY, aWidth, aHeight) {
+ var oldPath = this.currentPath_;
+ this.beginPath();
+
+ this.moveTo(aX, aY);
+ this.lineTo(aX + aWidth, aY);
+ this.lineTo(aX + aWidth, aY + aHeight);
+ this.lineTo(aX, aY + aHeight);
+ this.closePath();
+ this.fill();
+
+ this.currentPath_ = oldPath;
+ };
+
+ contextPrototype.createLinearGradient = function(aX0, aY0, aX1, aY1) {
+ var gradient = new CanvasGradient_('gradient');
+ gradient.x0_ = aX0;
+ gradient.y0_ = aY0;
+ gradient.x1_ = aX1;
+ gradient.y1_ = aY1;
+ return gradient;
+ };
+
+ contextPrototype.createRadialGradient = function(aX0, aY0, aR0,
+ aX1, aY1, aR1) {
+ var gradient = new CanvasGradient_('gradientradial');
+ gradient.x0_ = aX0;
+ gradient.y0_ = aY0;
+ gradient.r0_ = aR0;
+ gradient.x1_ = aX1;
+ gradient.y1_ = aY1;
+ gradient.r1_ = aR1;
+ return gradient;
+ };
+
+ contextPrototype.drawImage = function(image, var_args) {
+ var dx, dy, dw, dh, sx, sy, sw, sh;
+
+ // to find the original width we overide the width and height
+ var oldRuntimeWidth = image.runtimeStyle.width;
+ var oldRuntimeHeight = image.runtimeStyle.height;
+ image.runtimeStyle.width = 'auto';
+ image.runtimeStyle.height = 'auto';
+
+ // get the original size
+ var w = image.width;
+ var h = image.height;
+
+ // and remove overides
+ image.runtimeStyle.width = oldRuntimeWidth;
+ image.runtimeStyle.height = oldRuntimeHeight;
+
+ if (arguments.length == 3) {
+ dx = arguments[1];
+ dy = arguments[2];
+ sx = sy = 0;
+ sw = dw = w;
+ sh = dh = h;
+ } else if (arguments.length == 5) {
+ dx = arguments[1];
+ dy = arguments[2];
+ dw = arguments[3];
+ dh = arguments[4];
+ sx = sy = 0;
+ sw = w;
+ sh = h;
+ } else if (arguments.length == 9) {
+ sx = arguments[1];
+ sy = arguments[2];
+ sw = arguments[3];
+ sh = arguments[4];
+ dx = arguments[5];
+ dy = arguments[6];
+ dw = arguments[7];
+ dh = arguments[8];
+ } else {
+ throw Error('Invalid number of arguments');
+ }
+
+ var d = this.getCoords_(dx, dy);
+
+ var w2 = sw / 2;
+ var h2 = sh / 2;
+
+ var vmlStr = [];
+
+ var W = 10;
+ var H = 10;
+
+ // For some reason that I've now forgotten, using divs didn't work
+ vmlStr.push(' ' ,
+ '');
+
+ if (!aFill) {
+ var lineWidth = this.lineScale_ * this.lineWidth;
+
+ // VML cannot correctly render a line if the width is less than 1px.
+ // In that case, we dilute the color to make the line look thinner.
+ if (lineWidth < 1) {
+ opacity *= lineWidth;
+ }
+
+ lineStr.push(
+ '' + '' + ' ')[0];
+ this.element.prepend(this.canvas);
+ this.element.find('img').remove();
+ this.ctx = this.canvas.getContext('2d');
+ }
+ catch (e) {
+ $(this.canvas).remove();
+ this.resize = true;
+ this.canvas = document.createElement('canvas');
+ this.canvas.setAttribute('width', this.element.width());
+ this.canvas.setAttribute('height', this.element.height());
+ this.canvas.innerHTML = this.options.notAvailable;
+ this.element.append(this.canvas);
+ if (G_vmlCanvasManager) { // Requires excanvas.js
+ G_vmlCanvasManager.initElement(this.canvas);
+ }
+ this.ctx = this.canvas.getContext('2d');
+ }
+ this._refresh(true);
+ this._mouseInit();
+ },
+
+ /* Refresh the appearance of the signature area.
+ @param init (boolean, internal) true if initialising */
+ _refresh: function(init) {
+ if (this.resize) {
+ var parent = $(this.canvas);
+ $('div', this.canvas).css({width: parent.width(), height: parent.height()});
+ }
+ this.ctx.fillStyle = this.options.background;
+ this.ctx.strokeStyle = this.options.color;
+ this.ctx.lineWidth = this.options.thickness;
+ this.ctx.lineCap = 'round';
+ this.ctx.lineJoin = 'round';
+ this.clear(init);
+ },
+
+ /* Clear the signature area.
+ @param init (boolean, internal) true if initialising */
+ clear: function(init) {
+ this.ctx.fillRect(0, 0, this.element.width(), this.element.height());
+ if (this.options.guideline) {
+ this.ctx.save();
+ this.ctx.strokeStyle = this.options.guidelineColor;
+ this.ctx.lineWidth = 1;
+ this.ctx.beginPath();
+ this.ctx.moveTo(this.options.guidelineIndent,
+ this.element.height() - this.options.guidelineOffset);
+ this.ctx.lineTo(this.element.width() - this.options.guidelineIndent,
+ this.element.height() - this.options.guidelineOffset);
+ this.ctx.stroke();
+ this.ctx.restore();
+ }
+ this.lines = [];
+ if (!init) {
+ this._changed();
+ }
+ },
+
+ /* Synchronise changes and trigger change event.
+ @param event (Event) the triggering event */
+ _changed: function(event) {
+ if (this.options.syncField) {
+ $(this.options.syncField).val(this.toJSON());
+ }
+ this._trigger('change', event, {});
+ },
+
+ /* Custom options handling.
+ @param options (object) the new option values */
+ _setOptions: function(options) {
+ if (this._superApply) {
+ this._superApply(arguments); // Base widget handling
+ }
+ else {
+ $.Widget.prototype._setOptions.apply(this, arguments); // Base widget handling
+ }
+ this._refresh();
+ },
+
+ /* Determine if dragging can start.
+ @param event (Event) the triggering mouse event
+ @return (boolean) true if allowed, false if not */
+ _mouseCapture: function(event) {
+ return !this.options.disabled;
+ },
+
+ /* Start a new line.
+ @param event (Event) the triggering mouse event */
+ _mouseStart: function(event) {
+ this.offset = this.element.offset();
+ this.offset.left -= document.documentElement.scrollLeft || document.body.scrollLeft;
+ this.offset.top -= document.documentElement.scrollTop || document.body.scrollTop;
+ this.lastPoint = [this._round(event.clientX - this.offset.left),
+ this._round(event.clientY - this.offset.top)];
+ this.curLine = [this.lastPoint];
+ this.lines.push(this.curLine);
+ },
+
+ /* Track the mouse.
+ @param event (Event) the triggering mouse event */
+ _mouseDrag: function(event) {
+ var point = [this._round(event.clientX - this.offset.left),
+ this._round(event.clientY - this.offset.top)];
+ this.curLine.push(point);
+ this.ctx.beginPath();
+ this.ctx.moveTo(this.lastPoint[0], this.lastPoint[1]);
+ this.ctx.lineTo(point[0], point[1]);
+ this.ctx.stroke();
+ this.lastPoint = point;
+ },
+
+ /* End a line.
+ @param event (Event) the triggering mouse event */
+ _mouseStop: function(event) {
+ this.lastPoint = null;
+ this.curLine = null;
+ this._changed(event);
+ },
+
+ /* Round to two decimal points.
+ @param value (number) the value to round
+ @return (number) the rounded value */
+ _round: function(value) {
+ return Math.round(value * 100) / 100;
+ },
+
+ /* Convert the captured lines to JSON text.
+ @return (string) the JSON text version of the lines */
+ toJSON: function() {
+ return '{"lines":[' + $.map(this.lines, function(line) {
+ return '[' + $.map(line, function(point) {
+ return '[' + point + ']';
+ }) + ']';
+ }) + ']}';
+ },
+
+ /* Convert the captured lines to SVG text.
+ @return (string) the SVG text version of the lines */
+ toSVG: function() {
+ return '\n\n' +
+ '\n' +
+ ' \n' +
+ ' \n'+
+ $.map(this.lines, function(line) {
+ return ' \n \n \n';
+ },
+
+ /* Draw a signature from its JSON description.
+ @param sigJSON (object) object with attribute lines
+ being an array of arrays of points or
+ (string) text version of the JSON */
+ draw: function(sigJSON) {
+ this.clear(true);
+ if (typeof sigJSON === 'string') {
+ sigJSON = $.parseJSON(sigJSON);
+ }
+ this.lines = sigJSON.lines || [];
+ var ctx = this.ctx;
+ $.each(this.lines, function() {
+ ctx.beginPath();
+ $.each(this, function(i) {
+ ctx[i === 0 ? 'moveTo' : 'lineTo'](this[0], this[1]);
+ });
+ ctx.stroke();
+ });
+ this._changed();
+ },
+
+ /* Determine whether or not any drawing has occurred.
+ @return (boolean) true if not signed, false if signed */
+ isEmpty: function() {
+ return this.lines.length === 0;
+ },
+
+ /* Remove the signature functionality. */
+ _destroy: function() {
+ this.element.removeClass(this.widgetFullName || this.widgetBaseClass);
+ $(this.canvas).remove();
+ this.canvas = this.ctx = this.lines = null;
+ this._mouseDestroy();
+ }
+};
+
+if (!$.Widget.prototype._destroy) {
+ $.extend(signatureOverrides, {
+ /* Remove the signature functionality. */
+ destroy: function() {
+ this._destroy();
+ $.Widget.prototype.destroy.call(this); // Base widget handling
+ }
+ });
+}
+
+if($.Widget.prototype._getCreateOptions === $.noop) {
+ $.extend(signatureOverrides, {
+ /* Restore the metadata functionality. */
+ _getCreateOptions: function() {
+ return $.metadata && $.metadata.get(this.element[0])[this.widgetName];
+ }
+ });
+}
+
+/* Signature capture and display.
+ Depends on jquery.ui.widget, jquery.ui.mouse. */
+$.widget('kbw.signature', $.ui.mouse, signatureOverrides);
+
+// Make some things more accessible
+$.kbw.signature.options = $.kbw.signature.prototype.options;
+
+})(jQuery);
diff --git a/web_widget_digitized_signature/static/src/css/digital.css b/web_widget_digitized_signature/static/src/css/digital.css
new file mode 100644
index 000000000..ea2d19a14
--- /dev/null
+++ b/web_widget_digitized_signature/static/src/css/digital.css
@@ -0,0 +1,3 @@
+.openerp .oe_form_readonly .oe_edit_only, .openerp .oe_form_readonly .oe_form_field:empty {
+ display: none !important;
+}
diff --git a/web_widget_digitized_signature/static/src/css/jquery.signature.css b/web_widget_digitized_signature/static/src/css/jquery.signature.css
new file mode 100644
index 000000000..5952cf503
--- /dev/null
+++ b/web_widget_digitized_signature/static/src/css/jquery.signature.css
@@ -0,0 +1,5 @@
+/* Styles for signature plugin v1.1.0. */
+.kbw-signature {
+ display: inline-block;
+ border: 1px solid #a0a0a0;
+}
diff --git a/web_widget_digitized_signature/static/src/js/digital_sign.js b/web_widget_digitized_signature/static/src/js/digital_sign.js
new file mode 100644
index 000000000..c3e70aaaf
--- /dev/null
+++ b/web_widget_digitized_signature/static/src/js/digital_sign.js
@@ -0,0 +1,125 @@
+openerp.web_widget_digitized_signature = function(instance) {
+ "use strict";
+ var _t = instance.web._t;
+ var QWeb = instance.web.qweb;
+ var images = {}
+
+ instance.web.form.widgets.add('signature', 'instance.web.form.FieldSignature');
+ instance.web.form.FieldSignature = instance.web.form.FieldBinaryImage.extend({
+ template: 'FieldSignature',
+ render_value: function() {
+ var self = this;
+ var url;
+ if (this.get('value') && !instance.web.form.is_bin_size(this.get('value'))) {
+ url = 'data:image/png;base64,' + this.get('value');
+ }else if (this.get('value')) {
+ var id = JSON.stringify(this.view.datarecord.id || null);
+ self.digita_dataset = new instance.web.DataSetSearch(self, self.view.model, {}, []);
+ self.digita_dataset.read_slice(['id', self.name], {'domain': [['id', '=', id]]}).then(function(records){
+ _.each(records,function(record){
+ if(record[self.name]){
+ images[self.name] = record[self.name]
+ }else{
+ images[self.name] = ""
+ }
+ })
+ })
+ var field = this.name;
+ if (this.options.preview_image)
+ field = this.options.preview_image;
+ url = this.session.url('/web/binary/image', {
+ model: this.view.dataset.model,
+ id: id,
+ field: field,
+ t: (new Date().getTime()),
+ });
+ }else {
+ images[self.name] = ""
+ url = this.placeholder;
+ self.set('value',images[self.name])
+ }
+ var $img = $(QWeb.render("FieldBinaryImage-img", { widget: this, url: url }));
+ this.$el.find('img').remove();
+ var sign_options = {};
+ if ('width' in self.node.attrs){
+ sign_options.width = self.node.attrs.width;
+ }
+ if ('height' in self.node.attrs){
+ sign_options.height = self.node.attrs.height;
+ }
+ var actual_mode = this.view.get("actual_mode");
+ if(actual_mode !== 'edit' && actual_mode !== 'create'){
+ this.$el.prepend($img);
+ }else if(actual_mode == 'edit' || actual_mode == 'create'){
+ if( actual_mode == 'create'){
+ images = {};
+ }
+ this.$el.find('> img').remove();
+ this.$el.find('> canvas').remove();
+ if(! this.get('value')){
+ this.$el.find('> img').remove();
+ this.$el.find(".signature").signature(sign_options);
+ }else if(this.get('value')){
+ this.$el.prepend($img);
+ }
+ }
+ this.$el.find('.clear_sign').click(function(){
+ self.$el.find('> img').remove();
+ images[self.name] = ""
+ self.$el.find(".signature").show();
+ self.$el.find(".signature").signature('clear');
+ });
+ $('.save_sign').click(function(){
+ var val
+ if(self.$el.find(".signature").hasClass( "kbw-signature" ) && ! self.$el.find(".signature").signature('isEmpty')){
+ self.$el.find(".signature").hide();
+ val = self.$el.find(".signature > canvas")[0].toDataURL();
+ images[self.name] = val.split(',')[1]
+ var $img = $(QWeb.render("FieldBinaryImage-signature", { widget: self, url: val }));
+ self.$el.find('> img').remove();
+ self.$el.prepend($img);
+ self.set('value',val.split(',')[1])
+ var id = JSON.stringify(self.view.datarecord.id || null);
+ var field = self.name;
+ url = self.session.url('/web/binary/image', {
+ model: self.view.dataset.model,
+ id: id,
+ field: field,
+ t: (new Date().getTime()),
+ });
+ }else{
+ var id = JSON.stringify(self.view.datarecord.id || null);
+ var field = self.name;
+ if (self.options.preview_image)
+ field = self.options.preview_image;
+ url = self.session.url('/web/binary/image', {
+ model: self.view.dataset.model,
+ id: id,
+ field: field,
+ t: (new Date().getTime()),
+ });
+ var $img = $(QWeb.render("FieldBinaryImage-signature", { widget: self, url: url }));
+ self.$el.find('> img').remove();
+ }
+ });
+ $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);
+ instance.webclient.notification.warn(_t("Image"), _t("Could not display the selected image."));
+ });
+ },
+ });
+ instance.web.FormView.include({
+ save: function() {
+ $('.save_sign').click();
+ return this._super.apply(this, arguments);
+ },
+ })
+}
diff --git a/web_widget_digitized_signature/static/src/xml/digital_sign.xml b/web_widget_digitized_signature/static/src/xml/digital_sign.xml
new file mode 100644
index 000000000..96f0e6dab
--- /dev/null
+++ b/web_widget_digitized_signature/static/src/xml/digital_sign.xml
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
diff --git a/web_widget_digitized_signature/views/we_digital_sign_view.xml b/web_widget_digitized_signature/views/we_digital_sign_view.xml
new file mode 100644
index 000000000..792545744
--- /dev/null
+++ b/web_widget_digitized_signature/views/we_digital_sign_view.xml
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
diff --git a/web_widget_digitized_signature_user/README.rst b/web_widget_digitized_signature_user/README.rst
new file mode 100644
index 000000000..1d9302062
--- /dev/null
+++ b/web_widget_digitized_signature_user/README.rst
@@ -0,0 +1,58 @@
+.. 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 for users
+=================================
+
+This module adds a signature field (using ``web_widget_digitized_signature``) to user form.
+
+Usage
+=====
+
+.. 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/8.0
+
+Bug Tracker
+===========
+
+Bugs are tracked on `GitHub 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 `_.
+
+Contributors
+------------
+
+* Mohamed Magdy
+* Jay Vora
+* Lorenzo Battistini
+
+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.
diff --git a/web_widget_digitized_signature_user/__init__.py b/web_widget_digitized_signature_user/__init__.py
new file mode 100644
index 000000000..30b6a14df
--- /dev/null
+++ b/web_widget_digitized_signature_user/__init__.py
@@ -0,0 +1,14 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+# OpenERP, Open Source Management Solution
+# Copyright (C) 2004-2010 OpenERP SA ()
+# Copyright (C) 2011-2015 Serpent Consulting Services Pvt. Ltd.
+# ().
+# Copyright 2015 Lorenzo Battistini - Agile Business Group
+#
+# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+#
+##############################################################################
+
+from . import models
diff --git a/web_widget_digitized_signature_user/__openerp__.py b/web_widget_digitized_signature_user/__openerp__.py
new file mode 100644
index 000000000..c7a2c0461
--- /dev/null
+++ b/web_widget_digitized_signature_user/__openerp__.py
@@ -0,0 +1,26 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+# Copyright (C) 2011-2015 Serpent Consulting Services Pvt. Ltd.
+# ().
+# Copyright 2015 Lorenzo Battistini - Agile Business Group
+#
+# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+#
+##############################################################################
+
+{
+ "name": "Web Digitized Signature for users",
+ "version": "8.0.1.0.0",
+ "author": "Serpent Consulting Services Pvt. Ltd., "
+ "Odoo Community Association (OCA)",
+ "category": 'web',
+ "license": "AGPL-3",
+ 'depends': ['web_widget_digitized_signature'],
+ 'data': [
+ 'views/users_view.xml'
+ ],
+ 'website': 'http://www.serpentcs.com',
+ 'installable': True,
+ 'auto_install': False,
+}
diff --git a/web_widget_digitized_signature_user/models/__init__.py b/web_widget_digitized_signature_user/models/__init__.py
new file mode 100644
index 000000000..15feb9e8d
--- /dev/null
+++ b/web_widget_digitized_signature_user/models/__init__.py
@@ -0,0 +1,14 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+# OpenERP, Open Source Management Solution
+# Copyright (C) 2004-2010 OpenERP SA ()
+# Copyright (C) 2011-2015 Serpent Consulting Services Pvt. Ltd.
+# ().
+# Copyright 2015 Lorenzo Battistini - Agile Business Group
+#
+# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
+#
+##############################################################################
+
+from . import users
diff --git a/web_widget_digitized_signature_user/models/users.py b/web_widget_digitized_signature_user/models/users.py
new file mode 100644
index 000000000..5e4a9c04d
--- /dev/null
+++ b/web_widget_digitized_signature_user/models/users.py
@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+# OpenERP, Open Source Management Solution
+# Copyright (C) 2004-2010 OpenERP SA ()
+# Copyright (C) 2011-2015 Serpent Consulting Services Pvt. Ltd.
+# ().
+#
+# 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')
diff --git a/web_widget_digitized_signature_user/static/description/icon.png b/web_widget_digitized_signature_user/static/description/icon.png
new file mode 100644
index 000000000..3a0328b51
Binary files /dev/null and b/web_widget_digitized_signature_user/static/description/icon.png differ
diff --git a/web_widget_digitized_signature_user/views/users_view.xml b/web_widget_digitized_signature_user/views/users_view.xml
new file mode 100644
index 000000000..7ca20b90d
--- /dev/null
+++ b/web_widget_digitized_signature_user/views/users_view.xml
@@ -0,0 +1,18 @@
+
+
+
+
+
+ inherited.res.users.form
+ res.users
+
+
+
+
+
+
+
+