Current File : /home/pacjaorg/www/cop/media/plg_system_nrframework/js/widgets/signature.js

var NRF_Signature_Item=function(){function t(t){this.wrapper=t,this.canvas=this.wrapper.querySelector("canvas"),this.signaturePad=new SignaturePad(this.canvas,{backgroundColor:"transparent",penColor:this.canvas.dataset.penColor}),this.input=this.wrapper.querySelector('input[type="hidden"]'),this.clearButton=this.wrapper.querySelector(".nrf-signature-clear"),this.resetButton=this.wrapper.querySelector(".nrf-signature-reset"),this.wrapper.signature=this}var e=t.prototype;return e.init=function(){this.onCanvasUpdateRatio(),this.setValue(),this.initEvents()},e.initEvents=function(){var n=this,i=this.canvas,a=this.wrapper;this.signaturePad.addEventListener("afterUpdateStroke",function(){a.classList.add("painted")}),this.signaturePad.addEventListener("endStroke",function(t){var e=n.removeBlanks(i);e=n.updateCanvasColor(e,"#000"),i.nextElementSibling.value=e.toDataURL(),a.classList.add("painted")}),this.resetButton.addEventListener("click",function(t){this.resetSignature(t)}.bind(this)),this.clearButton.addEventListener("click",function(t){this.clearSignature(t)}.bind(this));var e=window.innerWidth;window.addEventListener("resize",this.debounce(function(){if(window.innerWidth!=e){var t=this.wrapper.querySelector('input[type="hidden"]').value;t&&this.signaturePad.fromDataURL(t),this.onCanvasUpdateRatio(),e=window.innerWidth}}.bind(this)))},e.updateCanvasColor=function(t,e){var n=t.getContext("2d");return n.save(),n.globalCompositeOperation="source-atop",n.fillStyle=e,n.fillRect(0,0,t.width,t.height),n.restore(),t},e.removeBlanks=function(t){var e,n=t.getContext("2d"),i=t.width,a=t.height,r=n.getImageData(0,0,i,a),s=i+1,o=-1,u=a+1,c=-1,d=0,h=0;for(h=0;h<a;h++)for(d=0;d<i;d++){e=4*(h*i+d),0<r.data[3+e]&&(d<s&&(s=d),o<d&&(o=d),h<u&&(u=h),c<h&&(c=h))}var l=o-s,p=c-u;if(l<=0||p<=0)return null;var v=n.getImageData(s,u,l,p),g=document.createElement("canvas"),f=g.getContext("2d");return g.width=l,g.height=p,f.putImageData(v,0,0),g},e.clearSignature=function(t){t.target.closest(".nrf-signature-clear")&&this.clear()},e.resetSignature=function(t){t.target.closest(".nrf-signature-reset")&&(this.clear(),this.reset())},e.debounce=function(e){var n;return function(t){n&&clearTimeout(n),n=setTimeout(e,100,t)}},e.onCanvasUpdateRatio=function(){var t=Math.max(window.devicePixelRatio||1,1);this.canvas.width=this.canvas.offsetWidth*t,this.canvas.height=this.canvas.offsetHeight*t,this.canvas.getContext("2d").scale(t,t),this.signaturePad.clear()},e.setValue=function(t){void 0===t&&(t=""),""!=(t=""!=t?t:this.input.value)&&(this.signaturePad.fromDataURL(t),this.wrapper.classList.add("painted"))},e.clear=function(){this.wrapper.classList.remove("painted"),this.signaturePad.clear(),this.input.value=""},e.reset=function(){var t=this.wrapper.querySelector(".initial-value").value;this.setValue(t)},t}(),NRF_Signature_Loader=function(){function t(){this.init()}return t.prototype.init=function(){if(window.IntersectionObserver){var e=new IntersectionObserver(function(t,e){t.forEach(function(t){t.isIntersecting&&(new NRF_Signature_Item(t.target).init(),e.unobserve(t.target))})},{rootMargin:"0px 0px 0px 0px"});document.querySelectorAll(".nrf-widget.signature").forEach(function(t){e.observe(t)})}},t}();"loading"==document.readyState?document.addEventListener("DOMContentLoaded",function(){new NRF_Signature_Loader}):new NRF_Signature_Loader;