1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
odoo.define('web.signature_dialog', function (require) {
"use strict";
var core = require('web.core');
var Dialog = require('web.Dialog');
var NameAndSignature = require('web.name_and_signature').NameAndSignature;
var _t = core._t;
// The goal of this dialog is to ask the user a signature request.
// It uses @see SignNameAndSignature for the name and signature fields.
var SignatureDialog = Dialog.extend({
template: 'web.signature_dialog',
xmlDependencies: Dialog.prototype.xmlDependencies.concat(
['/web/static/src/xml/name_and_signature.xml']
),
custom_events: {
'signature_changed': '_onChangeSignature',
},
/**
* @constructor
* @param {Widget} parent
* @param {Object} options
* @param {string} [options.title='Adopt Your Signature'] - modal title
* @param {string} [options.size='medium'] - modal size
* @param {Object} [options.nameAndSignatureOptions={}] - options for
* @see NameAndSignature.init()
*/
init: function (parent, options) {
var self = this;
options = options || {};
options.title = options.title || _t("Adopt Your Signature");
options.size = options.size || 'medium';
options.technical = false;
if (!options.buttons) {
options.buttons = [];
options.buttons.push({text: _t("Adopt and Sign"), classes: "btn-primary", disabled: true, click: function (e) {
self._onConfirm();
}});
options.buttons.push({text: _t("Cancel"), close: true});
}
this._super(parent, options);
this.nameAndSignature = new NameAndSignature(this, options.nameAndSignatureOptions);
},
/**
* Start the nameAndSignature widget and wait for it.
*
* @override
*/
willStart: function () {
return Promise.all([
this.nameAndSignature.appendTo($('<div>')),
this._super.apply(this, arguments)
]);
},
/**
* Initialize the name and signature widget when the modal is opened.
*
* @override
*/
start: function () {
var self = this;
this.$primaryButton = this.$footer.find('.btn-primary');
this.opened().then(function () {
self.$('.o_web_sign_name_and_signature').replaceWith(self.nameAndSignature.$el);
// initialize the signature area
self.nameAndSignature.resetSignature();
});
return this._super.apply(this, arguments);
},
//----------------------------------------------------------------------
// Public
//----------------------------------------------------------------------
/**
* Returns whether the drawing area is currently empty.
*
* @see NameAndSignature.isSignatureEmpty()
* @returns {boolean} Whether the drawing area is currently empty.
*/
isSignatureEmpty: function () {
return this.nameAndSignature.isSignatureEmpty();
},
//----------------------------------------------------------------------
// Handlers
//----------------------------------------------------------------------
/**
* Toggles the submit button depending on the signature state.
*
* @private
*/
_onChangeSignature: function () {
var isEmpty = this.nameAndSignature.isSignatureEmpty();
this.$primaryButton.prop('disabled', isEmpty);
},
/**
* Upload the signature image when confirm.
*
* @private
*/
_onConfirm: function (fct) {
this.trigger_up('upload_signature', {
name: this.nameAndSignature.getName(),
signatureImage: this.nameAndSignature.getSignatureImage(),
});
},
});
return SignatureDialog;
});
|
