Sorted translations

ref #94
Now w/working editing
2021-03-25 18:36:51 +01:00 · 2021-03-24 16:58:06 +01:00 · 2021-03-24 16:43:05 +01:00 · 2021-03-23 19:55:55 +01:00 · 2021-03-23 18:57:13 +01:00 · 2021-03-23 18:41:00 +01:00
16 changed files with 836 additions and 10 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,9 +2,16 @@

 All notable changes to this project will be documented in this file. Dates are displayed in UTC.

+#### [0.8.5](https://git.odit.services/lfk/frontend/compare/0.8.4...0.8.5)
+
+- Fixed dupliacate mutation 🐞 [`91dd525`](https://git.odit.services/lfk/frontend/commit/91dd5256e9545f62e4342ae5477c36262d6e3401)
+
 #### [0.8.4](https://git.odit.services/lfk/frontend/compare/0.8.3...0.8.4)

+> 20 March 2021
+
 - CONFIG: default_username + default_password [`cc926e8`](https://git.odit.services/lfk/frontend/commit/cc926e84fb8bd9d6c9fd37349e25eb802e1bb324)
+- 🚀RELEASE v0.8.4 [`3d4dc2d`](https://git.odit.services/lfk/frontend/commit/3d4dc2d72b129f0134ae9f230810c3301dbd5caa)
 - CONFIG: add 'demo' as default username/password [`ba34710`](https://git.odit.services/lfk/frontend/commit/ba3471068ab00e2d5dbe21d6d763094e662f8347)

 #### [0.8.3](https://git.odit.services/lfk/frontend/compare/0.8.2...0.8.3)
--- a/index.template.html
+++ b/index.template.html
@@ -14,7 +14,7 @@
 </head>

 <body>
-  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.8.4-RELEASE_INFO</span>
+  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.8.5-RELEASE_INFO</span>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <script src="/env.js"></script>
  <script defer type="module" src="/_dist_/index.js"></script>
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@odit/lfk-frontend",
-	"version": "0.8.4",
+	"version": "0.8.5",
 	"scripts": {
 		"i18n-order": "node order.js",
 		"dev:all": "yarn prebuild && snowpack dev",
@@ -13,7 +13,7 @@
 	},
 	"license": "CC-BY-NC-SA-4.0",
 	"dependencies": {
-		"@odit/lfk-client-js": "0.6.4",
+		"@odit/lfk-client-js": "0.7.0",
 		"csvtojson": "^2.0.10",
 		"gridjs": "3.3.0",
 		"localforage": "1.9.0",
--- a/public/imprint_en.md
+++ b/public/imprint_en.md
@@ -1 +0,0 @@
-Nostrud tempor dolor aute ea excepteur aute mollit elit eiusmod exercitation. Magna laborum pariatur adipisicing pariatur cupidatat exercitation duis aliquip pariatur sint exercitation deserunt labore. Consectetur id laboris dolore nostrud do velit ipsum. Eu laboris velit do commodo ad ea sint ex cillum. Cillum ipsum qui eiusmod laborum mollit sunt dolore incididunt. Cillum sunt culpa veniam voluptate et qui ut magna anim occaecat ut mollit dolor. Duis irure proident eu incididunt dolore sunt nisi aute dolore amet eu fugiat laboris quis.
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -69,11 +69,11 @@
  import Donations from "./components/donations/Donations.svelte";
  import DonationDetail from "./components/donations/DonationDetail.svelte";
  import GroupDetail from "./components/groups/GroupDetail.svelte";
-  import ScanStationsOverview from "./components/scanstations/ScanStationsOverview.svelte";
  import ScanStations from "./components/scanstations/ScanStations.svelte";
  import ScanStationDetail from "./components/scanstations/ScanStationDetail.svelte";
  import Scans from "./components/scans/Scans.svelte";
-import ScanDetail from "./components/scans/ScanDetail.svelte";
+  import ScanDetail from "./components/scans/ScanDetail.svelte";
+  import Cards from "./components/cards/Cards.svelte";
  store.init();
  registerSW();
 </script>
@@ -185,6 +185,14 @@ import ScanDetail from "./components/scans/ScanDetail.svelte";
            <DonationDetail {params} />
          </Route>
        </Route>
+        <Route path="/cards/*">
+          <Route path="/">
+            <Cards />
+          </Route>
+          <!-- <Route path="/:scanid" let:params>
+            <ScanDetail {params} />
+          </Route> -->
+        </Route>
        <Route path="/scans/*">
          <Route path="/">
            <Scans />
--- a/src/components/cards/AddCardBulkModal.svelte
+++ b/src/components/cards/AddCardBulkModal.svelte
@@ -0,0 +1,158 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import { clickOutside } from "../base/outsideclick";
+  import { focusTrap } from "svelte-focus-trap";
+  import { RunnerCardService } from "@odit/lfk-client-js";
+  import Toastify from "toastify-js";
+  export let bulk_modal_open;
+  export let current_cards;
+  function focus(el) {
+    el.focus();
+  }
+  $: card_count = 0;
+  $: is_card_count_valid = card_count > 0;
+  $: processed_last_submit = true;
+  $: createbtnenabled = is_card_count_valid;
+  (() => {
+    document.onkeydown = (e) => {
+      e = e || window.event;
+      if (e.key === "Escape") {
+        bulk_modal_open = false;
+      }
+      if (e.keyCode === 13) {
+        if (createbtnenabled === true) {
+          createbtnenabled = false;
+          submit();
+        }
+      }
+    };
+  })();
+  function submit() {
+    if (processed_last_submit === true) {
+      processed_last_submit = false;
+      const toast = Toastify({
+        text: $_("creating-blanco-cards"),
+        duration: -1,
+      }).showToast();
+      RunnerCardService.runnerCardControllerPostBlancoBulk(card_count)
+        .then((result) => {
+          bulk_modal_open = false;
+          //
+          Toastify({
+            text: $_("created-blanco-cards"),
+            duration: 500,
+            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+          }).showToast();
+        })
+        .catch((err) => {
+          //
+        })
+        .finally(() => {
+          processed_last_submit = true;
+          //
+          toast.hideToast();
+        });
+    }
+  }
+</script>
+
+{#if bulk_modal_open}
+  <div
+    class="fixed z-10 inset-0 overflow-y-auto"
+    use:focusTrap
+    use:clickOutside
+    on:click_outside={() => {
+      bulk_modal_open = false;
+    }}>
+    <div
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
+        <div
+          class="absolute inset-0 bg-gray-500 opacity-75"
+          data-id="modal_backdrop" />
+      </div>
+      <span
+        class="hidden sm:inline-block sm:align-middle sm:h-screen"
+        aria-hidden="true">&#8203;</span>
+      <div
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="modal-headline">
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <div class="sm:flex sm:items-start">
+            <div
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+              <svg
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"><path fill="none" d="M0 0h24v24H0z" />
+                <path
+                  fill="currentColor"
+                  d="M2 4h2v16H2V4zm4 0h1v16H6V4zm2 0h2v16H8V4zm3 0h2v16h-2V4zm3 0h2v16h-2V4zm3 0h1v16h-1V4zm2 0h3v16h-3V4z" /></svg>
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+              <h3 class="text-lg leading-6 font-medium text-gray-900">
+                {$_('create-bulk-blanco-cards')}
+              </h3>
+              <div class="mt-2 mb-6">
+                <p class="text-sm text-gray-500">
+                  {$_('just-enter-how-many-you-want-and-the-system-will-create-them')}
+                </p>
+              </div>
+              <div class="grid grid-cols-6 gap-6">
+                <div class="col-span-6">
+                  <label
+                    for="amount"
+                    class="block text-sm font-medium text-gray-700">{$_('amount')}</label>
+                  <div class="mt-1 flex rounded-md shadow-sm">
+                    <input
+                      autocomplete="off"
+                      class:border-red-500={!is_card_count_valid}
+                      class:focus:border-red-500={!is_card_count_valid}
+                      class:focus:ring-red-500={!is_card_count_valid}
+                      bind:value={card_count}
+                      type="number"
+                      step="1"
+                      name="amount"
+                      class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2"
+                      placeholder="400" />
+                    <span
+                      class="inline-flex items-center px-3 rounded-r-md border border-gray-300 bg-gray-50 text-gray-500 text-sm">{$_('cards')}</span>
+                  </div>
+                  {#if !is_card_count_valid}
+                    <span
+                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
+                      {$_('you-must-create-at-least-one-card-or-cancel')}
+                    </span>
+                  {/if}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            disabled={!createbtnenabled}
+            class:opacity-50={!createbtnenabled}
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
+            {$_('create')}
+          </button>
+          <button
+            on:click={() => {
+              bulk_modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
+            {$_('cancel')}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}
--- a/src/components/cards/AddCardModal.svelte
+++ b/src/components/cards/AddCardModal.svelte
@@ -0,0 +1,170 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import { clickOutside } from "../base/outsideclick";
+  import { focusTrap } from "svelte-focus-trap";
+  import {
+    RunnerCardService,
+    RunnerService,
+    ScanService,
+  } from "@odit/lfk-client-js";
+  import Select from "svelte-select";
+  import Toastify from "toastify-js";
+  export let modal_open;
+  export let current_cards;
+  const getRunnerLabel = (option) =>
+    option.firstname + " " + (option.middlename || "") + " " + option.lastname;
+  const filterRunners = (label, filterText, option) =>
+    label.toLowerCase().includes(filterText.toLowerCase()) ||
+    option.value.toString().startsWith(filterText.toLowerCase());
+  function focus(el) {
+    el.focus();
+  }
+  $: runner = 0;
+  $: runners = [];
+  $: enabled = true;
+  $: processed_last_submit = true;
+  RunnerService.runnerControllerGetAll().then((val) => {
+    runners = val.map((r) => {
+      return { label: getRunnerLabel(r), value: r };
+    });
+  });
+  $: createbtnenabled = true;
+  (() => {
+    document.onkeydown = (e) => {
+      e = e || window.event;
+      if (e.key === "Escape") {
+        modal_open = false;
+      }
+      if (e.keyCode === 13) {
+        if (createbtnenabled === true) {
+          createbtnenabled = false;
+          submit();
+        }
+      }
+    };
+  })();
+  function submit() {
+    if (processed_last_submit === true) {
+      processed_last_submit = false;
+      const toast = Toastify({
+        text: $_("adding-card"),
+        duration: -1,
+      }).showToast();
+      let postdata = {
+        runner,
+        enabled,
+      };
+      RunnerCardService.runnerCardControllerPost(postdata)
+        .then((result) => {
+          runner = 0;
+          modal_open = false;
+          //
+          Toastify({
+            text: $_("card-added"),
+            duration: 500,
+            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+          }).showToast();
+          current_cards.push(result);
+          current_cards = current_cards;
+        })
+        .catch((err) => {
+          //
+        })
+        .finally(() => {
+          processed_last_submit = true;
+          //
+          toast.hideToast();
+        });
+    }
+  }
+</script>
+
+{#if modal_open}
+  <div
+    class="fixed z-10 inset-0 overflow-y-auto"
+    use:focusTrap
+    use:clickOutside
+    on:click_outside={() => {
+      modal_open = false;
+    }}>
+    <div
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
+        <div
+          class="absolute inset-0 bg-gray-500 opacity-75"
+          data-id="modal_backdrop" />
+      </div>
+      <span
+        class="hidden sm:inline-block sm:align-middle sm:h-screen"
+        aria-hidden="true">&#8203;</span>
+      <div
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="modal-headline">
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <div class="sm:flex sm:items-start">
+            <div
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+              <svg
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"><path fill="none" d="M0 0h24v24H0z" />
+                <path
+                  fill="currentColor"
+                  d="M2 4h2v16H2V4zm4 0h1v16H6V4zm2 0h2v16H8V4zm3 0h2v16h-2V4zm3 0h2v16h-2V4zm3 0h1v16h-1V4zm2 0h3v16h-3V4z" /></svg>
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+              <h3 class="text-lg leading-6 font-medium text-gray-900">
+                {$_('create-a-new-card')}
+              </h3>
+              <div class="mt-2 mb-6">
+                <p class="text-sm text-gray-500">
+                  {$_('you-can-provide-a-runner-but-you-dont-have-to')}
+                  {$_('if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button')}
+                </p>
+              </div>
+              <div class="grid grid-cols-6 gap-6">
+                <div class="col-span-6">
+                  <label
+                    for="donor"
+                    class="block text-sm font-medium text-gray-700">{$_('runner')}</label>
+                  <Select
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                    itemFilter={(label, filterText, option) => filterRunners(label, filterText, option)}
+                    items={runners}
+                    showChevron={true}
+                    placeholder={$_('search-for-runner-by-name-or-id')}
+                    noOptionsMessage={$_('no-runners-found')}
+                    on:select={(selectedValue) => (runner = selectedValue.detail.value.id)}
+                    on:clear={() => (runner = null)} />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            disabled={!createbtnenabled}
+            class:opacity-50={!createbtnenabled}
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
+            {$_('create')}
+          </button>
+          <button
+            on:click={() => {
+              modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
+            {$_('cancel')}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}
--- a/src/components/cards/CardDetailModal.svelte
+++ b/src/components/cards/CardDetailModal.svelte
@@ -0,0 +1,197 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import { clickOutside } from "../base/outsideclick";
+  import { focusTrap } from "svelte-focus-trap";
+  import { RunnerCardService, RunnerService } from "@odit/lfk-client-js";
+  import Select from "svelte-select";
+  import Toastify from "toastify-js";
+  export let edit_modal_open;
+  export let current_cards;
+  export let edit_card_id;
+  const getRunnerLabel = (option) =>
+    option.firstname + " " + (option.middlename || "") + " " + option.lastname;
+  const filterRunners = (label, filterText, option) =>
+    label.toLowerCase().includes(filterText.toLowerCase()) ||
+    option.value.toString().startsWith(filterText.toLowerCase());
+  function focus(el) {
+    el.focus();
+  }
+  $: runner = {};
+  $: runners = [];
+  $: editable = {};
+  $: original_data = {};
+  $: enabled = true;
+  $: processed_last_submit = true;
+  RunnerService.runnerControllerGetAll().then((val) => {
+    runners = val.map((r) => {
+      return { label: getRunnerLabel(r), value: r };
+    });
+  });
+  RunnerCardService.runnerCardControllerGetOne(edit_card_id).then((val) => {
+    runner = Object.assign(
+      { runner },
+      { label: getRunnerLabel(val.runner), value: val.runner }
+    );
+    val.runner = val.runner?.id;
+    editable = Object.assign(editable, val);
+    original_data = Object.assign(original_data, val);
+  });
+  $: createbtnenabled = !(
+    JSON.stringify(editable) === JSON.stringify(original_data)
+  );
+  (() => {
+    document.onkeydown = (e) => {
+      e = e || window.event;
+      if (e.key === "Escape") {
+        edit_modal_open = false;
+      }
+      if (e.keyCode === 13) {
+        if (createbtnenabled === true) {
+          createbtnenabled = false;
+          submit();
+        }
+      }
+    };
+  })();
+  function submit() {
+    if (processed_last_submit === true) {
+      processed_last_submit = false;
+      const toast = Toastify({
+        text: $_("updating-card"),
+        duration: -1,
+      }).showToast();
+      RunnerCardService.runnerCardControllerPut(original_data.id, editable)
+        .then((result) => {
+          runner = {};
+          editable = {};
+          original_data = {};
+          edit_modal_open = false;
+          //
+          Toastify({
+            text: $_("card-updated"),
+            duration: 500,
+            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+          }).showToast();          
+          current_cards[
+            current_cards.findIndex((c) => c.id === edit_card_id)
+          ] = result;
+          current_cards = current_cards;
+        })
+        .catch((err) => {
+          //
+        })
+        .finally(() => {
+          processed_last_submit = true;
+          //
+          toast.hideToast();
+        });
+    }
+  }
+</script>
+
+{#if edit_modal_open}
+  <div
+    class="fixed z-10 inset-0 overflow-y-auto"
+    use:focusTrap
+    use:clickOutside
+    on:click_outside={() => {
+      edit_modal_open = false;
+    }}>
+    <div
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
+        <div
+          class="absolute inset-0 bg-gray-500 opacity-75"
+          data-id="modal_backdrop" />
+      </div>
+      <span
+        class="hidden sm:inline-block sm:align-middle sm:h-screen"
+        aria-hidden="true">&#8203;</span>
+      <div
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="modal-headline">
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <div class="sm:flex sm:items-start">
+            <div
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+              <svg
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"><path fill="none" d="M0 0h24v24H0z" />
+                <path
+                  fill="currentColor"
+                  d="M2 4h2v16H2V4zm4 0h1v16H6V4zm2 0h2v16H8V4zm3 0h2v16h-2V4zm3 0h2v16h-2V4zm3 0h1v16h-1V4zm2 0h3v16h-3V4z" /></svg>
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+              <h3 class="text-lg leading-6 font-medium text-gray-900">
+                {$_('edit-a-card')}
+              </h3>
+              <div class="mt-2 mb-6">
+                <p class="text-sm text-gray-500">
+                  {$_('you-can-provide-a-runner-but-you-dont-have-to')}
+                </p>
+              </div>
+              <div class="grid grid-cols-6 gap-6">
+                <div class="col-span-6">
+                  <label
+                    for="runner"
+                    class="block text-sm font-medium text-gray-700">{$_('runner')}</label>
+                  <Select
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                    itemFilter={(label, filterText, option) => filterRunners(label, filterText, option)}
+                    items={runners}
+                    showChevron={true}
+                    placeholder={$_('search-for-runner-by-name-or-id')}
+                    noOptionsMessage={$_('no-runners-found')}
+                    bind:selectedValue={runner}
+                    on:select={(selectedValue) => (editable.runner = selectedValue.detail.value.id)}
+                    on:clear={() => (editable.runner = null)} />
+                </div>
+                <div class="col-span-6">
+                  <p class="text-gray-500">
+                    <input
+                      id="enabled"
+                      on:change={() => {
+                        editable.enabled = !editable.enabled;
+                      }}
+                      name="enabled"
+                      type="checkbox"
+                      checked={editable.enabled}
+                      class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+                    {$_('this-card-is')}
+                    {#if editable.enabled}
+                      {$_('enabled')}
+                    {:else}{$_('disabled')}{/if}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            disabled={!createbtnenabled}
+            class:opacity-50={!createbtnenabled}
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
+            {$_('save-changes')}
+          </button>
+          <button
+            on:click={() => {
+              edit_modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
+            {$_('cancel')}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}
--- a/src/components/cards/Cards.svelte
+++ b/src/components/cards/Cards.svelte
@@ -0,0 +1,46 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import store from "../../store";
+import AddCardBulkModal from "./AddCardBulkModal.svelte";
+  import AddCardModal from "./AddCardModal.svelte";
+import CardDetailModal from "./CardDetailModal.svelte";
+  import CardsOverview from "./CardsOverview.svelte";
+  $: current_cards = [];
+  export let modal_open = false;
+  export let bulk_modal_open = false;
+  export let edit_modal_open = true;
+  export let edit_card_id = 1;
+</script>
+
+<section class="container p-5">
+  <span class="mb-1 text-3xl font-extrabold leading-tight">
+    {$_('cards')}
+    {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:CREATE')}
+      <button
+        on:click={() => {
+          modal_open = true;
+        }}
+        type="button"
+        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
+        {$_('add-card')}
+      </button>
+      <button
+        on:click={() => {
+          bulk_modal_open = true;
+        }}
+        type="button"
+        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
+        {$_('create-bulk-cards')}
+      </button>
+    {/if}
+  </span>
+  <CardsOverview bind:current_cards />
+</section>
+
+{#if store.state.jwtinfo.userdetails.permissions.includes('CARD:CREATE')}
+  <AddCardModal bind:current_cards bind:modal_open />
+  <AddCardBulkModal bind:current_cards bind:bulk_modal_open />
+{/if}
+{#if store.state.jwtinfo.userdetails.permissions.includes('CARD:UPDATE')}
+  <CardDetailModal bind:current_cards bind:edit_modal_open bind:edit_card_id/>
+{/if}
--- a/src/components/cards/CardsEmptyState.svelte
+++ b/src/components/cards/CardsEmptyState.svelte
@@ -0,0 +1,12 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import cards_empty from "./cards.svg";
+</script>
+
+<div class="text-center items-center justify-center">
+  <p class="mb-16 text-lg text-gray-500">
+    <img class="m-auto" style="height:15rem" src={cards_empty} alt="" />
+    <span class="font-bold">{$_('there-are-no-cards-yet')}</span><br />
+    <span>{$_('add-your-first-card')}</span>
+  </p>
+</div>
--- a/src/components/cards/CardsOverview.svelte
+++ b/src/components/cards/CardsOverview.svelte
@@ -0,0 +1,171 @@
+<script>
+  import { getLocaleFromNavigator, _ } from "svelte-i18n";
+  import { RunnerCardService } from "@odit/lfk-client-js";
+  import store from "../../store";
+  import Toastify from "toastify-js";
+  import CardsEmptyState from "./CardsEmptyState.svelte";
+  $: searchvalue = "";
+  $: active_deletes = [];
+  export let current_cards = [];
+  const cards_promise = RunnerCardService.runnerCardControllerGetAll().then(
+    (val) => {
+      current_cards = val;
+    }
+  );
+  function should_display_based_on_id(id) {
+    if (searchvalue.toString().slice(-1) === "*") {
+      return id.toString().startsWith(searchvalue.replace("*", ""));
+    }
+    return id.toString() === searchvalue;
+  }
+</script>
+
+{#if store.state.jwtinfo.userdetails.permissions.includes('CARD:GET')}
+  {#await cards_promise}
+    <div
+      class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
+      role="alert">
+      <p class="font-bold">{$_('loading-cards')}</p>
+      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
+    </div>
+  {:then}
+    {#if current_cards.length === 0}
+      <CardsEmptyState />
+    {:else}
+      <input
+        type="search"
+        bind:value={searchvalue}
+        placeholder={$_('datatable.search')}
+        aria-label={$_('datatable.search')}
+        class="gridjs-input gridjs-search-input mb-4" />
+      <div
+        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
+        <table class="divide-y divide-gray-200 w-full">
+          <thead class="bg-gray-50">
+            <tr>
+              <th
+                scope="col"
+                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                {$_('code')}
+              </th>
+              <th
+                scope="col"
+                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                {$_('runner')}
+              </th>
+              <th
+                scope="col"
+                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                {$_('status')}
+              </th>
+              <th scope="col" class="relative px-6 py-3">
+                <span class="sr-only">{$_('action')}</span>
+              </th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-gray-200">
+            {#each current_cards as card}
+              {#if card.code
+                .toLowerCase()
+                .includes(
+                  searchvalue.toLowerCase()
+                ) || card.runner?.firstname
+                  .toLowerCase()
+                  .includes(
+                    searchvalue.toLowerCase()
+                  ) || card.runner?.middlename
+                  .toLowerCase()
+                  .includes(
+                    searchvalue.toLowerCase()
+                  ) || card.runner?.lastname
+                  .toLowerCase()
+                  .includes(
+                    searchvalue.toLowerCase()
+                  ) || should_display_based_on_id(card.id)}
+                <tr data-rowid="card_{card.id}">
+                  <td class="px-6 py-4 whitespace-nowrap">
+                    <div class="flex items-center">{card.code}</div>
+                  </td>
+                  <td class="px-6 py-4 whitespace-nowrap">
+                    <div class="flex items-center">
+                      {#if card.runner}
+                        <a
+                          href="../runners/{card.runner.id}"
+                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{card.runner.firstname}
+                          {card.runner.middlename || ''}
+                          {card.runner.lastname}</a>
+                      {:else}{$_('non-blanko')}{/if}
+                    </div>
+                  </td>
+                  <td class="px-6 py-4 whitespace-nowrap">
+                    <div class="flex items-center">
+                      {#if card.enabled}
+                        <span
+                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('enabled_large')}</span>
+                      {:else}
+                        <span
+                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('disabled')}</span>
+                      {/if}
+                    </div>
+                  </td>
+
+                  {#if active_deletes[card.id] === true}
+                    <td
+                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                      <button
+                        on:click={() => {
+                          active_deletes[card.id] = false;
+                        }}
+                        tabindex="0"
+                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
+                      <button
+                        on:click={() => {
+                          RunnerCardService.runnerCardControllerRemove(card.id, false).then(
+                            (resp) => {
+                              current_cards = current_cards.filter(
+                                (obj) => obj.id !== card.id
+                              );
+                              Toastify({
+                                text: $_('card-deleted'),
+                                duration: 500,
+                                backgroundColor:
+                                  'linear-gradient(to right, #00b09b, #96c93d)',
+                              }).showToast();
+                            }
+                          );
+                        }}
+                        tabindex="0"
+                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
+                    </td>
+                  {:else}
+                    <td
+                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                      <a
+                        href="./{card.id}"
+                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
+                      {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:DELETE')}
+                        <button
+                          on:click={() => {
+                            active_deletes[card.id] = true;
+                          }}
+                          tabindex="0"
+                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
+                      {/if}
+                    </td>
+                  {/if}
+                </tr>
+              {/if}
+            {/each}
+          </tbody>
+        </table>
+      </div>
+    {/if}
+  {:catch error}
+    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
+      <span class="inline-block align-middle mr-8">
+        <b class="capitalize">{$_('general_promise_error')}</b>
+        {error}
+      </span>
+    </div>
+  {/await}
+{/if}
--- a/src/components/cards/cards.svg
+++ b/src/components/cards/cards.svg
@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 653.9 247.6"><path d="M272 211l-53 12s-11-2-1-17l4-4 27-14v-2l-6-41-2-16 17-17 4-3 44 41v1l-19 33z" fill="#ffb7b7"/><path d="M253 198l-54 13a6 6 0 01-5-7 16 16 0 012-5 48 48 0 016-9l28-14-4-24-1-12-2-8-2-16 21-19 22 21 22 20-3 5-3 7-17 30-3 6z" fill="#ffb7b7"/><path d="M346 190s-20-1-28-15a24 24 0 01-3-14l-8-17-11-23-30-4-2 1-21 19-7 6-10 9-49 44a37 37 0 01-7 9 50 50 0 01-9 7c-10 5-24 9-44 7L10 248 0 176l89-29 131-86 89 23 41 58z" fill="#ffb7b7"/><path d="M648 0H275a5 5 0 00-5 5v221a5 5 0 005 6h373a5 5 0 006-6V5a5 5 0 00-6-5z" fill="#fff"/><path d="M648 0H275a5 5 0 00-5 5v221a5 5 0 005 6h373a5 5 0 006-6V5a5 5 0 00-6-5zm4 226a4 4 0 01-4 4H275a4 4 0 01-3-4V5a4 4 0 013-3h373a4 4 0 014 3z" fill="#3f3d56"/><path d="M312 30a9 9 0 119-9 9 9 0 01-9 9zm0-17a8 8 0 107 8 8 8 0 00-7-8z" fill="#6c63ff"/><path d="M297 21a8 8 0 016-8 8 8 0 100 16 8 8 0 01-6-8zM349 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM368 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM386 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM415 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM434 130a7 7 0 01-7-7v-20a7 7 0 0113 0v20a7 7 0 01-6 7zM452 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM481 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM499 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM518 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM546 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM565 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM583 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7z" fill="#6c63ff"/><path d="M396 208h-99a5 5 0 110-10h99a5 5 0 010 10zM364 188h-35a5 5 0 110-10h35a5 5 0 110 10z" fill="#e6e6e6"/><path fill="#3f3d56" d="M271 46h381v2H271z"/><path opacity=".1" d="M228 203l-1-2 33-15 8-27-12-10 1-1 13 10-8 30-34 15zM196 199l-9 4-17 2a50 50 0 01-9 7l-16-1-26-1 88-74 18 4-29 59z"/><path d="M318 175l-8 1-47 4-29 1-38 18-9 4-70 8 95-81 11 2 20 5 22 5 18 1 24 1 20 1a13 13 0 0112 13c0 7-5 14-21 17z" fill="#ffb7b7"/><path d="M325 170s-7-2-9-9c-2-4-1-9 3-15l1 1c-3 6-4 10-3 14 2 5 9 7 9 7zM197 197l34-16v2l-33 16zM218 135l48-19v2l-41 16 35 6v2l-42-7z" opacity=".1"/></svg>
--- a/src/components/general/Imprint.svelte
+++ b/src/components/general/Imprint.svelte
@@ -6,13 +6,15 @@
  let html = "";
  async function load() {
    let md = await fetch("/imprint_" + getLocaleFromNavigator() + ".md");
-    if((await md.text()).includes("<meta")){
+    let text = (await md.text()).toString();
+    if(text.includes("<meta")){
      md.ok=false
    }
    if (!md.ok) {
      md = await fetch("/imprint_en.md");
+      text = await md.text();
    }
-    html = marked(await md.text());
+    html = marked(text);
  }
  const promise = load();
 </script>
--- a/src/components/general/Privacy.svelte
+++ b/src/components/general/Privacy.svelte
@@ -6,13 +6,15 @@
  let html = "";
  async function load() {
    let md = await fetch("/privacy_" + getLocaleFromNavigator() + ".md");
-    if((await md.text()).includes("<meta")){
+    let text = (await md.text()).toString();
+    if(text.includes("<meta")){
      md.ok=false
    }
    if (!md.ok) {
      md = await fetch("/privacy_en.md");
+      text = await md.text();
    }
-    html = marked(await md.text());
+    html = marked(text);
  }
  const promise = load();
 </script>
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -4,11 +4,13 @@
    "about": "Über",
    "action": "Aktionen",
    "active": "Aktiv",
+    "add-card": "Karte erstellen",
    "add-donation": "Sponsoring erstellen",
    "add-donor": "Sponsor:in erstellen",
    "add-scan": "Scan erstellen",
    "add-the-first-scanstation": "Erstelle deine erste Scannerstation.",
    "add-user-group": "Neue Gruppe erstellen",
+    "add-your-first-card": "Erstelle deine erste Läuferkarte",
    "add-your-first-contact": "Erstelle den ersten Kontakt",
    "add-your-first-donor": "Erstelle die erste Sponsor:in",
    "add-your-first-group": "Erstelle die erste Gruppe",
@@ -19,6 +21,7 @@
    "add-your-first-user": "Erstelle die erste Benutzer:in",
    "add-your-fist-donation": "Erstelle dein erstes Sponsoring",
    "add-your-fist-scan": "Füge deinen ersten Scan hinzu",
+    "adding-card": "Karte wird erstellt",
    "adding-scan": "Scan wird hinzugefügt",
    "address": "Adresse",
    "address-is-required": "Du musst eine Adresse angeben",
@@ -27,6 +30,7 @@
    "all-associated-donations-will-get-deleted-as-well": "Alle Sponsorings dieser Sponsor:in werden ebenfalls gelöscht",
    "all-associated-runners-will-be-deleted-too": "Alle zugehörigen Läufer:innen werden auch gelöscht!",
    "all-associated-teams-and-runners-will-be-deleted-too": "Alle assoziierten Teams und Läufer:innen werden auch gelöscht!",
+    "amount": "Anzahl",
    "amount-per-kilometer": "Betrag pro Kilometer",
    "apartment-suite-etc": "Apartment, Wohnung, etc.",
    "application_name": "Lauf für Kaya! - Admin",
@@ -42,10 +46,15 @@
    "cancel-keep-organization": "Abbrechen und Organisation bearbeiten",
    "cancel-keep-team": "Abbrechen, Team behalten",
    "cannot-reset-your-password-directly": "Schade. \nWir können das Passwort leider nicht direkt zurücksetzen.\nBitte sende uns eine Mail in der du deine Identität bestätigst.",
+    "card-added": "Karte wurde hinzugefügt",
+    "card-deleted": "Karte gelöscht",
+    "card-updated": "Karte aktualisiert",
+    "cards": "Läuferkarten",
    "change-your-password-here": "Hier kannst du dein Passwort ändern",
    "changing-your-password": "Passwort wird geändert",
    "city": "Stadt",
    "close": "Schließen",
+    "code": "Code",
    "configure-the-tracks-and-minimum-lap-times": "Bearbeite die Tracks und ihre minimale Rundenzeit",
    "confirm": "Bestätigen",
    "confirm-delete": "Löschung Bestätigen",
@@ -66,6 +75,7 @@
    "count_teams": "Teams (Anzahl)",
    "create": "Erstellen",
    "create-a-new": "Erstelle eine neue",
+    "create-a-new-card": "Neue Läuferkarte erstellen",
    "create-a-new-contact": "Kontakt erstellen",
    "create-a-new-distance-donation": "Erstelle ein neues Sponsoring",
    "create-a-new-donor": "Neue Sponsor:in erstellen",
@@ -78,10 +88,14 @@
    "create-a-new-track": "Neuen Track erstellen",
    "create-a-new-user": "Neue Benutzer:in anlegen",
    "create-a-new-user-group": "Erstelle eine neue Gruppe",
+    "create-bulk-blanco-cards": "Blankokarten erstellen",
+    "create-bulk-cards": "Blankokarten erstellen",
    "create-organization": "Organisation erstellen",
    "create-team": "Team erstellen",
    "create-track": "Track erstellen",
    "create-user": "Benutzer anlegen",
+    "created-blanco-cards": "Blankokarten wurden erstellt",
+    "creating-blanco-cards": "Erstelle Blankokarten",
    "credits": "Credits",
    "csv_import__class": "Klasse",
    "csv_import__firstname": "Vorname",
@@ -124,6 +138,7 @@
    "description-optional": "Beschreibung (optional)",
    "deselect-all": "Alle abwählen",
    "details": "Details",
+    "disabled": "Deaktiviert",
    "distance": "Distanz",
    "distance-donation": "Sponsoring",
    "distance-in-km": "Distanz (in KM)",
@@ -148,9 +163,11 @@
    "dont-panic-were-resetting-it": "Keine Panik, wir setzen es zurück ✌",
    "e-mail-adress": "E-Mail-Adresse",
    "edit": "Bearbeiten",
+    "edit-a-card": "Läuferkarte bearbeiten",
    "edit-permissions": "Berechtigungen bearbeiten",
    "email_address_or_username": "E-Mail-Adresse/ Benutzername",
    "enabled": "aktiviert",
+    "enabled_large": "Aktiviert",
    "english": "Englisch",
    "error_on_login": "😢Fehler beim Login",
    "erteilte": "Direkt erteilte",
@@ -184,6 +201,7 @@
    "groups-are-being-loaded": "Gruppen werden geladen",
    "home": "Start",
    "icon-image-credits": "Wir möchten uns außerdem für die verwendeten Icons und Bilder bedanken bei:",
+    "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "Wenn du mehrere Blankokarten erstellen willst, nutze doch den \"Blankokarten erstellen\" Knopf.",
    "import-finished": "Import abgeschlossen",
    "import-runners": "Läufer:innen importieren",
    "import__target-organization": "Ziel Organisation",
@@ -194,6 +212,7 @@
    "internal-error": "Interner Fehler",
    "invalid": "Ungültig",
    "invalid-mail-reset": "Das ist keine gültige E-Mail",
+    "just-enter-how-many-you-want-and-the-system-will-create-them": "Geb einfach ein, wie viele Blankokarten das System erstellen soll.",
    "laeufer-hinzufuegen": "Läufer:in hinzufügen",
    "laeufer-importieren": "Läufer:innen importieren",
    "laptime": "Rundenzeit",
@@ -202,6 +221,7 @@
    "lfk-is-os": "Das \"Lauf für Kaya!\" Frontend ist (wie alle anderen Projekte für den \"LfK!\" auch) ein OpenSource Projekt.",
    "license": "Lizenz",
    "licenses-are-being-loaded": "Lizenzen werden geladen...",
+    "loading-cards": "Läuferkarten werden geladen",
    "loading-contact-details": "Kontaktdaten werden geladen ...",
    "loading-donation-details": "Lade Sponsoringdetails",
    "loading-donor-details": "Lade Details",
@@ -231,6 +251,7 @@
    "no-organizations-found": "Keine Organisationen gefunden",
    "no-runners-found": "Keine Läufer:innen gefunden",
    "no-tracks-added-yet": "Es wurden noch keine Tracks erstellt.",
+    "non-blanko": "Keine/Blankokarte",
    "organization": "Organisation",
    "organization-added": "Organisation hinzugefügt",
    "organization-deleted": "Organisation gelöscht",
@@ -323,6 +344,7 @@
    "teams-are-being-loaded": "Teams werden geladen ...",
    "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "Die angegebene Telefonnummer ist nicht korrekt. <br /> Bitte gebe eine Telefonnummer im internationalen Format an...",
    "the-scans-distance-must-be-greater-than-0m": "Die Distanz muss größer als 0m sein.",
+    "there-are-no-cards-yet": "Es gibt noch keine Läuferkarten.",
    "there-are-no-contacts-added-yet": "Es wurden noch keine Kontakte hinzugefügt.",
    "there-are-no-donations-yet": "Es gibt noch keine Sponsorings",
    "there-are-no-donors-yet": "Es gibt noch keine Sponsor:innen",
@@ -332,6 +354,7 @@
    "there-are-no-scans-yet": "Es gibt noch keine Scans",
    "there-are-no-teams-added-yet": "Es wurden noch keine Teams hinzugefügt.",
    "there-are-no-users-added-yet": "Es wurden noch keine Benutzer hinzugefügt.",
+    "this-card-is": "Diese Karte ist",
    "this-might-take-a-moment": "Das könnte einen kleinen Moment dauern",
    "this-scanstation-is": "Diese Station ist",
    "total-distance": "gelaufene Strecke",
@@ -353,6 +376,7 @@
    "updated-organization": "Organisation wurde aktualisiert",
    "updated-scan": "Scan wurde aktualisiert",
    "updateing-group": "Gruppe wird aktualisiert...",
+    "updating-card": "Karte wird aktualisiert",
    "updating-organization": "Organisation wird aktualisiert",
    "updating-permissions": "Berechtigungen werden aktualisiert...",
    "updating-runner": "Läufer:in wird aktualisiert.",
@@ -374,7 +398,9 @@
    "yes-i-copied-the-token": "Ja, ich habe den Token kopiert",
    "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "Du wirst all deine Berechtigungen und den Zugriff aufs Läufersystem verlieren!",
    "you-can-now-use-your-new-password-to-log-in-to-your-account": "Du kannst dich jetzt mit deinem neuen Passwort anmelden! 🎉",
+    "you-can-provide-a-runner-but-you-dont-have-to": "Du kannst eine Läufer:in angeben, musst aber nicht.",
    "you-dont-have-any-scanstations-yet": "Es gibt noch keine Scannerstationen",
    "you-have-to-provide-an-organization": "Du musst eine Organisation angeben",
+    "you-must-create-at-least-one-card-or-cancel": "Du musst mindestens eine Blankokarte erstellen (oder abbrechen).",
    "zip-postal-code": "Postleitzahl"
 }
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -4,11 +4,13 @@
    "about": "About",
    "action": "Action",
    "active": "Active",
+    "add-card": "Add Card",
    "add-donation": "Add donation",
    "add-donor": "add donor",
    "add-scan": "Add scan",
    "add-the-first-scanstation": "Add your first scanstation.",
    "add-user-group": "Add User Group",
+    "add-your-first-card": "Add your first card",
    "add-your-first-contact": "Add your first contact",
    "add-your-first-donor": "add your first donor",
    "add-your-first-group": "Add your first group",
@@ -19,6 +21,7 @@
    "add-your-first-user": "Add your first user",
    "add-your-fist-donation": "Add your fist donation",
    "add-your-fist-scan": "Add your fist scan",
+    "adding-card": "Adding Card",
    "adding-scan": "Adding Scan",
    "address": "Address",
    "address-is-required": "Address is required",
@@ -27,6 +30,7 @@
    "all-associated-donations-will-get-deleted-as-well": "All associated donations will get deleted as well",
    "all-associated-runners-will-be-deleted-too": "All associated runners will be deleted too!",
    "all-associated-teams-and-runners-will-be-deleted-too": "All associated teams and runners will be deleted too!",
+    "amount": "Amount",
    "amount-per-kilometer": "Amount per kilometer",
    "apartment-suite-etc": "Apartment, suite, etc.",
    "application_name": "Lauf für Kaya! - Admin",
@@ -42,10 +46,15 @@
    "cancel-keep-organization": "Cancel, keep organization",
    "cancel-keep-team": "Cancel, keep team",
    "cannot-reset-your-password-directly": "Bummer. We unfortunately cannot reset your password directly. Please send us a mail and confirm your identity",
+    "card-added": "Card added",
+    "card-deleted": "Card deleted",
+    "card-updated": "Card updated",
+    "cards": "Cards",
    "change-your-password-here": "Change your password here",
    "changing-your-password": "Changing your password",
    "city": "City",
    "close": "Close",
+    "code": "Code",
    "configure-the-tracks-and-minimum-lap-times": "configure the tracks & minimum lap times",
    "confirm": "Confirm",
    "confirm-delete": "Confirm Delete",
@@ -66,6 +75,7 @@
    "count_teams": "# Teams",
    "create": "Create",
    "create-a-new": "Create a new",
+    "create-a-new-card": "Create a new card",
    "create-a-new-contact": "Create a new contact",
    "create-a-new-distance-donation": "Create a new distance donation",
    "create-a-new-donor": "Create a new donor",
@@ -78,10 +88,14 @@
    "create-a-new-track": "Create a new Track",
    "create-a-new-user": "Create a new User",
    "create-a-new-user-group": "Create a new user group",
+    "create-bulk-blanco-cards": "Create bulk blanco cards",
+    "create-bulk-cards": "Add blanco cards",
    "create-organization": "Create Organization",
    "create-team": "Create Team",
    "create-track": "Create Track",
    "create-user": "Create User",
+    "created-blanco-cards": "Created blanco cards",
+    "creating-blanco-cards": "Creating blanco cards",
    "credits": "Credits",
    "csv_import__class": "Class",
    "csv_import__firstname": "Firstname",
@@ -124,6 +138,7 @@
    "description-optional": "Description (optional)",
    "deselect-all": "deselect all",
    "details": "Details",
+    "disabled": "Disabled",
    "distance": "Distance",
    "distance-donation": "distance donation",
    "distance-in-km": "Distance in km",
@@ -148,9 +163,11 @@
    "dont-panic-were-resetting-it": "Don't panic, we're resetting it ✌",
    "e-mail-adress": "E-Mail Adress",
    "edit": "Edit",
+    "edit-a-card": "Edit a card",
    "edit-permissions": "edit permissions",
    "email_address_or_username": "Email / username",
    "enabled": "enabled",
+    "enabled_large": "Enabled",
    "english": "English",
    "error_on_login": "Error on login",
    "erteilte": "Directly granted",
@@ -184,6 +201,7 @@
    "groups-are-being-loaded": "Groups are being loaded",
    "home": "Home",
    "icon-image-credits": "We also want to thank these projects for illustrations and icons:",
+    "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "If you want to create multiple blanco cards: Try the 'Add blanco cards' button.",
    "import-finished": "Import finished",
    "import-runners": "Import runners",
    "import__target-organization": "Target Organization",
@@ -194,6 +212,7 @@
    "internal-error": "Internal Error",
    "invalid": "Invalid",
    "invalid-mail-reset": "the provided email is invalid",
+    "just-enter-how-many-you-want-and-the-system-will-create-them": "Just enter how many you want and the system will create them",
    "laeufer-hinzufuegen": "Add runner",
    "laeufer-importieren": "Läufer importieren",
    "laptime": "Laptime",
@@ -202,6 +221,7 @@
    "lfk-is-os": "The \"Lauf für Kaya!\" Frontend is (like all other projects for the \"LfK!\" Also) an open source project.",
    "license": "License",
    "licenses-are-being-loaded": "Licenses are being loaded...",
+    "loading-cards": "Loading cards",
    "loading-contact-details": "Loading contact details...",
    "loading-donation-details": "Loading donation details",
    "loading-donor-details": "Loading donor details",
@@ -231,6 +251,7 @@
    "no-organizations-found": "No organizations found",
    "no-runners-found": "No runners found",
    "no-tracks-added-yet": "there are no tracks added yet.",
+    "non-blanko": "Non/Blanko",
    "organization": "Organization",
    "organization-added": "Organization added",
    "organization-deleted": "Organization deleted",
@@ -323,6 +344,7 @@
    "teams-are-being-loaded": "teams are being loaded...",
    "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "the provided phone number is invalid.<br />please enter a valid international number...",
    "the-scans-distance-must-be-greater-than-0m": "The scan's distance must be greater than 0m",
+    "there-are-no-cards-yet": "There are no cards yet.",
    "there-are-no-contacts-added-yet": "There are no contacts added yet.",
    "there-are-no-donations-yet": "There are no donations yet",
    "there-are-no-donors-yet": "There are no donors yet",
@@ -332,6 +354,7 @@
    "there-are-no-scans-yet": "There are no scans yet",
    "there-are-no-teams-added-yet": "There are no teams added yet.",
    "there-are-no-users-added-yet": "There are no users added yet.",
+    "this-card-is": "This card is",
    "this-might-take-a-moment": "This might take a moment 👀",
    "this-scanstation-is": "This scanstation is",
    "total-distance": "total distance",
@@ -347,12 +370,14 @@
    "track-name": "Track name",
    "track-name-must-not-be-empty": "Track name must not be empty",
    "tracks": "Tracks",
+    "update-card": "Update Card",
    "update-password": "Update password",
    "updated-contact": "Updated contact!",
    "updated-donor": "updated donor",
    "updated-organization": "updated organization",
    "updated-scan": "updated scan",
    "updateing-group": "updateing group...",
+    "updating-card": "Updating card",
    "updating-organization": "updating organization",
    "updating-permissions": "updating permissions...",
    "updating-runner": "Updating runner...",
@@ -374,7 +399,9 @@
    "yes-i-copied-the-token": "Yes, I copied the token",
    "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "You are going to loose all permissions and access to the runner system!",
    "you-can-now-use-your-new-password-to-log-in-to-your-account": "You can now use your new password to log in to your account! 🎉",
+    "you-can-provide-a-runner-but-you-dont-have-to": "You can provide a runner, but you don't have to.",
    "you-dont-have-any-scanstations-yet": "You don't have any scanstations yet",
    "you-have-to-provide-an-organization": "You have to provide an organization",
+    "you-must-create-at-least-one-card-or-cancel": "You must create at least one card (or cancel).",
    "zip-postal-code": "ZIP/ postal code"
 }
Author	SHA1	Message	Date
Nicolai Ort	de2fe0e9f1	Sorted translations ref #94	2021-03-25 18:36:51 +01:00
Nicolai Ort	fac059f02c	Now w/working editing ref #94	2021-03-24 16:58:06 +01:00
Nicolai Ort	0313f8cc49	Added runnercard detail/edit modal ref #94	2021-03-24 16:43:05 +01:00
Nicolai Ort	7ad6b73574	Implemented bulk creation ref #94	2021-03-23 19:55:55 +01:00
Nicolai Ort	3cd0468b19	Bumped lfk client lib version ref #94	2021-03-23 18:57:13 +01:00
Nicolai Ort	f46ccb610e	Added bulk creation modal to cards view ref #94	2021-03-23 18:41:00 +01:00
Nicolai Ort	8a32569a3b	Added bulk card creation modal ref #94	2021-03-23 18:35:21 +01:00
Nicolai Ort	535b23ae91	Implemented Add card modal ref #94	2021-03-23 17:58:13 +01:00
Nicolai Ort	4715978f81	Added message for missing runner/blanco card) ref #94	2021-03-23 17:39:14 +01:00
Nicolai Ort	a516aa7775	Formatting ref #94	2021-03-23 17:34:25 +01:00
Nicolai Ort	77e9c205f9	Now importing runner overview ref #94	2021-03-23 17:34:01 +01:00
Nicolai Ort	e852305400	Now routing the cards page ref #94	2021-03-23 17:31:11 +01:00
Nicolai Ort	c6a15264b3	Added basic card overview ref #94	2021-03-23 17:29:21 +01:00
Nicolai Ort	2d0beaaaad	Added CardsEmptyState + Emtystate graphic ref #94	2021-03-23 17:19:10 +01:00
Nicolai Ort	5c5ef95d2b	Added basic cards page ref #94	2021-03-23 17:13:31 +01:00
Nicolai Ort	e838e6f321	🚀RELEASE v0.8.5 All checks were successful continuous-integration/drone/push Build is passing Details	2021-03-20 18:47:28 +01:00
Nicolai Ort	ca983c72d4	Merge branch 'dev' of git.odit.services:lfk/frontend into dev	2021-03-20 18:47:08 +01:00
Nicolai Ort	91dd5256e9	Fixed dupliacate mutation 🐞	2021-03-20 18:47:06 +01:00
				`@@ -1 +0,0 @@`
				Nostrud tempor dolor aute ea excepteur aute mollit elit eiusmod exercitation. Magna laborum pariatur adipisicing pariatur cupidatat exercitation duis aliquip pariatur sint exercitation deserunt labore. Consectetur id laboris dolore nostrud do velit ipsum. Eu laboris velit do commodo ad ea sint ex cillum. Cillum ipsum qui eiusmod laborum mollit sunt dolore incididunt. Cillum sunt culpa veniam voluptate et qui ut magna anim occaecat ut mollit dolor. Duis irure proident eu incididunt dolore sunt nisi aute dolore amet eu fugiat laboris quis.
				`@@ -0,0 +1 @@`
				<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 653.9 247.6"><path d="M272 211l-53 12s-11-2-1-17l4-4 27-14v-2l-6-41-2-16 17-17 4-3 44 41v1l-19 33z" fill="#ffb7b7"/><path d="M253 198l-54 13a6 6 0 01-5-7 16 16 0 012-5 48 48 0 016-9l28-14-4-24-1-12-2-8-2-16 21-19 22 21 22 20-3 5-3 7-17 30-3 6z" fill="#ffb7b7"/><path d="M346 190s-20-1-28-15a24 24 0 01-3-14l-8-17-11-23-30-4-2 1-21 19-7 6-10 9-49 44a37 37 0 01-7 9 50 50 0 01-9 7c-10 5-24 9-44 7L10 248 0 176l89-29 131-86 89 23 41 58z" fill="#ffb7b7"/><path d="M648 0H275a5 5 0 00-5 5v221a5 5 0 005 6h373a5 5 0 006-6V5a5 5 0 00-6-5z" fill="#fff"/><path d="M648 0H275a5 5 0 00-5 5v221a5 5 0 005 6h373a5 5 0 006-6V5a5 5 0 00-6-5zm4 226a4 4 0 01-4 4H275a4 4 0 01-3-4V5a4 4 0 013-3h373a4 4 0 014 3z" fill="#3f3d56"/><path d="M312 30a9 9 0 119-9 9 9 0 01-9 9zm0-17a8 8 0 107 8 8 8 0 00-7-8z" fill="#6c63ff"/><path d="M297 21a8 8 0 016-8 8 8 0 100 16 8 8 0 01-6-8zM349 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM368 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM386 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM415 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM434 130a7 7 0 01-7-7v-20a7 7 0 0113 0v20a7 7 0 01-6 7zM452 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM481 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM499 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM518 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM546 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM565 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7zM583 130a7 7 0 01-7-7v-20a7 7 0 0114 0v20a7 7 0 01-7 7z" fill="#6c63ff"/><path d="M396 208h-99a5 5 0 110-10h99a5 5 0 010 10zM364 188h-35a5 5 0 110-10h35a5 5 0 110 10z" fill="#e6e6e6"/><path fill="#3f3d56" d="M271 46h381v2H271z"/><path opacity=".1" d="M228 203l-1-2 33-15 8-27-12-10 1-1 13 10-8 30-34 15zM196 199l-9 4-17 2a50 50 0 01-9 7l-16-1-26-1 88-74 18 4-29 59z"/><path d="M318 175l-8 1-47 4-29 1-38 18-9 4-70 8 95-81 11 2 20 5 22 5 18 1 24 1 20 1a13 13 0 0112 13c0 7-5 14-21 17z" fill="#ffb7b7"/><path d="M325 170s-7-2-9-9c-2-4-1-9 3-15l1 1c-3 6-4 10-3 14 2 5 9 7 9 7zM197 197l34-16v2l-33 16zM218 135l48-19v2l-41 16 35 6v2l-42-7z" opacity=".1"/></svg>