lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Nicolai Ort 2023-04-12 18:47:52 +02:00
commit 19793cdcd4
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
4 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.svelte
View File

@ -1,5 +1,6 @@
<script> <script>
import "toastify-js/src/toastify.css"; import "toastify-js/src/toastify.css";
import "gridjs/dist/theme/mermaid.css";
import { Route, router } from "tinro"; import { Route, router } from "tinro";
router.subscribe((routeInfo) => { router.subscribe((routeInfo) => {
window.scrollTo(0, 0); window.scrollTo(0, 0);

30
src/components/runners/RunnersOverview.svelte
View File

@ -1,6 +1,6 @@
<script> <script>
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
let tablePageCount = [50, 100, 250, 500]; let tablePageCount = [25, 50, 100, 250, 500];
import { writable } from "svelte/store"; import { writable } from "svelte/store";
import { import {
createSvelteTable, createSvelteTable,
@ -25,6 +25,8 @@
import { groupFilter } from "../shared/tablefilters"; import { groupFilter } from "../shared/tablefilters";
import TableActions from "../shared/TableActions.svelte"; import TableActions from "../shared/TableActions.svelte";
$: selectedRunners =
$table?.getSelectedRowModel().rows.map((row) => row.original) || [];
$: selected = $: selected =
$table?.getSelectedRowModel().rows.map((row) => row.index) || []; $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
@ -88,10 +90,9 @@
$: active_deletes = []; $: active_deletes = [];
let dataLoaded = false; let dataLoaded = false;
export let current_runners = []; export let current_runners = [];
$: sponsoring_contracts_show = generate_runners.length > 0; $: sponsoring_contracts_show = selected.length > 0;
$: cards_show = generate_runners.length > 0; $: cards_show = selected.length > 0;
$: certificates_show = generate_runners.length > 0; $: certificates_show = selected.length > 0;
$: generate_runners = []; //current_runners.filter((r) => r.selected === true);
$: teams = []; $: teams = [];
$: orgs = []; $: orgs = [];
$: mappedteams = teams.map(function (g) { $: mappedteams = teams.map(function (g) {
@ -110,7 +111,7 @@
}, },
initialState: { initialState: {
pagination: { pagination: {
pageSize: tablePageCount[0], pageSize: 50,
}, },
}, },
enableRowSelection: true, enableRowSelection: true,
@ -151,22 +152,25 @@
<p class="text-sm">{$_("this-might-take-a-moment")}</p> <p class="text-sm">{$_("this-might-take-a-moment")}</p>
</div> </div>
{:else} {:else}
<div class="h-12"> <div class="h-12 mt-2">
<GenerateSponsoringContracts <GenerateSponsoringContracts
bind:sponsoring_contracts_show bind:sponsoring_contracts_show
bind:generate_runners bind:generate_runners={selectedRunners}
/>
<GenerateRunnerCards
bind:cards_show
bind:generate_runners={selectedRunners}
/> />
<GenerateRunnerCards bind:cards_show bind:generate_runners />
<GenerateRunnerCertificates <GenerateRunnerCertificates
bind:certificates_show bind:certificates_show
bind:generate_runners bind:generate_runners={selectedRunners}
/> />
</div> </div>
<table class="w-full"> <table class="w-full">
<thead> <thead>
{#each $table.getHeaderGroups() as headerGroup} {#each $table.getHeaderGroups() as headerGroup}
<tr class="select-none"> <tr class="select-none">
<th class="inset-y-0 left-0 px-4 py-2 text-left bg-stone-100 w-px"> <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
<InputElement <InputElement
type="checkbox" type="checkbox"
checked={$table.getIsAllRowsSelected()} checked={$table.getIsAllRowsSelected()}
@ -229,7 +233,7 @@
<tbody> <tbody>
{#each $table.getRowModel().rows as row} {#each $table.getRowModel().rows as row}
<tr> <tr>
<td class="inset-y-0 left-0 px-4 py-2"> <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
<InputElement <InputElement
type="checkbox" type="checkbox"
checked={row.getIsSelected()} checked={row.getIsSelected()}
@ -312,7 +316,7 @@
{/each} {/each}
</select> </select>
</div> </div>
<pre>{JSON.stringify($table.getState(), null, 2)}</pre> <!-- <pre>{JSON.stringify($table.getState(), null, 2)}</pre> -->
<div> <div>
{Object.keys(selected).length} of{" "} {Object.keys(selected).length} of{" "}
{$table.getPreFilteredRowModel().rows.length} Total Rows Selected {$table.getPreFilteredRowModel().rows.length} Total Rows Selected

6
src/components/tracks/Tracks.svelte
View File

@ -57,9 +57,9 @@
.querySelector(`[data-id="triggered_table_actions_${trackid}"]`) .querySelector(`[data-id="triggered_table_actions_${trackid}"]`)
.classList.add("hidden"); .classList.add("hidden");
// //
elem.childNodes[0].innerHTML = `<td data-column-id="trackName">${elem.childNodes[0].childNodes[0].value}</td>`; elem.childNodes[0].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[0].childNodes[0].value}</td>`;
elem.childNodes[1].innerHTML = `<td data-column-id="trackName">${elem.childNodes[1].childNodes[0].value}</td>`; elem.childNodes[1].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[1].childNodes[0].value}</td>`;
elem.childNodes[2].innerHTML = `<td data-column-id="trackName">${elem.childNodes[2].childNodes[0].value}</td>`; elem.childNodes[2].innerHTML = `<td data-column-id="trackName" class="gridjs-td">${elem.childNodes[2].childNodes[0].value}</td>`;
}) })
.catch((err) => {}); .catch((err) => {});
} }

1
src/main.js
View File

@ -1,5 +1,6 @@
import './style.css'; import './style.css';
import "toastify-js/src/toastify.css"; import "toastify-js/src/toastify.css";
import "gridjs/dist/theme/mermaid.css";
import App from './App.svelte'; import App from './App.svelte';
const app = new App({ const app = new App({