From 32a9074963cce3328f14b1f981ddd5ee49df0008 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Wed, 15 Mar 2023 12:14:39 +0100
Subject: [PATCH] Wow this api is fun ref #159

---
 src/components/cards/ThFilterRunner.svelte | 31 ++++++++++------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/components/cards/ThFilterRunner.svelte b/src/components/cards/ThFilterRunner.svelte
index 9222616c..47a84120 100644
--- a/src/components/cards/ThFilterRunner.svelte
+++ b/src/components/cards/ThFilterRunner.svelte
@@ -5,31 +5,28 @@
 
 <th>
   <input
-    on:keyup={() => {
+    on:input={() => {
       setTimeout(() => {
         const v = filterValue.toLowerCase();
         handler.filter(v, (c) => {
-          if (v === "") {
-            return c;
-          }
-          if (!c.runner) {
-            return "";
+          // if (v === "") {
+          //   return c;
+          // }
+
+          if (!c.runner && v === "blanko") {
+            return "blanko";
           }
+
           if (v.startsWith("#")) {
-            const id = parseInt(v.replace("#", ""));
-            if (c.runner.id === id) {
-              console.log(c);
-              return c;
-            }
-          } else {
+            return `#${c.runner?.id}`;
+          }
+          if (c.runner) {
             let runnerName = `${c.runner.firstname} ${c.runner.lastname}`;
             if (c.runner.middlename) {
               runnerName = `${c.runner.firstname} ${c.runner.middlename} ${c.runner.lastname}`;
             }
             runnerName = runnerName.toLowerCase();
-            if (runnerName.includes(v)) {
-              return c;
-            }
+            return runnerName;
           }
           return "";
         });
@@ -37,8 +34,8 @@
     }}
     bind:value={filterValue}
     type="text"
-    name="filter__runner"
-    id="filter__runner"
+    name="runnerfilter"
+    id="runnerfilter"
   />
 </th>