From 26f537f6e31cda22fe3cec1976a374b9c146f5c5 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 14:00:53 +0100
Subject: [PATCH 01/23] confirm pending creation box, confirmbutton right

---
 admin/src/components/UserTable.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/admin/src/components/UserTable.vue b/admin/src/components/UserTable.vue
index fb24cf0f1..932ea2d22 100644
--- a/admin/src/components/UserTable.vue
+++ b/admin/src/components/UserTable.vue
@@ -13,18 +13,23 @@
         <p>
           {{ overlayText.text2 }}
         </p>
-
-        <b-button size="md" variant="danger" class="m-3" @click="overlayCancel">
+        <b-container>
+          <b-row>
+            <b-col> <b-button size="md" variant="danger" class="m-3" @click="overlayCancel">
           {{ overlayText.button_cancel }}
-        </b-button>
-        <b-button
+        </b-button></b-col>
+            <b-col class="text-right"> <b-button
           size="md"
           variant="success"
           class="m-3 text-right"
           @click="overlayOK(overlayBookmarkType, overlayItem)"
         >
           {{ overlayText.button_ok }}
-        </b-button>
+        </b-button></b-col>
+          </b-row>
+        </b-container>
+     
+       
       </b-jumbotron>
     </div>
     <b-table-lite :items="itemsUser" :fields="fieldsTable" caption-top striped hover stacked="md">

From bc68db6b21301f531a8dac36af2a28a8ee86c40b Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 14:01:31 +0100
Subject: [PATCH 02/23] confirm pending creation box, confirmbutton right, yarn
 lint

---
 admin/src/components/UserTable.vue | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/admin/src/components/UserTable.vue b/admin/src/components/UserTable.vue
index 932ea2d22..e2222fc0c 100644
--- a/admin/src/components/UserTable.vue
+++ b/admin/src/components/UserTable.vue
@@ -15,21 +15,23 @@
         </p>
         <b-container>
           <b-row>
-            <b-col> <b-button size="md" variant="danger" class="m-3" @click="overlayCancel">
-          {{ overlayText.button_cancel }}
-        </b-button></b-col>
-            <b-col class="text-right"> <b-button
-          size="md"
-          variant="success"
-          class="m-3 text-right"
-          @click="overlayOK(overlayBookmarkType, overlayItem)"
-        >
-          {{ overlayText.button_ok }}
-        </b-button></b-col>
+            <b-col>
+              <b-button size="md" variant="danger" class="m-3" @click="overlayCancel">
+                {{ overlayText.button_cancel }}
+              </b-button>
+            </b-col>
+            <b-col class="text-right">
+              <b-button
+                size="md"
+                variant="success"
+                class="m-3 text-right"
+                @click="overlayOK(overlayBookmarkType, overlayItem)"
+              >
+                {{ overlayText.button_ok }}
+              </b-button>
+            </b-col>
           </b-row>
         </b-container>
-     
-       
       </b-jumbotron>
     </div>
     <b-table-lite :items="itemsUser" :fields="fieldsTable" caption-top striped hover stacked="md">

From 7834054a77dcb3e47383c4da017112d15afa0fe2 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 15:08:09 +0100
Subject: [PATCH 03/23] add components Overlay.vue, add localize for
 Overlay.vue

