3 files changed, 124 insertions, 5 deletions

diff --git a/public/css/form.css b/public/css/form.css
index c17662d..30673c9 100644
--- a/public/css/form.css
+++ b/public/css/form.css
@@ -2,7 +2,6 @@
         background-color: white;
         margin: auto;
         padding: 10px;
-        max-width: 800px;
         display: grid;
         grid-template-columns: auto 1fr;
         gap: 10px;
@@ -35,6 +34,9 @@
 .form .admin_form i{
         font-size: smaller;
 }
+.form_warning{
+        font-size: smaller;
+}
 
 @media screen and (max-width: 600px){
         .form_inputs{
diff --git a/public/css/show_emails.css b/public/css/show_emails.css
new file mode 100644
index 0000000..4fb9f3b
--- /dev/null
+++ b/public/css/show_emails.css
@@ -0,0 +1,24 @@
+.show_emails p{
+        font-size: smaller;
+}
+.show_emails table{
+        
+        padding: 10px;
+        border-collapse: collapse;
+        font-size: smaller;
+}
+.show_emails table th, .show_emails table td{
+        background-color: white;
+        border: 1px black solid;
+}
+.show_emails table td{
+        vertical-align: top;
+        text-align: center;
+}
+.show_emails table .email_delete_button{
+        /*background-color: initial;*/
+        /*border: none;*/
+}
+.show_emails .action_icon{
+        width: 20px;
+}
\ No newline at end of file
diff --git a/public/js/form.js b/public/js/form.js
index 4be83c6..7cee970 100644
--- a/public/js/form.js
+++ b/public/js/form.js
@@ -1,5 +1,3 @@
-//function sendMessage(){}
-
 // modif des paramètres d'e-mail: e-mail source/dest, mot de passe, serveur smtp & chiffrement tls/ssl
 function setEmailParam(what_param, id){
         const value = document.getElementById(what_param + '_' + id).value;
@@ -28,8 +26,41 @@ function setEmailParam(what_param, id){
     });
 }
 
-function checkCase(){
-    if(document.getElementById('email_address').value.match('[A-Z]')){
+function keepEmails(block_id){
+    const form = document.getElementById('keep_emails_' + block_id);
+    const warning = document.getElementById('form_warning_' + block_id);
+    if(!form || !warning){
+        return;
+    }
+
+    fetch('index.php?action=keep_emails', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            id: block_id,
+            checked: form.checked
+        })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if(data.success){
+            form.checked = data.checked;
+            data.checked ? warning.classList.remove('hidden') : warning.classList.add('hidden');
+            toastNotify(data.checked ? "Les e-mails seront conservés. Pensez au RGPD." : "Les nouveaux e-mails ne seront pas conservés.");
+        }
+        else{
+            toastNotify("Erreur, le réglage n'a pas été enregistré par le serveur.");
+        }
+    })
+    .catch(error => {
+        console.error('Erreur:', error);
+    });
+}
+
+function checkCase(id){
+    if(document.getElementById('email_address_' + id).value.match('[A-Z]')){
         toastNotify("Votre e-mail comporte une lettre majuscule, il s'agit probablement d'une erreur.");
     }
 }
@@ -118,4 +149,66 @@ function sendVisitorEmail(id){
     .catch(error => {
         console.error('Erreur:', error);
     });
+}
+
+function deleteEmail(id){
+    const table_row = document.getElementById(id);
+    if(!table_row){
+        return;
+    }
+
+    if(confirm('Voulez-vous supprimer cet e-mail ?')){
+        fetch('index.php?action=delete_email', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                id: id
+            })
+        })
+        .then(response => response.json())
+        .then(data => {
+            if(data.success){
+                table_row.remove();
+                toastNotify("E-mail supprimé");
+            }
+            else{}
+        })
+        .catch(error => {
+            console.error('Erreur:', error);
+        });
+    }
+}
+
+function toggleSensitiveEmail(id){
+    const table_row = document.getElementById(id);
+    const checkbox = table_row.querySelector("input[class='make_checkbox_sensitive']");
+    const deletion_date = table_row.querySelector(".deletion_date");
+    if(!table_row || !checkbox || !deletion_date){
+        return;
+    }
+
+    fetch('index.php?action=toggle_sensitive_email', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            id: id,
+            checked: checkbox.checked
+        })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if(data.success){
+            checkbox.checked = data.checked;
+            deletion_date.innerHTML = data.deletion_date;
+            console.log(data.checked ? "Cet e-mail est maintenant considéré comme sensible." : "Cet e-mail n'est plus sensible.");
+        }
+        else{}
+    })
+    .catch(error => {
+        console.error('Erreur:', error);
+    });
 }
\ No newline at end of file