From 64db5531858b2275d27c53a347da6c0416a278e8 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 18:31:43 +0200
Subject: [PATCH 1/7] fix: checkbox styling

---
 src/components/runners/RunnersOverview.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index f261ed7a..36a2b921 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -150,7 +150,7 @@
       <thead>
         {#each $table.getHeaderGroups() as headerGroup}
           <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
                 type="checkbox"
                 checked={$table.getIsAllRowsSelected()}
@@ -213,7 +213,7 @@
       <tbody>
         {#each $table.getRowModel().rows as row}
           <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
                 type="checkbox"
                 checked={row.getIsSelected()}

From 49c2cd5c4b32e1b75fe0dae48c1b470608936704 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 18:36:49 +0200
Subject: [PATCH 2/7] show certificate, runnercard, sponsoring contract section

---
 src/components/runners/RunnersOverview.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 36a2b921..42edbf6c 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -72,9 +72,9 @@
   $: active_deletes = [];
   let dataLoaded = false;
   export let current_runners = [];
-  $: sponsoring_contracts_show = generate_runners.length > 0;
-  $: cards_show = generate_runners.length > 0;
-  $: certificates_show = generate_runners.length > 0;
+  $: sponsoring_contracts_show = selected.length > 0;
+  $: cards_show = selected.length > 0;
+  $: certificates_show = selected.length > 0;
   $: generate_runners = []; //current_runners.filter((r) => r.selected === true);
   $: teams = [];
   $: orgs = [];

From 245db0617306bab23993caf00dc5ba0405e95625 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 18:37:02 +0200
Subject: [PATCH 3/7] updated default table row count

---
 src/components/runners/RunnersOverview.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 42edbf6c..ce5261c8 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -1,6 +1,6 @@
 <script>
   import { _ } from "svelte-i18n";
-  let tablePageCount = [50, 100, 250, 500];
+  let tablePageCount = [25, 50, 100, 250, 500];
   import { writable } from "svelte/store";
   import {
     createSvelteTable,
@@ -94,7 +94,7 @@
     },
     initialState: {
       pagination: {
-        pageSize: tablePageCount[0],
+        pageSize: 50,
       },
     },
     enableRowSelection: true,

From 88f96acc3c31c748d3da29b4564dd681a89208b9 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 18:37:26 +0200
Subject: [PATCH 4/7] RunnersOverview: TopActionSection: add margin top

---
 src/components/runners/RunnersOverview.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index ce5261c8..2dc97859 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -135,7 +135,7 @@
       <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
   {:else}
-    <div class="h-12">
+    <div class="h-12 mt-2">
       <GenerateSponsoringContracts
         bind:sponsoring_contracts_show
         bind:generate_runners

From 2c992a0e63fa72055d28785fe7f5c21fd26f1fea Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 18:37:38 +0200
Subject: [PATCH 5/7] RunnersOverview: disable debug log

---
 src/components/runners/RunnersOverview.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 2dc97859..428494bf 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -296,7 +296,7 @@
         {/each}
       </select>
     </div>
-    <pre>{JSON.stringify($table.getState(), null, 2)}</pre>
+    <!-- <pre>{JSON.stringify($table.getState(), null, 2)}</pre> -->
     <div>
       {Object.keys(selected).length} of{" "}
       {$table.getPreFilteredRowModel().rows.length} Total Rows Selected

From d4ab76ea1be1789aaa53ca57d33b2356c6804ffd Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 18:42:16 +0200
Subject: [PATCH 6/7] RunnersOverview: pass selectedRunners to actions

---
 src/components/runners/RunnersOverview.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 428494bf..cdf33ef9 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -23,6 +23,8 @@
   import InputElement from "../shared/InputElement.svelte";
   import { groupFilter } from "../shared/tablefilters";
 
+  $: selectedRunners =
+    $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
   $: selected =
     $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
 
@@ -75,7 +77,6 @@
   $: sponsoring_contracts_show = selected.length > 0;
   $: cards_show = selected.length > 0;
   $: certificates_show = selected.length > 0;
-  $: generate_runners = []; //current_runners.filter((r) => r.selected === true);
   $: teams = [];
   $: orgs = [];
   $: mappedteams = teams.map(function (g) {
@@ -138,12 +139,15 @@
     <div class="h-12 mt-2">
       <GenerateSponsoringContracts
         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
         bind:certificates_show
-        bind:generate_runners
+        bind:generate_runners={selectedRunners}
       />
     </div>
     <table class="w-full">

From c7990882cfa4ac6c3a2ffa696dcbf3b62790c1fe Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 18:46:31 +0200
Subject: [PATCH 7/7] fix: TracksOverview

---
 src/App.svelte                      | 1 +
 src/components/tracks/Tracks.svelte | 6 +++---
 src/main.js                         | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 77561f97..586d88b4 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,5 +1,6 @@
 <script>
   import "toastify-js/src/toastify.css";
+  import "gridjs/dist/theme/mermaid.css";
   import { Route, router } from "tinro";
   router.subscribe((routeInfo) => {
     window.scrollTo(0, 0);
diff --git a/src/components/tracks/Tracks.svelte b/src/components/tracks/Tracks.svelte
index ec87e0ef..4dcabb1c 100644
--- a/src/components/tracks/Tracks.svelte
+++ b/src/components/tracks/Tracks.svelte
@@ -57,9 +57,9 @@
             .querySelector(`[data-id="triggered_table_actions_${trackid}"]`)
             .classList.add("hidden");
           //
-          elem.childNodes[0].innerHTML = `<td data-column-id="trackName">${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[2].innerHTML = `<td data-column-id="trackName">${elem.childNodes[2].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" class="gridjs-td">${elem.childNodes[1].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) => {});
     }
diff --git a/src/main.js b/src/main.js
index 26111a91..51f1c65b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,6 @@
 import './style.css';
 import "toastify-js/src/toastify.css";
+import "gridjs/dist/theme/mermaid.css";
 import App from './App.svelte';
 
 const app = new App({