Sending & processing an AJAX request

templates/base.layout.tmpl

@@ -177,14 +177,13 @@
                         title = "",
                     } = c;
 
-                    const {value: formValues} = await Swal.fire({
+                    const {value: result} = await Swal.fire({
                         title: title,
                         html: msg,
                         backdrop: false,
                         focusConfirm: false,
                         showCancelButton: true,
                         willOpen: () => {
-                            console.log("test")
                             const elem = document.getElementById('reservation-dates-modal')
                             const rp = new DateRangePicker(elem, {
                                 "format": "yyyy-mm-dd",
@@ -205,8 +204,14 @@
                         },
                     })
 
-                    if (formValues) {
+                    if (c.callback !== undefined) {
-                        Swal.fire(JSON.stringify(formValues))
+                        if (result &&
+                            result.dismiss !== Swal.DismissReason.cancel &&
+                            result !== "") {
+                            c.callback(result);
+                        } else {
+                            c.callback(false);
+                        }
                     }
                 }
 

templates/generals.page.tmpl

@@ -43,7 +43,20 @@
                     </div>
                 </form>
             `;
-        Prompt().custom({title: "Choose your dates", msg: html})
+        Prompt().custom({
+            title: "Choose your dates",
+            msg: html,
+            callback: (result) => {
+                console.log(result);
+
+                fetch('/availability-json')
+                    .then(response => response.json())
+                    .then(data => {
+                        console.log(data);
+                    })
+            },
         });
+    });
+
 </script>
 {{end}}