From bfa1319b27cf7945b170a2e232d7143ca6625a71 Mon Sep 17 00:00:00 2001
From: Arnaud Vergnet <arnaud.vergnet@mailo.com>
Date: Wed, 9 Sep 2020 12:44:49 +0200
Subject: [PATCH] Add dialog loading while fetching openFoodFacts data

---
 assets/js/index.js | 57 ++++++++++++++++++++++++----------------------
 1 file changed, 30 insertions(+), 27 deletions(-)

diff --git a/assets/js/index.js b/assets/js/index.js
index 9b73c0b..19cbfa4 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -1,38 +1,41 @@
-async function sendRequest() {
-    let response = await $.ajax({
-        type: "POST",
-        url: "write_json.php",
-    });
-    response = JSON.parse(response);
-    console.log(response);
-    return response["status"];
-}
-
-
 $('#uploadButton').on('click', function () {
     $.confirm({
         title: 'Confirmer',
-        content: "Voulez vous vraiment mettre en ligne le stock actuel du Proximo ? Il sera visible depuis l'application CAMPUS.",
+        content: "Voulez vous vraiment mettre en ligne le stock actuel du Proximo ? Il sera visible depuis l'application CAMPUS." +
+            "<br/><br/><strong>NOUVEAUTÉ !</strong><br/>Le site va maintenant récupérer les informations nutritionelles sur le site OpenFoodFacts !" +
+            "<br><strong>La mise en ligne va donc prendre plus longtemps</strong>",
         type: "orange",
         buttons: {
             formSubmit: {
                 text: 'Confirmer',
                 btnClass: "btn-warning",
-                action: async function () {
-                    let result = await sendRequest();
-                    if (result !== 0) {
-                        $.alert({
-                            title: "Erreur",
-                            content: "Une erreur est survenue, merci de réessayer plus tard.",
-                            type: "red",
-                        })
-                    } else {
-                        $.alert({
-                            title: "Succès",
-                            content: "Le stock a bien été mis à jour.",
-                            type: "green",
-                        })
-                    }
+                action: function () {
+                    $.confirm({
+                        columnClass: "small",
+                        content: function () {
+                            let self = this;
+                            return $.ajax({
+                                type: "POST",
+                                url: "write_json.php",
+                            }).done((data) => {
+                                const response = JSON.parse(data);
+                                if (response["status"] === 0) {
+                                    self.setTitle("Succès");
+                                    self.setContent('Le stock a bien été mis à jour.');
+                                    self.setType("green");
+                                } else {
+                                    self.setTitle("Erreur");
+                                    self.setContent('Une erreur est survenue, merci de réessayer plus tard.');
+                                    self.setType("red");
+                                }
+                            }).fail(() => {
+                                self.setTitle("Erreur");
+                                self.setContent('Une erreur est survenue, merci de réessayer plus tard.');
+                                self.setType("red");
+                            });
+                        },
+                        type: "orange",
+                    })
                 }
             },
             cancel: {