From 818f08d24c71b7ee092a8ef7bd34890f33f775f8 Mon Sep 17 00:00:00 2001
From: Gabriel Poma <gpoma@24eme.fr>
Date: Mon, 26 Dec 2022 18:18:09 +0100
Subject: [PATCH 1/5] prompt rechargement de la page

TODO: checker si modification
---
 public/js/signature.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/public/js/signature.js b/public/js/signature.js
index 71d4135..81d0067 100644
--- a/public/js/signature.js
+++ b/public/js/signature.js
@@ -903,6 +903,11 @@ var createEventsListener = function() {
         zoomChange(1)
     });
 
+    window.addEventListener('beforeunload', function(event) {
+        event.preventDefault();
+        return true;
+    });
+
     if(hash) {
         updateNbLayers();
         setInterval(function() {

From b037685c579ae3f4dd6902db67741e6c0e098d11 Mon Sep 17 00:00:00 2001
From: Gabriel Poma <gpoma@24eme.fr>
Date: Wed, 19 Apr 2023 11:03:57 +0200
Subject: [PATCH 2/5] =?UTF-8?q?metadata:=20nom=20de=20la=20m=C3=A9tadonn?=
 =?UTF-8?q?=C3=A9e=20requis?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/metadata.html.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/metadata.html.php b/templates/metadata.html.php
index 19254a1..f85fa92 100644
--- a/templates/metadata.html.php
+++ b/templates/metadata.html.php
@@ -57,7 +57,7 @@
                     </div>
                     <form id="form_metadata_add">
                     <div class="input-group mt-3">
-                      <input name="metadata_key" type="text" class="form-control" placeholder="Ma nouvelle metadonnée" aria-label="Recipient's username">
+                      <input name="metadata_key" type="text" class="form-control" placeholder="Ma nouvelle metadonnée" required aria-label="Recipient's username">
                       <button class="btn btn-outline-secondary" type="submit">Ajouter</button>
                     </div>
                     </form>

From cbea7de84018e3a8692a9e00cc6782f88e1714c1 Mon Sep 17 00:00:00 2001
From: Gabriel Poma <gpoma@24eme.fr>
Date: Wed, 19 Apr 2023 13:00:30 +0200
Subject: [PATCH 3/5] =?UTF-8?q?metadata:=20suppression=20metadonn=C3=A9e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/app.css    |  9 +++++++++
 public/js/metadata.js | 23 +++++++++++++++++++++--
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 89db3b0..9a8d7d2 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -63,6 +63,15 @@
     border-color: transparent !important;
 }
 
+.delete-metadata {
+    cursor: pointer;
+    position: absolute;
+    right: -20px;
+    top: 0;
+    font-size: 1.2rem;
+    user-select: none;
+}
+
 @media (max-width: 480px) {
     .subtitle {
         font-size: .875em
diff --git a/public/js/metadata.js b/public/js/metadata.js
index 3511845..5d38295 100644
--- a/public/js/metadata.js
+++ b/public/js/metadata.js
@@ -52,19 +52,32 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
 
 var addMetadata = function(key, value) {
     let div = document.createElement('div');
-    div.classList.add('form-floating');
-    div.classList.add('mt-3');
+    div.classList.add('form-floating', 'mt-3', 'input-metadata');
+
     let input = document.createElement('input');
     input.value = value;
     input.classList.add('form-control');
+
     let label = document.createElement('label');
     label.innerText = key;
+
+    let deleteButton = document.createElement('div')
+    deleteButton.innerHTML = "×"
+    deleteButton.classList.add('delete-metadata')
+
     div.appendChild(input);
     div.appendChild(label);
+    div.appendChild(deleteButton);
     document.getElementById('form-metadata-container').appendChild(div);
+
     input.focus();
 }
 
+const deleteMetadata = function(el) {
+    const input = el.closest('.input-metadata')
+    input.remove()
+}
+
 var createEventsListener = function() {
     document.getElementById('form_metadata_add').addEventListener('submit', function(e) {
         let formData = new FormData(this);
@@ -72,6 +85,12 @@ var createEventsListener = function() {
         this.reset();
         e.preventDefault();
     })
+
+    document.addEventListener('click', function (event) {
+        if (event.target.closest(".delete-metadata")) {
+            deleteMetadata(event.target)
+        }
+    })
 }
 
 async function getPDFBlobFromCache(cacheUrl) {

From 011c9094e181ebb73db1b7c62fafa3bd67c198df Mon Sep 17 00:00:00 2001
From: Gabriel Poma <gpoma@24eme.fr>
Date: Wed, 19 Apr 2023 15:37:51 +0200
Subject: [PATCH 4/5] suppression: croix dans input

---
 public/css/app.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/css/app.css b/public/css/app.css
index 9a8d7d2..cdfe178 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -64,14 +64,19 @@
 }
 
 .delete-metadata {
+    display: none;
     cursor: pointer;
     position: absolute;
-    right: -20px;
+    right: 10px;
     top: 0;
     font-size: 1.2rem;
     user-select: none;
 }
 
+.input-metadata:hover > .delete-metadata {
+    display: block;
+}
+
 @media (max-width: 480px) {
     .subtitle {
         font-size: .875em

From eab2e0c12763b4055c66238719a71204a3ea4d9b Mon Sep 17 00:00:00 2001
From: Gabriel Poma <gpoma@24eme.fr>
Date: Wed, 19 Apr 2023 15:42:48 +0200
Subject: [PATCH 5/5] suppression: confirm

---
 public/js/metadata.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/public/js/metadata.js b/public/js/metadata.js
index 5d38295..1f17ec9 100644
--- a/public/js/metadata.js
+++ b/public/js/metadata.js
@@ -74,6 +74,8 @@ var addMetadata = function(key, value) {
 }
 
 const deleteMetadata = function(el) {
+    if (confirm("Souhaitez-vous supprimer ce champ ?") === false) return;
+
     const input = el.closest('.input-metadata')
     input.remove()
 }