---
 admin/src/components/Overlay.vue   | 66 +++++++++++++++++++++++++++++
 admin/src/components/UserTable.vue | 68 ++++--------------------------
 admin/src/locales/de.json          |  4 +-
 admin/src/locales/en.json          |  3 +-
 4 files changed, 80 insertions(+), 61 deletions(-)
 create mode 100644 admin/src/components/Overlay.vue

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
new file mode 100644
index 000000000..e9af36cdd
--- /dev/null
+++ b/admin/src/components/Overlay.vue
@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <b-jumbotron class="bg-light p-4">
+      <template #header>{{ $t('overlay.confirm.title') }}</template>
+
+      <template #lead>
+        {{ $t('overlay.confirm.text') }}
+        <br />
+        <br />
+        <b-row>
+          <b-col class="col-2">{{ $t('name') }}</b-col>
+          <b-col class="h3">{{ items.firstName }} {{ items.lastName }}</b-col>
+        </b-row>
+        <b-row>
+          <b-col class="col-2">{{ $t('e_mail') }}</b-col>
+          <b-col class="h3">{{ items.email }}</b-col>
+        </b-row>
+        <b-row>
+          <b-col class="col-2">{{ $t('transactionlist.amount') }}</b-col>
+          <b-col class="h3">{{ items.amount }} GDD</b-col>
+        </b-row>
+        <b-row>
+          <b-col class="col-2">{{ $t('transactionlist.memo') }}</b-col>
+          <b-col class="h3">{{ items.memo }}</b-col>
+        </b-row>
+        <b-row>
+          <b-col class="col-2">{{ $t('creation_for_month') }}</b-col>
+          <b-col class="h3">{{ items.date }}</b-col>
+        </b-row>
+      </template>
+
+      <hr class="my-4" />
+
+      <p>
+        {{ $t('overlay.confirm.question') }}
+      </p>
+      <b-container>
+        <b-row>
+          <b-col>
+            <b-button size="md" variant="danger" class="m-3" @click="$emit('overlay-cancel')">
+              {{ $t('overlay.confirm.cancel') }}
+            </b-button>
+          </b-col>
+          <b-col class="text-right">
+            <b-button
+              size="md"
+              variant="success"
+              class="m-3 text-right"
+              @click="$emit('overlay-ok', items)"
+            >
+              {{ $t('overlay.confirm.yes') }}
+            </b-button>
+          </b-col>
+        </b-row>
+      </b-container>
+    </b-jumbotron>
+  </div>
+</template>
+<script>
+export default {
+  name: 'overlay',
+  props: {
+    items: { type: Object, required: true },
+  },
+}
+</script>
diff --git a/admin/src/components/UserTable.vue b/admin/src/components/UserTable.vue
index e2222fc0c..de59cb277 100644
--- a/admin/src/components/UserTable.vue
+++ b/admin/src/components/UserTable.vue
@@ -1,38 +1,7 @@
 <template>
   <div class="component-user-table">
-    <div v-show="overlay" id="overlay" class="">
-      <b-jumbotron class="bg-light p-4">
-        <template #header>{{ overlayText.header }}</template>
-
-        <template #lead>
-          {{ overlayText.text1 }}
-        </template>
-
-        <hr class="my-4" />
-
-        <p>
-          {{ overlayText.text2 }}
-        </p>
-        <b-container>
-          <b-row>
-            <b-col>
-              <b-button size="md" variant="danger" class="m-3" @click="overlayCancel">
-                {{ overlayText.button_cancel }}
-              </b-button>
-            </b-col>
-            <b-col class="text-right">
-              <b-button
-                size="md"
-                variant="success"
-                class="m-3 text-right"
-                @click="overlayOK(overlayBookmarkType, overlayItem)"
-              >
-                {{ overlayText.button_ok }}
-              </b-button>
-            </b-col>
-          </b-row>
-        </b-container>
-      </b-jumbotron>
+    <div v-show="overlay" id="overlay" @dblclick="overlayCancel">
+      <overlay :items="overlayItem" @overlay-cancel="overlayCancel" @overlay-ok="overlayOK" />
     </div>
     <b-table-lite :items="itemsUser" :fields="fieldsTable" caption-top striped hover stacked="md">
       <template #cell(creation)="data">
@@ -159,7 +128,7 @@
           variant="success"
           v-show="type === 'PageCreationConfirm'"
           size="md"
-          @click="overlayShow('confirm', row.item)"
+          @click="overlayShow(row.item)"
           class="mr-2"
         >
           <b-icon icon="check" scale="2" variant=""></b-icon>
