Browse Source

Add dialog loading while fetching openFoodFacts data

Arnaud Vergnet 1 year ago
parent
commit
bfa1319b27
1 changed files with 30 additions and 27 deletions
  1. 30
    27
      assets/js/index.js

+ 30
- 27
assets/js/index.js View File

@@ -1,38 +1,41 @@
1
-async function sendRequest() {
2
-    let response = await $.ajax({
3
-        type: "POST",
4
-        url: "write_json.php",
5
-    });
6
-    response = JSON.parse(response);
7
-    console.log(response);
8
-    return response["status"];
9
-}
10
-
11
-
12 1
 $('#uploadButton').on('click', function () {
13 2
     $.confirm({
14 3
         title: 'Confirmer',
15
-        content: "Voulez vous vraiment mettre en ligne le stock actuel du Proximo ? Il sera visible depuis l'application CAMPUS.",
4
+        content: "Voulez vous vraiment mettre en ligne le stock actuel du Proximo ? Il sera visible depuis l'application CAMPUS." +
5
+            "<br/><br/><strong>NOUVEAUTÉ !</strong><br/>Le site va maintenant récupérer les informations nutritionelles sur le site OpenFoodFacts !" +
6
+            "<br><strong>La mise en ligne va donc prendre plus longtemps</strong>",
16 7
         type: "orange",
17 8
         buttons: {
18 9
             formSubmit: {
19 10
                 text: 'Confirmer',
20 11
                 btnClass: "btn-warning",
21
-                action: async function () {
22
-                    let result = await sendRequest();
23
-                    if (result !== 0) {
24
-                        $.alert({
25
-                            title: "Erreur",
26
-                            content: "Une erreur est survenue, merci de réessayer plus tard.",
27
-                            type: "red",
28
-                        })
29
-                    } else {
30
-                        $.alert({
31
-                            title: "Succès",
32
-                            content: "Le stock a bien été mis à jour.",
33
-                            type: "green",
34
-                        })
35
-                    }
12
+                action: function () {
13
+                    $.confirm({
14
+                        columnClass: "small",
15
+                        content: function () {
16
+                            let self = this;
17
+                            return $.ajax({
18
+                                type: "POST",
19
+                                url: "write_json.php",
20
+                            }).done((data) => {
21
+                                const response = JSON.parse(data);
22
+                                if (response["status"] === 0) {
23
+                                    self.setTitle("Succès");
24
+                                    self.setContent('Le stock a bien été mis à jour.');
25
+                                    self.setType("green");
26
+                                } else {
27
+                                    self.setTitle("Erreur");
28
+                                    self.setContent('Une erreur est survenue, merci de réessayer plus tard.');
29
+                                    self.setType("red");
30
+                                }
31
+                            }).fail(() => {
32
+                                self.setTitle("Erreur");
33
+                                self.setContent('Une erreur est survenue, merci de réessayer plus tard.');
34
+                                self.setType("red");
35
+                            });
36
+                        },
37
+                        type: "orange",
38
+                    })
36 39
                 }
37 40
             },
38 41
             cancel: {

Loading…
Cancel
Save