Merge branch 'feature/147-cardoverview_performance' of git.odit.services:lfk/frontend into feature/147-cardoverview_performance

ref #147

src/components/cards/CardDetailModal.svelte

@@ -5,6 +5,7 @@
   import { RunnerCardService, RunnerService } from "@odit/lfk-client-js";
   import Select from "svelte-select";
   import Toastify from "toastify-js";
+  import { createEventDispatcher } from "svelte";
   export let edit_modal_open;
   export let current_cards;
   export let runner = {};
@@ -21,6 +22,10 @@
   $: runners = [];
   $: enabled = true;
   $: processed_last_submit = true;
+  const dispatch = createEventDispatcher();
+  function dataUpdated() {
+		dispatch('dataUpdated',);
+	}
   RunnerService.runnerControllerGetAll().then((val) => {
     runners = val.map((r) => {
       return { label: getRunnerLabel(r), value: r };
@@ -65,6 +70,7 @@
           }).showToast();
           current_cards[current_cards.findIndex((c) => c.id === id)] = result;
           current_cards = current_cards;
+          dataUpdated();
         })
         .catch((err) => {
           //

src/components/cards/CardsOverview.svelte

@@ -54,6 +54,7 @@
     bind:runner
     bind:editable
     bind:original_data
+    on:dataUpdated={(handler.setRows(current_cards))}
   />
 {/if}
 

src/components/cards/ThFilterStatus.svelte

@@ -9,15 +9,12 @@
     on:input={() => {
       setTimeout(() => {
         if (`${selected}`.trim()) {
-          const value = selected;
+          if(selected==="all"){
-          handler.filter(value, (card) => {
+           handler.filter('', 'enabled') 
-            if (
+          }
-              card.enabled === value ||
+          else{
-              value === "all"
+            handler.filter(selected, 'enabled')
-            )
+          }
-              return card;
-            return "";
-          });
         }
       }, 50);
     }}
@@ -25,8 +22,8 @@
     name="statusfilter"
     id="statusfilter"
   >
-    <option value="all">Alle</option>
+    <option value="all">{$_('all')}</option>
-    <option value={true}>{$_("enabled")}</option>
+    <option value="true">{$_("enabled")}</option>
-    <option value={false}>{$_("disabled")}</option>
+    <option value="false">{$_("disabled")}</option>
   </select>
 </th>

src/components/runners/ThFilterGroup.svelte

@@ -26,7 +26,7 @@
     name="groupfilter"
     id="groupfilter"
   >
-    <option value="all">Alle</option>
+    <option value="all">{$_('all')}</option>
     {#each groups as g}
       <option value={g.value}>{g.label}</option>
     {/each}

src/locales/de.json

@@ -472,5 +472,6 @@
   "you-have-to-provide-an-organization": "Du musst eine Organisation angeben",
   "you-have-to-save-your-changes-to-generate-a-link": "Du musst deine Änderungen speichern, um einen Link zu generieren.",
   "you-must-create-at-least-one-card-or-cancel": "Du musst mindestens eine Blankokarte erstellen (oder abbrechen).",
-    "zip-postal-code": "Postleitzahl"
+  "zip-postal-code": "Postleitzahl",
+  "all": "Alle"
 }

src/locales/en.json

@@ -472,5 +472,6 @@
   "you-have-to-provide-an-organization": "You have to provide an organization",
   "you-have-to-save-your-changes-to-generate-a-link": "You have to save your changes to generate a link.",
   "you-must-create-at-least-one-card-or-cancel": "You must create at least one card (or cancel).",
-    "zip-postal-code": "ZIP/ postal code"
+  "zip-postal-code": "ZIP/ postal code",
+  "all": "all"
 }