84 lines
2.2 KiB
JavaScript
84 lines
2.2 KiB
JavaScript
/**
|
|
* @file
|
|
* Javascript behaviors for signature pad integration.
|
|
*/
|
|
|
|
(function ($, Drupal) {
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Initialize signature element.
|
|
*
|
|
* @type {Drupal~behavior}
|
|
*/
|
|
Drupal.behaviors.webformSignature = {
|
|
attach: function (context) {
|
|
$(context).find('input.js-webform-signature').once('webform-signature').each(function () {
|
|
var $input = $(this);
|
|
var value = $input.val();
|
|
var $wrapper = $input.parent();
|
|
var $canvas = $wrapper.find('canvas');
|
|
var $button = $wrapper.find('input[type="submit"]');
|
|
var canvas = $canvas[0];
|
|
|
|
// Set height.
|
|
$canvas.attr('width', $wrapper.width());
|
|
$canvas.attr('height', $wrapper.width() / 3);
|
|
$(window).resize(function () {
|
|
$canvas.attr('width', $wrapper.width());
|
|
$canvas.attr('height', $wrapper.width() / 3);
|
|
|
|
// Resizing clears the canvas so we need to reset the signature pad.
|
|
signaturePad.clear();
|
|
var value = $input.val();
|
|
if (value) {
|
|
signaturePad.fromDataURL(value);
|
|
}
|
|
});
|
|
|
|
// Initialize signature canvas.
|
|
var signaturePad = new SignaturePad(canvas, {
|
|
'onEnd': function () {
|
|
$input.val(signaturePad.toDataURL());
|
|
}
|
|
});
|
|
|
|
// Set value.
|
|
if (value) {
|
|
signaturePad.fromDataURL(value);
|
|
}
|
|
|
|
// Set reset handler.
|
|
$button.on('click', function () {
|
|
signaturePad.clear();
|
|
$input.val();
|
|
this.blur();
|
|
return false;
|
|
});
|
|
|
|
// Input onchange clears signature pad if value is empty.
|
|
// @see webform.states.js
|
|
$input.on('change', function () {
|
|
if (!$input.val()) {
|
|
signaturePad.clear();
|
|
}
|
|
});
|
|
|
|
// Turn signature pad off/on when the input is disabled/enabled.
|
|
// @see webform.states.js
|
|
$input.on('webform:disabled', function () {
|
|
if ($input.is(':disabled')) {
|
|
signaturePad.off();
|
|
}
|
|
else {
|
|
signaturePad.on();
|
|
}
|
|
});
|
|
|
|
});
|
|
}
|
|
};
|
|
|
|
})(jQuery, Drupal);
|