src/components/cards/CardsOverview.svelte

@@ -7,7 +7,6 @@
   import CardsEmptyState from "./CardsEmptyState.svelte";
   import CardDetailModal from "./CardDetailModal.svelte";
   import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
-  import ThFilterGroup from "./ThFilterGroup.svelte";
   export let edit_modal_open = false;
   export let runner = {};
   export let editable = {};
@@ -100,7 +99,7 @@
               <th />
               <ThFilter {handler} filterBy="code" />
               <ThFilter {handler} filterBy="runner" />
-              <ThFilterGroup {handler} />
+              <ThFilter {handler} filterBy="status" />
               <th />
             </tr>
           </thead>
@@ -181,12 +180,10 @@
                       >{$_("confirm-delete")}</button
                     >
                   {:else}
-                    <button
+                    <a
-                      on:click={() => {
+                      href="./{row.id}"
-                        open_edit_modal(row);
-                      }}
                       class="text-indigo-600 hover:text-indigo-900"
-                      >{$_("details")}</button
+                      >{$_("details")}</a
                     >
                     {#if store.state.jwtinfo.userdetails.permissions.includes("CARD:DELETE")}
                       <button

src/components/cards/ThFilterGroup.svelte

@@ -1,32 +0,0 @@
-<script>
-  import { _ } from "svelte-i18n";
-  export let handler;
-  let selected = "all";
-</script>
-
-<th>
-  <select
-    on:input={() => {
-      setTimeout(() => {
-        if (`${selected}`.trim()) {
-          const value = selected;
-          handler.filter(value, (card) => {
-            if (
-              card.enabled === value ||
-              value === "all"
-            )
-              return card;
-            return "";
-          });
-        }
-      }, 50);
-    }}
-    bind:value={selected}
-    name="statusfilter"
-    id="statusfilter"
-  >
-    <option value="all">Alle</option>
-    <option value={true}>{$_("enabled")}</option>
-    <option value={false}>{$_("disabled")}</option>
-  </select>
-</th>