From 25eb1c20586115331cdf358f45c44e64f20cf582 Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Tue, 28 Sep 2021 09:14:11 +0200
Subject: [PATCH] =?UTF-8?q?Bouton=20pour=20supprimer=20un=20svg=20enregist?=
 =?UTF-8?q?r=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/js/app.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/public/js/app.js b/public/js/app.js
index c672bc7..5df3188 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -19,7 +19,6 @@ loadingTask.promise.then(function(pdf) {
     
     if(localStorage.getItem('svgCollections')) {
         svgCollections = JSON.parse(localStorage.getItem('svgCollections'));
-        console.log(svgCollections);
     }
 
     opentype.load('/vendor/fonts/Caveat-Regular.ttf', function(err, font) {
@@ -38,10 +37,12 @@ loadingTask.promise.then(function(pdf) {
             inputRadio.autocomplete = "off";
             inputRadio.value = svg;
             var svgButton = document.createElement('label');
+            svgButton.classList.add('position-relative');
             svgButton.classList.add('btn');
             svgButton.classList.add('btn-lg');
             svgButton.classList.add('btn-outline-secondary');
             svgButton.htmlFor = "radio_svg_"+i;
+            svgButton.innerHTML = '<a data-index="'+i+'" class="btn-svg-list-suppression link-dark position-absolute" style="right: 6px; top: 2px;"><small><i class="bi bi-trash"></i></small></a>';
             var svgImg = document.createElement('img');
             svgImg.src = svg;
             svgImg.style = "max-width: 180px;max-height: 70px;";
@@ -49,6 +50,15 @@ loadingTask.promise.then(function(pdf) {
             document.getElementById('svg_list').appendChild(inputRadio);
             document.getElementById('svg_list').appendChild(svgButton);
         });
+
+        document.querySelectorAll('.btn-svg-list-suppression').forEach(function(item) {
+            item.addEventListener('click', function() {
+                svgCollections.splice(this.dataset.index, 1);
+                displaysSVG();
+                localStorage.setItem('svgCollections', JSON.stringify(svgCollections));
+            });
+        });
+
     }
     
     displaysSVG();