From 0b818066296112c5444e09f400e222415b62338f Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Sun, 14 Nov 2021 02:40:36 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20d'une=20case=20=C3=A0=20cocher?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/js/app.js       | 12 ++++++++----
 templates/pdf.html.php |  4 ++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/public/js/app.js b/public/js/app.js
index ee64c95..1e06a86 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -617,10 +617,14 @@ loadingTask.promise.then(function(pdf) {
         return canvas.add(item);
     }
 
-    var createAndAddSvgInCanvas = function(canvas, item, x, y) {
+    var createAndAddSvgInCanvas = function(canvas, item, x, y, height = null) {
         save.removeAttribute('disabled');
         save_mobile.removeAttribute('disabled');
 
+        if(!height) {
+            height = 100;
+        }
+
         if(item == 'text') {
             var textbox = new fabric.Textbox('Texte à modifier', {
             left: x,
@@ -643,7 +647,7 @@ loadingTask.promise.then(function(pdf) {
             var svg = fabric.util.groupSVGElements(objects, options);
             svg.svgOrigin = item;
             svg.lockScalingFlip = true;
-            svg.scaleToHeight(100);
+            svg.scaleToHeight(height);
             if(svg.getScaledWidth() > 200) {
                 svg.scaleToWidth(200);
             }
@@ -822,7 +826,7 @@ loadingTask.promise.then(function(pdf) {
                   return;
               }
 
-              createAndAddSvgInCanvas(canvasEdition, input_selected.value, event.layerX, event.layerY);
+              createAndAddSvgInCanvas(canvasEdition, input_selected.value, event.layerX, event.layerY, input_selected.dataset.height);
               input_selected.checked = false;
               input_selected.dispatchEvent(new Event("change"));
           });
@@ -849,7 +853,7 @@ loadingTask.promise.then(function(pdf) {
                   return;
               }
 
-              createAndAddSvgInCanvas(this, input_selected.value, event.pointer.x, event.pointer.y);
+              createAndAddSvgInCanvas(this, input_selected.value, event.pointer.x, event.pointer.y, input_selected.dataset.height);
 
               if(addLock) {
                   return;
diff --git a/templates/pdf.html.php b/templates/pdf.html.php
index 8477f35..6b70df8 100644
--- a/templates/pdf.html.php
+++ b/templates/pdf.html.php
@@ -62,6 +62,10 @@
                   <input type="radio" class="btn-check" id="radio_svg_text" data-svg="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dGFyZWEtdCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMS41IDIuNUExLjUgMS41IDAgMCAxIDMgMWgxMGExLjUgMS41IDAgMCAxIDEuNSAxLjV2My41NjNhMiAyIDAgMCAxIDAgMy44NzRWMTMuNUExLjUgMS41IDAgMCAxIDEzIDE1SDNhMS41IDEuNSAwIDAgMS0xLjUtMS41VjkuOTM3YTIgMiAwIDAgMSAwLTMuODc0VjIuNXptMSAzLjU2M2EyIDIgMCAwIDEgMCAzLjg3NFYxMy41YS41LjUgMCAwIDAgLjUuNWgxMGEuNS41IDAgMCAwIC41LS41VjkuOTM3YTIgMiAwIDAgMSAwLTMuODc0VjIuNUEuNS41IDAgMCAwIDEzIDJIM2EuNS41IDAgMCAwLS41LjV2My41NjN6TTIgN2ExIDEgMCAxIDAgMCAyIDEgMSAwIDAgMCAwLTJ6bTEyIDBhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIvPjxwYXRoIGQ9Ik0xMS40MzQgNEg0LjU2Nkw0LjUgNS45OTRoLjM4NmMuMjEtMS4yNTIuNjEyLTEuNDQ2IDIuMTczLTEuNDk1bC4zNDMtLjAxMXY2LjM0M2MwIC41MzctLjExNi42NjUtMS4wNDkuNzQ4VjEyaDMuMjk0di0uNDIxYy0uOTM4LS4wODMtMS4wNTQtLjIxLTEuMDU0LS43NDhWNC40ODhsLjM0OC4wMWMxLjU2LjA1IDEuOTYzLjI0NCAyLjE3MyAxLjQ5NmguMzg2TDExLjQzNCA0eiIvPjwvc3ZnPgo=" name="svg_2_add" autocomplete="off" value="text">
                   <label draggable="true" id="label_svg_text" class="btn btn-outline-secondary text-black text-start btn-svg" for="radio_svg_text"><i class="bi bi-textarea-t"></i> Texte</label>
               </div>
+              <div class="d-grid gap-2 mb-2 list-item-add">
+                  <input type="radio" class="btn-check" id="radio_svg_check" data-height="18" name="svg_2_add" autocomplete="off" value="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hlY2stbGciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyLjczNiAzLjk3YS43MzMuNzMzIDAgMCAxIDEuMDQ3IDBjLjI4Ni4yODkuMjkuNzU2LjAxIDEuMDVMNy44OCAxMi4wMWEuNzMzLjczMyAwIDAgMS0xLjA2NS4wMkwzLjIxNyA4LjM4NGEuNzU3Ljc1NyAwIDAgMSAwLTEuMDYuNzMzLjczMyAwIDAgMSAxLjA0NyAwbDMuMDUyIDMuMDkzIDUuNC02LjQyNWEuMjQ3LjI0NyAwIDAgMSAuMDItLjAyMloiLz4KPC9zdmc+Cg==">
+                  <label draggable="true" id="label_svg_check" class="btn btn-outline-secondary text-black text-start btn-svg" for="radio_svg_check"><i class="bi bi-check-square"></i> Case à cocher</label>
+              </div>
               <div id="svg_list" class="d-grid gap-2 mt-2 mb-2 list-item-add"></div>
 
               <div class="d-grid gap-2 mt-2">