@@ -170,6 +139,7 @@
 </template>
 
 <script>
+import Overlay from '../components/Overlay.vue'
 import CreationFormular from '../components/CreationFormular.vue'
 import EditCreationFormular from '../components/EditCreationFormular.vue'
 import ConfirmRegisterMailFormular from '../components/ConfirmRegisterMailFormular.vue'
@@ -195,6 +165,7 @@ export default {
     },
   },
   components: {
+    Overlay,
     CreationFormular,
     EditCreationFormular,
     ConfirmRegisterMailFormular,
@@ -208,17 +179,7 @@ export default {
       showCreationTransactionListFormular: null,
       creationUserData: {},
       overlay: false,
-      overlayBookmarkType: '',
-      overlayItem: [],
-      overlayText: [
-        {
-          header: '-',
-          text1: '--',
-          text2: '---',
-          button_ok: 'OK',
-          button_cancel: 'Cancel',
-        },
-      ],
+      overlayItem: {},
       slotIndex: 0,
       openRow: null,
     }
@@ -251,23 +212,12 @@ export default {
         }
       }
     },
-    overlayShow(bookmarkType, item) {
+    overlayShow(item) {
       this.overlay = true
-      this.overlayBookmarkType = bookmarkType
       this.overlayItem = item
-
-      if (bookmarkType === 'confirm') {
-        this.overlayText.header = this.$t('overlay.confirm.title')
-        this.overlayText.text1 = this.$t('overlay.confirm.text')
-        this.overlayText.text2 = this.$t('overlay.confirm.question')
-        this.overlayText.button_ok = this.$t('overlay.confirm.yes')
-        this.overlayText.button_cancel = this.$t('overlay.confirm.no')
-      }
     },
-    overlayOK(bookmarkType, item) {
-      if (bookmarkType === 'confirm') {
-        this.$emit('confirm-creation', item)
-      }
+    overlayOK(item) {
+      this.$emit('confirm-creation', item)
       this.overlay = false
     },
     overlayCancel() {
diff --git a/admin/src/locales/de.json b/admin/src/locales/de.json
index 327cfd302..673aca078 100644
--- a/admin/src/locales/de.json
+++ b/admin/src/locales/de.json
@@ -19,8 +19,10 @@
     "update_creation": "Schöpfung aktualisieren"
   },
   "date": "Datum",
+  "creation_for_month":"Schöpfung für Monat",
   "details": "Details",
   "e_mail": "E-Mail",
+  "name":"Name",
   "firstname": "Vorname",
   "gradido_admin_footer": "Gradido Akademie Adminkonsole",
   "hide_details": "Details verbergen von",
@@ -39,7 +41,7 @@
   "open_creations": "Offene Schöpfungen",
   "overlay": {
     "confirm": {
-      "no": "Nein, nicht speichern.",
+      "cancel": "abbrechen",
       "question": "Willst du diese vorgespeicherte Schöpfung wirklich vollziehen und endgültig speichern?",
       "text": "Nach dem Speichern ist der Datensatz nicht mehr änderbar und kann auch nicht mehr gelöscht werden. Bitte überprüfe genau, dass alles stimmt.",
       "title": "Schöpfung bestätigen!",
diff --git a/admin/src/locales/en.json b/admin/src/locales/en.json
index 3f12f10a8..b5470d4d2 100644
--- a/admin/src/locales/en.json
+++ b/admin/src/locales/en.json
@@ -19,6 +19,7 @@
     "update_creation": "Creation update"
   },
   "date": "Date",
+  "creation_for_month":"Creation for month",
   "details": "Details",
   "e_mail": "E-mail",
   "firstname": "Firstname",
@@ -39,7 +40,7 @@
   "open_creations": "Open creations",
   "overlay": {
     "confirm": {
-      "no": "No, do not save.",
+      "cancel": "cancel",
       "question": "Do you really want to carry out and finally save this pre-stored creation?",
       "text": "After saving, the record can no longer be changed or deleted. Please check carefully that everything is correct.",
       "title": "Confirm creation!",

From a87874ea9a3b28f2b8d0a28a9f02a092a2f56001 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 15:09:27 +0100
Subject: [PATCH 04/23] yarn locale --fix

---
 admin/src/locales/de.json | 4 ++--
 admin/src/locales/en.json | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/admin/src/locales/de.json b/admin/src/locales/de.json
index 673aca078..0cbf9e851 100644
--- a/admin/src/locales/de.json
+++ b/admin/src/locales/de.json
@@ -18,16 +18,16 @@
     "toasted_update": "`Offene Schöpfung {value} GDD) für {email} wurde geändert und liegt zur Bestätigung bereit",
     "update_creation": "Schöpfung aktualisieren"
   },
+  "creation_for_month": "Schöpfung für Monat",
   "date": "Datum",
-  "creation_for_month":"Schöpfung für Monat",
   "details": "Details",
   "e_mail": "E-Mail",
-  "name":"Name",
   "firstname": "Vorname",
   "gradido_admin_footer": "Gradido Akademie Adminkonsole",
   "hide_details": "Details verbergen von",
   "lastname": "Nachname",
   "multiple_creation_text": "Bitte wähle ein oder mehrere Mitglieder aus für die du Schöpfen möchtest.",
+  "name": "Name",
   "navbar": {
     "logout": "Abmelden",
     "multi_creation": "Mehrfachschöpfung",
diff --git a/admin/src/locales/en.json b/admin/src/locales/en.json
index b5470d4d2..0af1fe6bc 100644
--- a/admin/src/locales/en.json
+++ b/admin/src/locales/en.json
@@ -18,8 +18,8 @@
     "toasted_update": "Open creation {value} GDD) for {email} has been changed and is ready for confirmation.",
     "update_creation": "Creation update"
   },
+  "creation_for_month": "Creation for month",
   "date": "Date",
-  "creation_for_month":"Creation for month",
   "details": "Details",
   "e_mail": "E-mail",
   "firstname": "Firstname",
@@ -27,6 +27,7 @@
   "hide_details": "Hide details from",
   "lastname": "Lastname",
   "multiple_creation_text": "Please select one or more members for which you would like to perform creations.",
+  "name": "Name",
   "navbar": {
     "logout": "Logout",
     "multi_creation": "Multiple creation",

From 82f3c0d580527468fbe91db877630b64634ca7ef Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 15:22:10 +0100
Subject: [PATCH 05/23] datetime add for creation month

---
 admin/src/components/Overlay.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index e9af36cdd..f7ec62266 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -25,7 +25,9 @@
         </b-row>
         <b-row>
           <b-col class="col-2">{{ $t('creation_for_month') }}</b-col>
-          <b-col class="h3">{{ items.date }}</b-col>
+          <b-col class="h3">
+            {{ $d(new Date(items.date), 'month') }} {{ $d(new Date(items.date), 'year') }}
+          </b-col>
         </b-row>
       </template>
 

From 78064c49f351618c461ac50b32cfea22f3f4b386 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 15:30:35 +0100
Subject: [PATCH 06/23] changes in the order of the data

---
 admin/src/components/Overlay.vue | 42 ++++++++++++++++----------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index f7ec62266..f002436fd 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -1,38 +1,38 @@
 <template>
   <div>
     <b-jumbotron class="bg-light p-4">
-      <template #header>{{ $t('overlay.confirm.title') }}</template>
+      <template #header>{{ items.firstName }}´s {{ $t('overlay.confirm.title') }}</template>
 
       <template #lead>
-        {{ $t('overlay.confirm.text') }}
-        <br />
-        <br />
-        <b-row>
-          <b-col class="col-2">{{ $t('name') }}</b-col>
-          <b-col class="h3">{{ items.firstName }} {{ items.lastName }}</b-col>
+        
+        <b-row class="mt-4">
+          <b-col class="col-3">{{ $t('transactionlist.amount') }}</b-col>
+          <b-col class="h3">
+            <b>{{ items.amount }} GDD</b>
+          </b-col>
         </b-row>
         <b-row>
-          <b-col class="col-2">{{ $t('e_mail') }}</b-col>
-          <b-col class="h3">{{ items.email }}</b-col>
-        </b-row>
-        <b-row>
-          <b-col class="col-2">{{ $t('transactionlist.amount') }}</b-col>
-          <b-col class="h3">{{ items.amount }} GDD</b-col>
-        </b-row>
-        <b-row>
-          <b-col class="col-2">{{ $t('transactionlist.memo') }}</b-col>
-          <b-col class="h3">{{ items.memo }}</b-col>
-        </b-row>
-        <b-row>
-          <b-col class="col-2">{{ $t('creation_for_month') }}</b-col>
+          <b-col class="col-3">{{ $t('creation_for_month') }}</b-col>
           <b-col class="h3">
             {{ $d(new Date(items.date), 'month') }} {{ $d(new Date(items.date), 'year') }}
           </b-col>
         </b-row>
+        <b-row>
+          <b-col class="col-3">{{ $t('transactionlist.memo') }}</b-col>
+          <b-col>{{ items.memo }}</b-col>
+        </b-row>
+        <b-row class="mt-3">
+          <b-col class="col-3">{{ $t('name') }}</b-col>
+          <b-col>{{ items.firstName }} {{ items.lastName }}</b-col>
+        </b-row>
+        <b-row>
+          <b-col class="col-3">{{ $t('e_mail') }}</b-col>
+          <b-col>{{ items.email }}</b-col>
+        </b-row>
       </template>
 
       <hr class="my-4" />
-
+<p>{{ $t('overlay.confirm.text') }}</p>
       <p>
         {{ $t('overlay.confirm.question') }}
       </p>

From 2ac912d584788b8858eea59bf126fc29f0322653 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 15:31:39 +0100
Subject: [PATCH 07/23] yarn lint --fix

---
 admin/src/components/Overlay.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index f002436fd..6f1d4ee0b 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -4,7 +4,6 @@
       <template #header>{{ items.firstName }}´s {{ $t('overlay.confirm.title') }}</template>
 
       <template #lead>
-        
         <b-row class="mt-4">
           <b-col class="col-3">{{ $t('transactionlist.amount') }}</b-col>
           <b-col class="h3">
@@ -32,7 +31,7 @@
       </template>
 
       <hr class="my-4" />
-<p>{{ $t('overlay.confirm.text') }}</p>
+      <p>{{ $t('overlay.confirm.text') }}</p>
       <p>
         {{ $t('overlay.confirm.question') }}
       </p>

From 19e5cd196dbdd02c9d9315e5037b7dae19034bae Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 16:30:23 +0100
Subject: [PATCH 08/23] add Overlay.spec.js

---
 admin/src/components/Overlay.spec.js | 31 ++++++++++++++++++++++++++++
 admin/src/components/Overlay.vue     |  2 +-
 2 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 admin/src/components/Overlay.spec.js

diff --git a/admin/src/components/Overlay.spec.js b/admin/src/components/Overlay.spec.js
new file mode 100644
index 000000000..9aa338bd9
--- /dev/null
+++ b/admin/src/components/Overlay.spec.js
@@ -0,0 +1,31 @@
+import { mount } from '@vue/test-utils'
+import Overlay from './Overlay.vue'
+
+const localVue = global.localVue
+
+const propsData = {
+  items: {},
+}
+
+const mocks = {
+  $t: jest.fn((t) => t),
+  $d: jest.fn((d) => String(d)),
+}
+
+describe('Overlay', () => {
+  let wrapper
+
+  const Wrapper = () => {
+    return mount(Overlay, { localVue, mocks, propsData })
+  }
+
+  describe('mount', () => {
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('has a DIV element with the class.component-overlay', () => {
+      expect(wrapper.find('.component-overlay').exists()).toBeTruthy()
+    })
+  })
+})
diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index 6f1d4ee0b..3f5106fcb 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="component-overlay">
     <b-jumbotron class="bg-light p-4">
       <template #header>{{ items.firstName }}´s {{ $t('overlay.confirm.title') }}</template>
 

From a562b3cdd1db38c52a140a9b4f4b9eb2ea409078 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 11 Feb 2022 16:58:15 +0100
Subject: [PATCH 09/23] remove unused code, set corectly function

---
 admin/src/components/Overlay.vue    |  2 +-
 admin/src/pages/CreationConfirm.vue | 12 ------------
 2 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index 3f5106fcb..46923c53c 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -47,7 +47,7 @@
               size="md"
               variant="success"
               class="m-3 text-right"
-              @click="$emit('overlay-ok', items)"
+              @click="$emit('confirm-creation', items)"
             >
               {{ $t('overlay.confirm.yes') }}
             </b-button>
diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index b29128482..aa5c076f1 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -6,18 +6,6 @@
         @overlay-cancel="overlay = false"
         @confirm-creation="confirmCreation"
       />
-      <!--<b-jumbotron class="bg-light p-4">
-        <template #header>{{ $t('overlay.confirm.title') }}</template>
-        <template #lead>{{ $t('overlay.confirm.text') }}</template>
-        <hr class="my-4" />
-        <p>{{ $t('overlay.confirm.question') }}</p>
-        <b-button size="md" variant="danger" class="m-3" @click="overlay = false">
-          {{ $t('overlay.confirm.no') }}
-        </b-button>
-        <b-button size="md" variant="success" class="m-3 text-right" @click="confirmCreation">
-          {{ $t('overlay.confirm.yes') }}
-        </b-button>
-      </b-jumbotron> -->
     </div>
     <open-creations-table
       class="mt-4"

From e1a6d7cdd17af75681957bf2971a88e6b7218e44 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:04:47 +0100
Subject: [PATCH 10/23] Update admin/src/components/Overlay.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/components/Overlay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index 46923c53c..37b97ac19 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="component-overlay">
     <b-jumbotron class="bg-light p-4">
-      <template #header>{{ items.firstName }}´s {{ $t('overlay.confirm.title') }}</template>
+      <template #header>{{ $t('overlay.confirm.title') }}</template>
 
       <template #lead>
         <b-row class="mt-4">

From 4633f8394845da1133ba0850cb15d68407a316c3 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:05:38 +0100
Subject: [PATCH 11/23] Update admin/src/pages/CreationConfirm.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/pages/CreationConfirm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index aa5c076f1..304d628b5 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="creation-confirm">
-    <div v-show="overlay" id="overlay" @dblclick="overlay = false">
+    <div v-if="overlay" id="overlay" @dblclick="overlay = false">
       <overlay
         :items="item"
         @overlay-cancel="overlay = false"

From 36d41ecd9df3b7d0308d0b9a1aac37bbb38a6b45 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:06:00 +0100
Subject: [PATCH 12/23] Update admin/src/locales/en.json

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/locales/en.json b/admin/src/locales/en.json
index 7dbe4c235..4fc17ee31 100644
--- a/admin/src/locales/en.json
+++ b/admin/src/locales/en.json
@@ -45,7 +45,7 @@
   "open_creations": "Open creations",
   "overlay": {
     "confirm": {
-      "cancel": "cancel",
+      "cancel": "Cancel",
       "question": "Do you really want to carry out and finally save this pre-stored creation?",
       "text": "After saving, the record can no longer be changed or deleted. Please check carefully that everything is correct.",
       "title": "Confirm creation!",

From 97fc1f0f300606ff0fe7c45f0c22c2803b0e9d76 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:06:09 +0100
Subject: [PATCH 13/23] Update admin/src/locales/de.json

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/locales/de.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/locales/de.json b/admin/src/locales/de.json
index 028cf6f90..d7a28d040 100644
--- a/admin/src/locales/de.json
+++ b/admin/src/locales/de.json
@@ -45,7 +45,7 @@
   "open_creations": "Offene Schöpfungen",
   "overlay": {
     "confirm": {
-      "cancel": "abbrechen",
+      "cancel": "Abbrechen",
       "question": "Willst du diese vorgespeicherte Schöpfung wirklich vollziehen und endgültig speichern?",
       "text": "Nach dem Speichern ist der Datensatz nicht mehr änderbar und kann auch nicht mehr gelöscht werden. Bitte überprüfe genau, dass alles stimmt.",
       "title": "Schöpfung bestätigen!",

From c1b2e4334e077ff5b27cb1cf897a695bebd4e9f2 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:06:21 +0100
Subject: [PATCH 14/23] Update admin/src/components/Overlay.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/components/Overlay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index 37b97ac19..5890d8b41 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -61,7 +61,7 @@
 export default {
   name: 'overlay',
   props: {
-    items: { type: Object, required: true },
+    item: { type: Object, required: true },
   },
 }
 </script>

From 73bded2bf610c0fe5172973b6ca781c138bfac30 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:06:30 +0100
Subject: [PATCH 15/23] Update admin/src/components/Overlay.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/components/Overlay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index 5890d8b41..aaf50b2f7 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -18,7 +18,7 @@
         </b-row>
         <b-row>
           <b-col class="col-3">{{ $t('transactionlist.memo') }}</b-col>
-          <b-col>{{ items.memo }}</b-col>
+          <b-col>{{ item.memo }}</b-col>
         </b-row>
         <b-row class="mt-3">
           <b-col class="col-3">{{ $t('name') }}</b-col>

From 13e0d99dbf5987667366c641ffb1133fe3cb709f Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:06:38 +0100
Subject: [PATCH 16/23] Update admin/src/components/Overlay.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/components/Overlay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index aaf50b2f7..25ca9d254 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -26,7 +26,7 @@
         </b-row>
         <b-row>
           <b-col class="col-3">{{ $t('e_mail') }}</b-col>
-          <b-col>{{ items.email }}</b-col>
+          <b-col>{{ item.email }}</b-col>
         </b-row>
       </template>
 

From 71e1cd50e987802396f3d4823c282d61814c0c58 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:06:45 +0100
Subject: [PATCH 17/23] Update admin/src/pages/CreationConfirm.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/pages/CreationConfirm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index 304d628b5..2334a5a8b 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -2,7 +2,7 @@
   <div class="creation-confirm">
     <div v-if="overlay" id="overlay" @dblclick="overlay = false">
       <overlay
-        :items="item"
+        :item="item"
         @overlay-cancel="overlay = false"
         @confirm-creation="confirmCreation"
       />

From 39e38bea2c901f697b9d3af1429d909590528b6c Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:06:56 +0100
Subject: [PATCH 18/23] Update admin/src/components/Overlay.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/components/Overlay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index 25ca9d254..af1c428b4 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -47,7 +47,7 @@
               size="md"
               variant="success"
               class="m-3 text-right"
-              @click="$emit('confirm-creation', items)"
+              @click="$emit('confirm-creation', item)"
             >
               {{ $t('overlay.confirm.yes') }}
             </b-button>

From 0d3efa9900985207a78f2f80ce938a23949dd146 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:07:06 +0100
Subject: [PATCH 19/23] Update admin/src/components/Overlay.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/components/Overlay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index af1c428b4..6a4e3e94a 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -22,7 +22,7 @@
         </b-row>
         <b-row class="mt-3">
           <b-col class="col-3">{{ $t('name') }}</b-col>
-          <b-col>{{ items.firstName }} {{ items.lastName }}</b-col>
+          <b-col>{{ item.firstName }} {{ item.lastName }}</b-col>
         </b-row>
         <b-row>
           <b-col class="col-3">{{ $t('e_mail') }}</b-col>

From 9f87e7a8c6d0d5d32998247b2b0d536442016396 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:07:22 +0100
Subject: [PATCH 20/23] Update admin/src/components/Overlay.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/components/Overlay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index 6a4e3e94a..b6afb28e4 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -7,7 +7,7 @@
         <b-row class="mt-4">
           <b-col class="col-3">{{ $t('transactionlist.amount') }}</b-col>
           <b-col class="h3">
-            <b>{{ items.amount }} GDD</b>
+            <b>{{ item.amount }} GDD</b>
           </b-col>
         </b-row>
         <b-row>

From e83e65aca73b055722f08e127bf018c2e8014cb0 Mon Sep 17 00:00:00 2001
From: Alexander Friedland <ogerly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 14:07:32 +0100
Subject: [PATCH 21/23] Update admin/src/components/Overlay.vue

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 admin/src/components/Overlay.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/components/Overlay.vue b/admin/src/components/Overlay.vue
index b6afb28e4..bf477c491 100644
--- a/admin/src/components/Overlay.vue
+++ b/admin/src/components/Overlay.vue
@@ -13,7 +13,7 @@
         <b-row>
           <b-col class="col-3">{{ $t('creation_for_month') }}</b-col>
           <b-col class="h3">
-            {{ $d(new Date(items.date), 'month') }} {{ $d(new Date(items.date), 'year') }}
+            {{ $d(new Date(item.date), 'month') }} {{ $d(new Date(item.date), 'year') }}
           </b-col>
         </b-row>
         <b-row>

From e67427f8f143a1f494316815907ad7b4a477c63a Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 23 Feb 2022 09:24:46 +0100
Subject: [PATCH 22/23] linting

---
 admin/src/pages/CreationConfirm.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index 2334a5a8b..54580c366 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -1,11 +1,7 @@
 <template>
   <div class="creation-confirm">
     <div v-if="overlay" id="overlay" @dblclick="overlay = false">
-      <overlay
-        :item="item"
-        @overlay-cancel="overlay = false"
-        @confirm-creation="confirmCreation"
-      />
+      <overlay :item="item" @overlay-cancel="overlay = false" @confirm-creation="confirmCreation" />
     </div>
     <open-creations-table
       class="mt-4"

From 6aeb17453277b15ad6c333d5edf7c11db728b200 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 23 Feb 2022 09:40:30 +0100
Subject: [PATCH 23/23] fix tests

---
 admin/src/components/Overlay.spec.js    | 2 +-
 admin/src/pages/CreationConfirm.spec.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/admin/src/components/Overlay.spec.js b/admin/src/components/Overlay.spec.js
index 9aa338bd9..6a857068f 100644
--- a/admin/src/components/Overlay.spec.js
+++ b/admin/src/components/Overlay.spec.js
@@ -4,7 +4,7 @@ import Overlay from './Overlay.vue'
 const localVue = global.localVue
 
 const propsData = {
-  items: {},
+  item: {},
 }
 
 const mocks = {
diff --git a/admin/src/pages/CreationConfirm.spec.js b/admin/src/pages/CreationConfirm.spec.js
index 067aedd61..f0412678b 100644
--- a/admin/src/pages/CreationConfirm.spec.js
+++ b/admin/src/pages/CreationConfirm.spec.js
@@ -132,8 +132,8 @@ describe('CreationConfirm', () => {
             await wrapper.find('#overlay').findAll('button').at(0).trigger('click')
           })
 
-          it('closes the overlay', () => {
-            expect(wrapper.find('#overlay').isVisible()).toBeFalsy()
+          it('closes the overlay', async () => {
+            expect(wrapper.find('#overlay').exists()).toBeFalsy()
           })
 
           it('still has 2 items in the table', () => {