Now w/ working dialog🎉🎉🎉

ref #94

src/components/cards/CardsOverview.svelte

@@ -1,13 +1,14 @@
 <script>
-  import { getLocaleFromNavigator, _ } from "svelte-i18n";
+  import { getLocaleFromNavigator, json, _ } from "svelte-i18n";
   import { RunnerCardService } from "@odit/lfk-client-js";
   import store from "../../store";
   import Toastify from "toastify-js";
   import CardsEmptyState from "./CardsEmptyState.svelte";
   import CardDetailModal from "./CardDetailModal.svelte";
-  import {init} from "./CardDetailModal.svelte";
   export let edit_modal_open = false;
-  export let edit_card_id = 0;
+  export let runner = {};
+  export let editable = {};
+  export let original_data = {};
   $: searchvalue = "";
   $: active_deletes = [];
   export let current_cards = [];
@@ -22,9 +23,33 @@
     }
     return id.toString() === searchvalue;
   }
+  const getRunnerLabel = (option) =>
+    option?.firstname + " " + (option?.middlename || "") + " " + (option?.lastname || "{$_('non-blanko')}");
+  function open_edit_modal(card) {
+    if(card.runner?.id){
+      runner = Object.assign(
+        { runner },
+        { label: getRunnerLabel(card.runner), value: card.runner }
+      );
+      card.runner = card.runner.id;
+    }
+    else{
+      card.runner=null;
+      runner = null
+    }
+    editable = Object.assign(editable, card);
+    original_data = Object.assign(original_data, card);
+    edit_modal_open = true;
+  }
 </script>
+
 {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:UPDATE')}
-  <CardDetailModal bind:current_cards bind:edit_modal_open bind:edit_card_id/>
+  <CardDetailModal
+    bind:current_cards
+    bind:edit_modal_open
+    bind:runner
+    bind:editable
+    bind:original_data />
 {/if}
 
 {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:GET')}
@@ -148,8 +173,8 @@
                     <td
                       class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                       <button
-                        on:click={(card)=>{
-                          init();
+                        on:click={() => {
+                          open_edit_modal(card);
                         }}
                         class="text-indigo-600 hover:text-indigo-900">{$_('details')}</button>
                       {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:DELETE')}