From 9bc71d1af02ea74dc3b44740ac35030a7a7aad63 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Sun, 19 Dec 2021 13:47:30 +0100
Subject: [PATCH] register mail send style and function added

---
 .../ConfirmRegisterMailFormular.vue           | 36 ++++++++++++++++---
 admin/src/components/UserTable.vue            |  8 +++--
 2 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/admin/src/components/ConfirmRegisterMailFormular.vue b/admin/src/components/ConfirmRegisterMailFormular.vue
index 859cca881..c9ab36d18 100644
--- a/admin/src/components/ConfirmRegisterMailFormular.vue
+++ b/admin/src/components/ConfirmRegisterMailFormular.vue
@@ -1,7 +1,18 @@
 <template>
   <div class="component-confirm-register-mail">
     <div class="shadow p-3 mb-5 bg-white rounded">
-      admin/src/components/ConfirmRegisterMailFormular.vue
+      
+      <div class="h5">Die letzte E-Mail wurde am
+      <b>{{ dateLastSend }} Uhr</b>
+      an das Mitglied gesendet.</div>
+
+      <!-- Using components -->
+      <b-input-group prepend="Mail bestätigen, wiederholt senden an:" class="mt-3">
+        <b-form-input readonly :value="email"></b-form-input>
+        <b-input-group-append>
+          <b-button variant="outline-success" @click="sendRegisterMail">jetzt senden</b-button>
+        </b-input-group-append>
+      </b-input-group>
     </div>
   </div>
 </template>
@@ -10,12 +21,29 @@
 // import { createPendingCreation } from '../graphql/createPendingCreation'
 export default {
   name: 'ConfirmRegisterMail',
-  props: {},
+  props: {
+    email: {
+      type: String,
+    },
+    dateLastSend: {
+      type: String,
+    },
+  },
   data() {
     return {}
   },
 
-  methods: {},
-  created() {},
+  methods: {
+    sendRegisterMail() {
+      alert(
+        'sende wiederholt den ConfirmText an die register E-Mail (' + this.email + ') des User!',
+      )
+    },
+  },
 }
 </script>
+<style>
+.input-group-text {
+  background-color: rgb(255, 252, 205);
+}
+</style>
diff --git a/admin/src/components/UserTable.vue b/admin/src/components/UserTable.vue
index 848731a24..8ec9e0f60 100644
--- a/admin/src/components/UserTable.vue
+++ b/admin/src/components/UserTable.vue
@@ -82,11 +82,10 @@
       </template>
 
       <template #row-details="row">
-        <b-card class="shadow-lg p-3 mb-5 bg-white rounded">
+        <b-card class="shadow-lg pl-3 pr-3 mb-5 bg-white rounded">
           <b-row class="mb-2">
             <b-col></b-col>
           </b-row>
-          {{ type }}
           <div v-if="showCreationFormular">
             <creation-formular
               v-if="type === 'PageUserSearch'"
@@ -110,7 +109,10 @@
               @update-user-data="updateUserData"
             />
           </div>
-          <confirm-register-mail-formular />
+          <confirm-register-mail-formular
+            :email="row.item.email"
+            :dateLastSend="$moment().subtract(1, 'month').format('dddd, DD.MMMM.YYYY HH:mm'),"
+          />
 
           <b-button size="sm" @click="row.toggleDetails">
             <b-icon