From 501bf7a5f4895f5b821abfe62830602171a57655 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Sun, 3 Jan 2021 15:55:29 +0100
Subject: [PATCH] AddTrackModal action

ref #11
---
 src/components/AddTrackModal.svelte | 32 +++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/components/AddTrackModal.svelte b/src/components/AddTrackModal.svelte
index 7f35b517..030d59a5 100644
--- a/src/components/AddTrackModal.svelte
+++ b/src/components/AddTrackModal.svelte
@@ -3,8 +3,40 @@
   let trackname_input;
   let trackname_input_value;
   let tracklength;
+  import { TrackService } from "@odit/lfk-client-js";
   export let modal_open;
+  let processed_last_submit = true;
+  import Toastify from "toastify-js";
+  import "toastify-js/src/toastify.css";
   function submit() {
+    if (processed_last_submit === true) {
+      processed_last_submit = false;
+      const toast = Toastify({
+        text: "Track is being added...",
+        duration: -1,
+      }).showToast();
+      TrackService.trackControllerPost({
+        distance: parseInt(tracklength),
+        name: trackname_input_value,
+      })
+        .then((result) => {
+          console.log(result);
+          Toastify({
+            text: "Track added",
+            duration: 500,
+            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+          }).showToast();
+          modal_open = false;
+        })
+        .catch((err) => {
+          //
+        })
+        .finally(() => {
+          processed_last_submit = true;
+          //
+          toast.hideToast();
+        });
+    }
   }
 </script>