From f54f3b6c0282f8c48fa6cb2d20da77d1e29a49eb Mon Sep 17 00:00:00 2001 From: Vincent LAURENT Date: Wed, 5 Jan 2022 02:25:39 +0100 Subject: [PATCH] =?UTF-8?q?Cr=C3=A9ation=20des=20=C3=A9v=C3=A9nements=20da?= =?UTF-8?q?ns=20une=20fonction=20d=C3=A9di=C3=A9e=20et=20cr=C3=A9ation=20d?= =?UTF-8?q?u=20pad=20de=20signature?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/js/app.js | 75 ++++++++++++++++++++++++++---------------------- 1 file changed, 41 insertions(+), 34 deletions(-) diff --git a/public/js/app.js b/public/js/app.js index f7a917b..965889a 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -15,6 +15,7 @@ var windowWidth = window.innerWidth; var menu = null; var menuOffcanvas = null; var currentCursor = null; +var signaturePad = null; var loadPDF = async function(url) { var pdfjsLib = window['pdfjs-dist/build/pdf']; @@ -614,23 +615,7 @@ var resizePDF = function (scale = 'auto') { }); }; -(function () { - - fabric.Textbox.prototype._wordJoiners = /[]/; - menu = document.getElementById('sidebarTools'); - menuOffcanvas = new bootstrap.Offcanvas(menu); - forceAddLock = !is_mobile(); - addLock = forceAddLock; - - responsiveDisplay(); - - if(localStorage.getItem('svgCollections')) { - svgCollections = JSON.parse(localStorage.getItem('svgCollections')); - } - - opentype.load('/vendor/fonts/Caveat-Regular.ttf', function(err, font) { - fontCaveat = font; - }); +var createEventsListener = function() { document.getElementById('add-lock-checkbox').addEventListener('change', function() { stateAddLock(this.checked); @@ -663,9 +648,6 @@ var resizePDF = function (scale = 'auto') { }); }); - displaysSVG(); - stateAddLock(); - document.getElementById('btn_modal_ajouter').addEventListener('click', function() { var svgItem = {}; if(document.getElementById('input-svg-type').value) { @@ -702,20 +684,6 @@ var resizePDF = function (scale = 'auto') { document.querySelector('#'+svg_list_id+' label:last-child').click(); }); - var signaturePad = new SignaturePad(document.getElementById('signature-pad'), { - penColor: 'rgb(0, 0, 0)', - minWidth: 1.25, - maxWidth: 2, - throttle: 0, - onEnd: function() { - const file = new File([dataURLtoBlob(signaturePad.toDataURL())], "draw.png", { - type: 'image/png' - }); - var data = new FormData(); - data.append('file', file); - uploadSVG(data); - } - }); document.getElementById('signature-pad-reset').addEventListener('click', function(event) { signaturePad.clear(); @@ -892,7 +860,46 @@ var resizePDF = function (scale = 'auto') { document.getElementById('btn-zoom-increase').addEventListener('click', function() { zoomChange(1) }); +}; +var createSignaturePad = function() { + signaturePad = new SignaturePad(document.getElementById('signature-pad'), { + penColor: 'rgb(0, 0, 0)', + minWidth: 1.25, + maxWidth: 2, + throttle: 0, + onEnd: function() { + const file = new File([dataURLtoBlob(signaturePad.toDataURL())], "draw.png", { + type: 'image/png' + }); + var data = new FormData(); + data.append('file', file); + uploadSVG(data); + } + }); +}; + +(function () { + + fabric.Textbox.prototype._wordJoiners = /[]/; + menu = document.getElementById('sidebarTools'); + menuOffcanvas = new bootstrap.Offcanvas(menu); + forceAddLock = !is_mobile(); + addLock = forceAddLock; + + if(localStorage.getItem('svgCollections')) { + svgCollections = JSON.parse(localStorage.getItem('svgCollections')); + } + + opentype.load('/vendor/fonts/Caveat-Regular.ttf', function(err, font) { + fontCaveat = font; + }); + + createSignaturePad(); + responsiveDisplay(); + displaysSVG(); + stateAddLock(); + createEventsListener(); loadPDF(url); })(); \ No newline at end of file