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

This commit is contained in:
Nicolai Ort 2023-04-12 19:21:19 +02:00
commit 95707a71a9
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
2 changed files with 15 additions and 27 deletions

View File

@ -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>

View File

@ -1,7 +1,9 @@
<script>
import { _ } from "svelte-i18n";
let tablePageCount = [25, 50, 100, 250, 500];
import { writable } from "svelte/store";
import {
RunnerOrganizationService,
RunnerService,
RunnerTeamService,
} from "@odit/lfk-client-js";
import {
createSvelteTable,
flexRender,
@ -11,19 +13,16 @@
getSortedRowModel,
renderComponent,
} from "@tanstack/svelte-table";
import {
RunnerService,
RunnerTeamService,
RunnerOrganizationService,
} from "@odit/lfk-client-js";
import { onMount } from "svelte";
import { _ } from "svelte-i18n";
import { writable } from "svelte/store";
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) {
await RunnerService.runnerControllerRemove(delete_runner.id, true);
current_runners = current_runners.filter((r) => r.id !== delete_runner.id);
async function deleteRunner(delete_runner_id) {
await RunnerService.runnerControllerRemove(delete_runner_id, true);
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>