Merge branch 'experiment/tanstack' of git.odit.services:lfk/frontend into experiment/tanstack

src/components/runners/DeleteRunnerModal.svelte

@@ -10,9 +10,6 @@
   };
   const dispatch = createEventDispatcher();
 
-  function focus(el) {
-    el.focus();
-  }
   (() => {
     document.onkeydown = (e) => {
       e = e || window.event;
@@ -28,7 +25,7 @@
     };
   })();
   async function submit() {
-    dispatch('delete', {id: delete_runner.id})
+    dispatch("delete", { id: delete_runner.id });
   }
 </script>
 

src/components/runners/RunnersOverview.svelte

@@ -1,7 +1,9 @@
 <script>
-  import { _ } from "svelte-i18n";
+  import {
-  let tablePageCount = [25, 50, 100, 250, 500];
+    RunnerOrganizationService,
-  import { writable } from "svelte/store";
+    RunnerService,
+    RunnerTeamService,
+  } from "@odit/lfk-client-js";
   import {
     createSvelteTable,
     flexRender,
@@ -11,19 +13,16 @@
     getSortedRowModel,
     renderComponent,
   } from "@tanstack/svelte-table";
-  import {
+  import { onMount } from "svelte";
-    RunnerService,
+  import { _ } from "svelte-i18n";
-    RunnerTeamService,
+  import { writable } from "svelte/store";
-    RunnerOrganizationService,
-  } from "@odit/lfk-client-js";
   import store from "../../store";
-  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
   import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
-  import { onMount } from "svelte";
+  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
   import InputElement from "../shared/InputElement.svelte";
-  import { groupFilter } from "../shared/tablefilters";
   import TableActions from "../shared/TableActions.svelte";
+  import { groupFilter } from "../shared/tablefilters";
   import DeleteRunnerModal from "./DeleteRunnerModal.svelte";
 
   $: selectedRunners =
@@ -103,14 +102,6 @@
   $: certificates_show = selected.length > 0;
   $: teams = [];
   $: orgs = [];
-  $: mappedteams = teams.map(function (g) {
-    return { value: g.id, label: g.parentGroup.name + " > " + g.name };
-  });
-  $: selectgroups = orgs
-    .map(function (g) {
-      return { value: g.id, label: g.name };
-    })
-    .concat(mappedteams);
   const options = writable({
     data: [],
     columns: columns,
@@ -130,9 +121,9 @@
   });
   const table = createSvelteTable(options);
 
-  async function deleteRunner(id) {
+  async function deleteRunner(delete_runner_id) {
-    await RunnerService.runnerControllerRemove(delete_runner.id, true);
+    await RunnerService.runnerControllerRemove(delete_runner_id, true);
-    current_runners = current_runners.filter((r) => r.id !== delete_runner.id);
+    current_runners = current_runners.filter((r) => r.id !== delete_runner_id);
     Toastify({
       text: $_("runner-deleted"),
       duration: 3500,
@@ -340,7 +331,7 @@
           $table.setPageSize(Number(e.target.value));
         }}
       >
-        {#each tablePageCount as pageSize}
+        {#each [25, 50, 100, 250, 500] as pageSize}
           <option value={pageSize}>{pageSize}</option>
         {/each}
       </select>