✨ AddTeamModal working

ref #14

src/components/AddTeamModal.svelte

@@ -2,7 +2,10 @@
   import { _ } from "svelte-i18n";
   import { clickOutside } from "./outsideclick";
   import { focusTrap } from "svelte-focus-trap";
-  import { RunnerTeamService } from "@odit/lfk-client-js";
+  import {
+    RunnerOrganisationService,
+    RunnerTeamService,
+  } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   export let modal_open;
   export let current_teams;
@@ -28,6 +31,17 @@
       }
     };
   })();
+  $: teams = [];
+  $: parentGroup = undefined;
+  const orgs_promise = RunnerOrganisationService.runnerOrganisationControllerGetAll().then(
+    (val) => {
+      console.log(val);
+      teams = val;
+      val.forEach((t) => {
+        console.log(t.name);
+      });
+    }
+  );
   function submit() {
     if (processed_last_submit === true) {
       processed_last_submit = false;
@@ -35,7 +49,10 @@
         text: "Team is being added...",
         duration: -1,
       }).showToast();
-      RunnerTeamService.runnerTeamControllerPost({parentGroup:0,name})
+      RunnerTeamService.runnerTeamControllerPost({
+        parentGroup,
+        name: teamname,
+      })
         .then((result) => {
           console.log(result);
           teamname = "";
@@ -47,7 +64,7 @@
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
           current_teams.push(result);
-          current_teams=current_teams;
+          current_teams = current_teams;
         })
         .catch((err) => {
           //
@@ -131,6 +148,18 @@
                     </span>
                   {/if}
                 </div>
+                <div class="col-span-6">
+                  <label
+                    for="firstname"
+                    class="block text-sm font-medium text-gray-700">{$_('organization')}</label>
+                  <select
+                    bind:value={parentGroup}
+                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 dark:bg-gray-900 dark:text-gray-100 rounded-md p-2">
+                    {#each teams as t}
+                      <option value={t.id}>{t.name}</option>
+                    {/each}
+                  </select>
+                </div>
               </div>
             </div>
           </div>