🧹 TeamDetail cleanup

ref #14

src/components/TeamDetail.svelte

@@ -8,13 +8,19 @@
   import store from "../store";
   import PromiseError from "./PromiseError.svelte";
   import ConfirmTeamDeletion from "./ConfirmTeamDeletion.svelte";
+  export let params;
+  let [teamdata, original, delete_team, orgs, modal_open] = [
+    {},
+    {},
+    {},
+    [],
+    false,
+  ];
   $: delete_triggered = false;
   $: save_enabled = !data_changed;
-  export let params;
-  let teamdata = {};
-  let original = {};
   $: data_loaded = false;
   $: data_changed = JSON.stringify(teamdata) === JSON.stringify(original);
+  //
   const promise = RunnerTeamService.runnerTeamControllerGetOne(
     params.teamid
   ).then((value) => {
@@ -22,18 +28,9 @@
     teamdata = Object.assign(teamdata, value);
     original = Object.assign(original, value);
   });
-  $: orgs = [];
-  let modal_open = false;
-  let delete_team = {};
-  const orgs_promise = RunnerOrganisationService.runnerOrganisationControllerGetAll().then(
-    (val) => {
-      console.log(val);
+  RunnerOrganisationService.runnerOrganisationControllerGetAll().then((val) => {
     orgs = val;
-      val.forEach((t) => {
-        console.log(t.name);
   });
-    }
-  );
   function deleteTeam() {
     RunnerTeamService.runnerTeamControllerRemove(original.id, true)
       .then((resp) => {
@@ -205,13 +202,17 @@
         name="contact"
         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" />
     </div>
+    <div class="text-sm w-full">
+      <label for="org" class="font-medium text-gray-700">Parent Organization</label>
       <select
+        name="org"
         bind:value={teamdata.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 orgs as o}
           <option value={o.id}>{o.name}</option>
         {/each}
       </select>
+    </div>
   </section>
 {:else}
   {#await promise}