From 6d50b1a87e4f2a6dcf74c3380e46acf093150381 Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Mon, 20 Sep 2021 10:05:27 +0200
Subject: [PATCH] Text classique

---
 js/app.js    | 11 +++++++++++
 pdf.html.php |  6 +++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/js/app.js b/js/app.js
index f835420..b81f84b 100644
--- a/js/app.js
+++ b/js/app.js
@@ -23,6 +23,10 @@ loadingTask.promise.then(function(pdf) {
         document.getElementById('radio_signature_text').checked = true;
     });
     
+    document.getElementById('input-signature-text-classic').addEventListener('keypress', function(event) {
+        document.getElementById('radio_signature_text_classic').checked = true;
+    });
+    
     var svgImage = null;
     
     document.getElementById('input-image-upload').addEventListener('change', function(event) {
@@ -102,6 +106,13 @@ loadingTask.promise.then(function(pdf) {
                 textSignature.left = x - (textSignature.getScaledWidth() / 2);    
                 canvasEdition.add(textSignature).renderAll();
               }
+              
+              if(document.getElementById('radio_signature_text_classic').checked) {
+                var textSignature = new fabric.Text(document.getElementById('input-signature-text-classic').value);
+                textSignature.top = y - (textSignature.getScaledHeight() / 2);    
+                textSignature.left = x - (textSignature.getScaledWidth() / 2);    
+                canvasEdition.add(textSignature).renderAll();
+              }
           });
 
           canvasEditions.push(canvasEdition);
diff --git a/pdf.html.php b/pdf.html.php
index cc781e7..2f23e97 100644
--- a/pdf.html.php
+++ b/pdf.html.php
@@ -23,7 +23,7 @@
                 <canvas id="signature-pad" class="border bg-light" width=200 height=150></canvas>
                 <hr />
                 <div class="form-check form-switch float-end"><input class="form-check-input" type="radio" name="radio_signature" id="radio_signature_text"></div>
-                <h5><i class="bi bi-fonts"></i> Texte</h5>
+                <h5><i class="bi bi-fonts"></i> Texte à la main</h5>
                 <input id="input-text-signature" type="text" class="form-control" placeholder="Ma signature" style="font-family: 'Caveat', cursive; font-size: 24px;" />
                 <hr />
                 <div class="form-check form-switch float-end"><input class="form-check-input" type="radio" name="radio_signature" id="radio_signature_image"></div>
@@ -32,6 +32,10 @@
                     <input id="input-image-upload" class="form-control" name="image" type="file">
                 </form>
                 <hr />
+                <div class="form-check form-switch float-end"><input class="form-check-input" type="radio" name="radio_signature" id="radio_signature_text_classic"></div>
+                <h5><i class="bi bi-type"></i> Texte classique</h5>
+                <input id="input-signature-text-classic" type="text" class="form-control" placeholder="" />
+                <hr />
                 <p><small class="text-muted"><i class="bi bi-hand-index"></i><i class="bi bi-hand-index"></i> Double-cliquer sur le PDF pour <i class="bi bi-plus-circle-fill"></i> ajouter la signature</small></p>
                 <form id="form_pdf" action="/<?php echo $key ?>/save" method="post">
                     <div class="position-fixed bottom-0 mb-2">