From fad26a30dd6c63b7ca8db19bf6614339be43036d Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 18 Aug 2022 10:30:13 +0200
Subject: [PATCH 1/7] prework messages in adminarea

---
 .../ContributionMessagesFormular.vue          | 39 +++++++++++++++
 .../ContributionMessagesList.vue              | 47 +++++++++++++++++++
 .../components/Tables/OpenCreationsTable.vue  | 17 ++++++-
 3 files changed, 102 insertions(+), 1 deletion(-)
 create mode 100644 admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
 create mode 100644 admin/src/components/ContributionMessages/ContributionMessagesList.vue

diff --git a/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue b/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
new file mode 100644
index 000000000..177520fd4
--- /dev/null
+++ b/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="contribution-messages-formular">
+    <b-form @submit="onSubmit" @reset="onReset">
+      <b-form-textarea
+        id="textarea"
+        v-model="form.text"
+        placeholder="Enter something..."
+        rows="3"
+        max-rows="6"
+      ></b-form-textarea>
+      <p v-if="form.text !== ''" class="mt-5">Vorschau</p>
+      <pre class="ml-3 mt-3 mb-5">{{ form.text }}</pre>
+      <b-button type="submit" variant="primary">Submit</b-button>
+      <b-button type="reset" variant="danger">Reset</b-button>
+    </b-form>
+  </div>
+</template>
+<script>
+export default {
+  name: 'ContributionMessagesFormular',
+  data() {
+    return {
+      form: {
+        text: '',
+      },
+    }
+  },
+  methods: {
+    onSubmit(event) {
+      event.preventDefault()
+      alert(JSON.stringify(this.form))
+    },
+    onReset(event) {
+      event.preventDefault()
+      this.form.text = ''
+    },
+  },
+}
+</script>
diff --git a/admin/src/components/ContributionMessages/ContributionMessagesList.vue b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
new file mode 100644
index 000000000..2f1c038d2
--- /dev/null
+++ b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="contribution-messages-list">ContributionMessagesList
+
+      <b-container>
+          <div v-for="message in messages">
+          {{message}}</div>
+      </b-container>
+  </div>
+</template>
+<script>
+export default {
+  name: 'ContributionMessagesList',
+  data() {
+    return {
+      messages: [
+        {
+          id: '0',
+          msgid: '0',
+          memo: 'kjsdn sdnnasd andandandak sd n askdna kdnak asdnadjasndk adkand',
+          uuid: '1',
+          firstName: 'peter',
+          lastName: 'lustig',
+          isModerator: true,
+        },
+        {
+          id: '1',
+          msgid: '0',
+          memo: 'nftzfD dfRDTD FDdrD TFt F ZTFZF TZfz FF T TZF Z ff ',
+          uuid: '2',
+          firstName: 'bibi',
+          lastName: 'bloxberg',
+          isModerator: false,
+        },
+        {
+          id: '0',
+          msgid: '0',
+          memo: 'oG iu Hih hi  ',
+          uuid: '1',
+          firstName: 'peter',
+          lastName: 'lustig',
+          isModerator: true,
+        },
+      ],
+    }
+  },
+}
+</script>
diff --git a/admin/src/components/Tables/OpenCreationsTable.vue b/admin/src/components/Tables/OpenCreationsTable.vue
index 3ebc81fba..2b8956206 100644
--- a/admin/src/components/Tables/OpenCreationsTable.vue
+++ b/admin/src/components/Tables/OpenCreationsTable.vue
@@ -21,6 +21,9 @@
         >
           <b-icon :icon="row.detailsShowing ? 'x' : 'pencil-square'" aria-label="Help"></b-icon>
         </b-button>
+        <b-button v-else @click="rowToggleDetails(row, 0)">
+          <b-icon icon="chat-dots"></b-icon>
+        </b-button>
       </template>
       <template #cell(confirm)="row">
         <b-button variant="success" size="md" @click="$emit('show-overlay', row.item)" class="mr-2">
@@ -36,7 +39,7 @@
           @row-toggle-details="rowToggleDetails"
         >
           <template #show-creation>
-            <div>
+            <div v-if="row.item.moderator">
               <edit-creation-formular
                 type="singleCreation"
                 :creation="row.item.creation"
@@ -47,6 +50,14 @@
                 @update-user-data="updateUserData"
               />
             </div>
+            <div v-else>
+              <contribution-messages-formular />
+              <hr />
+              <contribution-messages-list />
+              <br />
+              <br />
+              <br />
+            </div>
           </template>
         </row-details>
       </template>
@@ -58,6 +69,8 @@
 import { toggleRowDetails } from '../../mixins/toggleRowDetails'
 import RowDetails from '../RowDetails.vue'
 import EditCreationFormular from '../EditCreationFormular.vue'
+import ContributionMessagesFormular from '../ContributionMessages/ContributionMessagesFormular.vue'
+import ContributionMessagesList from '../ContributionMessages/ContributionMessagesList.vue'
 
 export default {
   name: 'OpenCreationsTable',
@@ -65,6 +78,8 @@ export default {
   components: {
     EditCreationFormular,
     RowDetails,
+    ContributionMessagesFormular,
+    ContributionMessagesList,
   },
   props: {
     items: {

From edbe59b5bac2db05eb54335b866e05481608a424 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 18 Aug 2022 10:36:20 +0200
Subject: [PATCH 2/7] fix lint

---
 .../ContributionMessagesList.vue                     | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/admin/src/components/ContributionMessages/ContributionMessagesList.vue b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
index 2f1c038d2..18fbdc56d 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -1,10 +1,12 @@
 <template>
-  <div class="contribution-messages-list">ContributionMessagesList
+  <div class="contribution-messages-list">
+    ContributionMessagesList
 
-      <b-container>
-          <div v-for="message in messages">
-          {{message}}</div>
-      </b-container>
+    <b-container>
+      <div v-for="message in messages">
+        {{ message }}
+      </div>
+    </b-container>
   </div>
 </template>
 <script>

From efac17a9a985e797fe4f656f9f00e65d08bc39b9 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 18 Aug 2022 15:27:02 +0200
Subject: [PATCH 3/7] add slotsystem

---
 .../ContributionMessagesFormular.vue          | 41 +++++++++++-----
 .../ContributionMessagesList.vue              | 48 ++++++++++++++++---
 .../slots/ContributionMessagesListItem.vue    | 16 +++++++
 .../slots/IsModerator.vue                     | 27 +++++++++++
 .../slots/IsNotModerator.vue                  | 33 +++++++++++++
 .../components/Tables/OpenCreationsTable.vue  |  8 +---
 6 files changed, 147 insertions(+), 26 deletions(-)
 create mode 100644 admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue
 create mode 100644 admin/src/components/ContributionMessages/slots/IsModerator.vue
 create mode 100644 admin/src/components/ContributionMessages/slots/IsNotModerator.vue

diff --git a/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue b/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
index 177520fd4..4643112fd 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
@@ -1,18 +1,33 @@
 <template>
   <div class="contribution-messages-formular">
-    <b-form @submit="onSubmit" @reset="onReset">
-      <b-form-textarea
-        id="textarea"
-        v-model="form.text"
-        placeholder="Enter something..."
-        rows="3"
-        max-rows="6"
-      ></b-form-textarea>
-      <p v-if="form.text !== ''" class="mt-5">Vorschau</p>
-      <pre class="ml-3 mt-3 mb-5">{{ form.text }}</pre>
-      <b-button type="submit" variant="primary">Submit</b-button>
-      <b-button type="reset" variant="danger">Reset</b-button>
-    </b-form>
+    <div v-if="form.text !== ''" class="mt-5">
+      <h4>Vorschau</h4>
+      <div class="border border-info m-5">
+        <b-row>
+          <b-col cols="1"><b-avatar square text="AA"></b-avatar></b-col>
+          <b-col cols="11">
+            <pre class="ml-3 mt-3 mb-5">
+              <span class="ml-2 mr-2">
+              {{ $store.state.moderator.firstName }} {{ $store.state.moderator.lastName }}
+            </span>
+            {{ form.text }}</pre>
+          </b-col>
+        </b-row>
+      </div>
+    </div>
+    <div>
+      <b-form @submit="onSubmit" @reset="onReset">
+        <b-form-textarea
+          id="textarea"
+          v-model="form.text"
+          placeholder="Enter something..."
+          rows="3"
+          max-rows="6"
+        ></b-form-textarea>
+        <b-button type="submit" variant="primary">Submit</b-button>
+        <b-button type="reset" variant="danger">Reset</b-button>
+      </b-form>
+    </div>
   </div>
 </template>
 <script>
diff --git a/admin/src/components/ContributionMessages/ContributionMessagesList.vue b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
index 18fbdc56d..409ceb6b1 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -3,15 +3,37 @@
     ContributionMessagesList
 
     <b-container>
-      <div v-for="message in messages">
-        {{ message }}
+      <div v-for="message in messages" v-bind:key="message.id">
+        <contribution-messages-list-item :typeId="message.isModerator">
+          <template #1>
+            <is-moderator :message="message"></is-moderator>
+          </template>
+          <template #0>
+            <is-not-moderator :message="message" class="text-right"></is-not-moderator>
+          </template>
+        </contribution-messages-list-item>
       </div>
     </b-container>
+    <br />
+    <br />
+    <br />
+    <contribution-messages-formular />
   </div>
 </template>
 <script>
+import ContributionMessagesListItem from './slots/ContributionMessagesListItem.vue'
+import IsModerator from './slots/IsModerator.vue'
+import IsNotModerator from './slots/IsNotModerator.vue'
+import ContributionMessagesFormular from '../ContributionMessages/ContributionMessagesFormular.vue'
+
 export default {
   name: 'ContributionMessagesList',
+  components: {
+    ContributionMessagesListItem,
+    IsModerator,
+    IsNotModerator,
+    ContributionMessagesFormular,
+  },
   data() {
     return {
       messages: [
@@ -22,7 +44,7 @@ export default {
           uuid: '1',
           firstName: 'peter',
           lastName: 'lustig',
-          isModerator: true,
+          isModerator: 1,
         },
         {
           id: '1',
@@ -31,19 +53,33 @@ export default {
           uuid: '2',
           firstName: 'bibi',
           lastName: 'bloxberg',
-          isModerator: false,
+          isModerator: 0,
         },
         {
-          id: '0',
+          id: '2',
           msgid: '0',
           memo: 'oG iu Hih hi  ',
           uuid: '1',
           firstName: 'peter',
           lastName: 'lustig',
-          isModerator: true,
+          isModerator: 1,
+        },
+        {
+          id: '3',
+          msgid: '0',
+          memo: 'zdg  gdggs ds gdggusgdug nftz s s ZF TZfz FF 564c ',
+          uuid: '2',
+          firstName: 'bibi',
+          lastName: 'bloxberg',
+          isModerator: 0,
         },
       ],
     }
   },
 }
 </script>
+<style scoped>
+.temp-message {
+  margin-top: 50px;
+}
+</style>
diff --git a/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue b/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue
new file mode 100644
index 000000000..74d349d12
--- /dev/null
+++ b/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <slot :name="typeId"></slot>
+  </div>
+</template>
+<script>
+export default {
+  name: 'ContributionMessagesListItem',
+  props: {
+    typeId: {
+      type: Number,
+      required: true,
+    },
+  },
+}
+</script>
diff --git a/admin/src/components/ContributionMessages/slots/IsModerator.vue b/admin/src/components/ContributionMessages/slots/IsModerator.vue
new file mode 100644
index 000000000..1fd284b65
--- /dev/null
+++ b/admin/src/components/ContributionMessages/slots/IsModerator.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="slot-is-moderator">
+    <b-avatar square text="AA"></b-avatar>
+    <span class="ml-2 mr-2">{{ message.firstName }} {{ message.lastName }}</span>
+    <div class="mt-2">{{ message }}</div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    message: {
+      type: Object,
+      default() {
+        return {}
+      },
+    },
+  },
+}
+</script>
+<style>
+.slot-is-moderator {
+  clear: both;
+  background-color: rgb(250, 158, 207);
+  width: 75%;
+  margin-top: 20px;
+}
+</style>
diff --git a/admin/src/components/ContributionMessages/slots/IsNotModerator.vue b/admin/src/components/ContributionMessages/slots/IsNotModerator.vue
new file mode 100644
index 000000000..8554fdcf1
--- /dev/null
+++ b/admin/src/components/ContributionMessages/slots/IsNotModerator.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="slot-is-not-moderator">
+    <div class="text-right">
+      <b-avatar text="BV"></b-avatar>
+      <span class="ml-2 mr-2 text-bold">{{ message.firstName }} {{ message.lastName }}</span>
+      <div class="mt-2">{{ message }}</div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    message: {
+      type: Object,
+      default() {
+        return {}
+      },
+    },
+  },
+}
+</script>
+<style>
+.clear {
+  clear: both;
+}
+.slot-is-not-moderator {
+  clear: both;
+  float: right;
+  background-color: aquamarine;
+  width: 75%;
+  margin-top: 20px;
+}
+</style>
diff --git a/admin/src/components/Tables/OpenCreationsTable.vue b/admin/src/components/Tables/OpenCreationsTable.vue
index 2b8956206..649435798 100644
--- a/admin/src/components/Tables/OpenCreationsTable.vue
+++ b/admin/src/components/Tables/OpenCreationsTable.vue
@@ -51,12 +51,7 @@
               />
             </div>
             <div v-else>
-              <contribution-messages-formular />
-              <hr />
               <contribution-messages-list />
-              <br />
-              <br />
-              <br />
             </div>
           </template>
         </row-details>
@@ -69,7 +64,7 @@
 import { toggleRowDetails } from '../../mixins/toggleRowDetails'
 import RowDetails from '../RowDetails.vue'
 import EditCreationFormular from '../EditCreationFormular.vue'
-import ContributionMessagesFormular from '../ContributionMessages/ContributionMessagesFormular.vue'
+
 import ContributionMessagesList from '../ContributionMessages/ContributionMessagesList.vue'
 
 export default {
@@ -78,7 +73,6 @@ export default {
   components: {
     EditCreationFormular,
     RowDetails,
-    ContributionMessagesFormular,
     ContributionMessagesList,
   },
   props: {

From 2a093c234f59294423ddb8b44b980d5c508d2726 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 18 Aug 2022 15:28:50 +0200
Subject: [PATCH 4/7] fix lint

---
 .../components/ContributionMessages/ContributionMessagesList.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/admin/src/components/ContributionMessages/ContributionMessagesList.vue b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
index 409ceb6b1..65484b14e 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="contribution-messages-list">
     ContributionMessagesList
-
     <b-container>
       <div v-for="message in messages" v-bind:key="message.id">
         <contribution-messages-list-item :typeId="message.isModerator">

From 8bfc505c5c6c8b529f2952c9182342457e46b6fe Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 23 Aug 2022 11:08:01 +0200
Subject: [PATCH 5/7] contribution messages locales

---
 .../ContributionMessagesFormular.vue          | 19 +++++++++++--------
 .../ContributionMessagesList.vue              |  1 -
 .../slots/IsNotModerator.vue                  |  1 +
 .../components/Tables/OpenCreationsTable.vue  |  3 ++-
 admin/src/locales/de.json                     |  7 ++++++-
 admin/src/locales/en.json                     |  7 ++++++-
 6 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue b/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
index 4643112fd..f3de7be3d 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
@@ -1,16 +1,19 @@
 <template>
   <div class="contribution-messages-formular">
     <div v-if="form.text !== ''" class="mt-5">
-      <h4>Vorschau</h4>
+      <h4>{{ $t('preview') }}</h4>
       <div class="border border-info m-5">
         <b-row>
           <b-col cols="1"><b-avatar square text="AA"></b-avatar></b-col>
           <b-col cols="11">
-            <pre class="ml-3 mt-3 mb-5">
-              <span class="ml-2 mr-2">
-              {{ $store.state.moderator.firstName }} {{ $store.state.moderator.lastName }}
-            </span>
-            {{ form.text }}</pre>
+            <pre class="mt-2">
+            {{ $store.state.moderator.firstName }} {{ $store.state.moderator.lastName }}
+            </pre>
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col>
+            <pre class="ml-3 mt-3 mb-5">{{ form.text }}</pre>
           </b-col>
         </b-row>
       </div>
@@ -24,8 +27,8 @@
           rows="3"
           max-rows="6"
         ></b-form-textarea>
-        <b-button type="submit" variant="primary">Submit</b-button>
-        <b-button type="reset" variant="danger">Reset</b-button>
+        <b-button type="submit" variant="primary">{{ $t('form.submit') }}</b-button>
+        <b-button type="reset" variant="danger">{{ $t('form.reset') }}</b-button>
       </b-form>
     </div>
   </div>
diff --git a/admin/src/components/ContributionMessages/ContributionMessagesList.vue b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
index 65484b14e..9087beacf 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="contribution-messages-list">
-    ContributionMessagesList
     <b-container>
       <div v-for="message in messages" v-bind:key="message.id">
         <contribution-messages-list-item :typeId="message.isModerator">
diff --git a/admin/src/components/ContributionMessages/slots/IsNotModerator.vue b/admin/src/components/ContributionMessages/slots/IsNotModerator.vue
index 8554fdcf1..668e840fe 100644
--- a/admin/src/components/ContributionMessages/slots/IsNotModerator.vue
+++ b/admin/src/components/ContributionMessages/slots/IsNotModerator.vue
@@ -29,5 +29,6 @@ export default {
   background-color: aquamarine;
   width: 75%;
   margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>
diff --git a/admin/src/components/Tables/OpenCreationsTable.vue b/admin/src/components/Tables/OpenCreationsTable.vue
index 649435798..87ffc9df4 100644
--- a/admin/src/components/Tables/OpenCreationsTable.vue
+++ b/admin/src/components/Tables/OpenCreationsTable.vue
@@ -23,6 +23,7 @@
         </b-button>
         <b-button v-else @click="rowToggleDetails(row, 0)">
           <b-icon icon="chat-dots"></b-icon>
+          <b-icon icon="exclamation-circle-fill"></b-icon>
         </b-button>
       </template>
       <template #cell(confirm)="row">
@@ -36,7 +37,7 @@
           type="show-creation"
           slotName="show-creation"
           :index="0"
-          @row-toggle-details="rowToggleDetails"
+          @row-toggle-details="rowToggleDetails(row, 0)"
         >
           <template #show-creation>
             <div v-if="row.item.moderator">
diff --git a/admin/src/locales/de.json b/admin/src/locales/de.json
index 4f1b40b71..f4654f07b 100644
--- a/admin/src/locales/de.json
+++ b/admin/src/locales/de.json
@@ -69,6 +69,10 @@
     },
     "short_hash": "({shortHash})"
   },
+  "form": {
+    "submit":"absenden",
+    "reset": "löschen"
+  },
   "GDD": "GDD",
   "hide_details": "Details verbergen",
   "lastname": "Nachname",
@@ -155,5 +159,6 @@
   },
   "user_deleted": "Nutzer ist gelöscht.",
   "user_recovered": "Nutzer ist wiederhergestellt.",
-  "user_search": "Nutzer-Suche"
+  "user_search": "Nutzer-Suche",
+  "preview":"Vorschau"
 }
diff --git a/admin/src/locales/en.json b/admin/src/locales/en.json
index 2145a87d3..92416a20a 100644
--- a/admin/src/locales/en.json
+++ b/admin/src/locales/en.json
@@ -69,6 +69,10 @@
     },
     "short_hash": "({shortHash})"
   },
+  "form": {
+    "submit":"submit",
+    "reset": "reset"
+  },
   "GDD": "GDD",
   "hide_details": "Hide details",
   "lastname": "Lastname",
@@ -155,5 +159,6 @@
   },
   "user_deleted": "User is deleted.",
   "user_recovered": "User is recovered.",
-  "user_search": "User search"
+  "user_search": "User search",
+  "preview":"Preview"
 }

From 7bc82db3c41f2dd85e39edb3641ef2b9f4db09d0 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 24 Aug 2022 12:45:13 +0200
Subject: [PATCH 6/7] add apollo mutation adminCreateContributionMessage

---
 .../ContributionMessagesFormular.vue          | 23 ++++++++++++++++++-
 .../ContributionMessagesList.vue              |  8 ++++++-
 .../components/Tables/OpenCreationsTable.vue  |  2 +-
 .../graphql/adminCreateContributionMessage.js | 15 ++++++++++++
 4 files changed, 45 insertions(+), 3 deletions(-)
 create mode 100644 admin/src/graphql/adminCreateContributionMessage.js

diff --git a/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue b/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
index f3de7be3d..b7e706d5c 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesFormular.vue
@@ -34,8 +34,16 @@
   </div>
 </template>
 <script>
+import { adminCreateContributionMessage } from '@/graphql/adminCreateContributionMessage'
+
 export default {
   name: 'ContributionMessagesFormular',
+  props: {
+    contributionId: {
+      type: Number,
+      required: true,
+    },
+  },
   data() {
     return {
       form: {
@@ -46,7 +54,20 @@ export default {
   methods: {
     onSubmit(event) {
       event.preventDefault()
-      alert(JSON.stringify(this.form))
+      this.$apollo
+        .mutate({
+          mutation: adminCreateContributionMessage,
+          variables: {
+            contributionId: this.contributionId,
+            message: this.form.text,
+          },
+        })
+        .then((result) => {
+          this.toastSuccess(result)
+        })
+        .catch((error) => {
+          this.toastError(error.message)
+        })
     },
     onReset(event) {
       event.preventDefault()
diff --git a/admin/src/components/ContributionMessages/ContributionMessagesList.vue b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
index 9087beacf..5f73db916 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -15,7 +15,7 @@
     <br />
     <br />
     <br />
-    <contribution-messages-formular />
+    <contribution-messages-formular :contributionId="contributionId" />
   </div>
 </template>
 <script>
@@ -26,6 +26,12 @@ import ContributionMessagesFormular from '../ContributionMessages/ContributionMe
 
 export default {
   name: 'ContributionMessagesList',
+  props: {
+    contributionId: {
+      type: Number,
+      required: true,
+    },
+  },
   components: {
     ContributionMessagesListItem,
     IsModerator,
diff --git a/admin/src/components/Tables/OpenCreationsTable.vue b/admin/src/components/Tables/OpenCreationsTable.vue
index 87ffc9df4..980794319 100644
--- a/admin/src/components/Tables/OpenCreationsTable.vue
+++ b/admin/src/components/Tables/OpenCreationsTable.vue
@@ -52,7 +52,7 @@
               />
             </div>
             <div v-else>
-              <contribution-messages-list />
+              <contribution-messages-list :contributionId="row.item.id" />
             </div>
           </template>
         </row-details>
diff --git a/admin/src/graphql/adminCreateContributionMessage.js b/admin/src/graphql/adminCreateContributionMessage.js
new file mode 100644
index 000000000..25d81f151
--- /dev/null
+++ b/admin/src/graphql/adminCreateContributionMessage.js
@@ -0,0 +1,15 @@
+import gql from 'graphql-tag'
+
+export const adminCreateContributionMessage = gql`
+  mutation ($contributionId: Float!, $message: String!) {
+    adminCreateContributionMessage(contributionId: $contributionId, message: $message) {
+      id
+      message
+      createdAt
+      updatedAt
+      type
+      userFirstName
+      userLastName
+    }
+  }
+`

From 2e0820ca9c806a64726ad9cebeaa2db146ccadde Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 24 Aug 2022 14:47:18 +0200
Subject: [PATCH 7/7] yarn locales

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

diff --git a/admin/src/locales/de.json b/admin/src/locales/de.json
index f4654f07b..a9e18f165 100644
--- a/admin/src/locales/de.json
+++ b/admin/src/locales/de.json
@@ -70,7 +70,7 @@
     "short_hash": "({shortHash})"
   },
   "form": {
-    "submit":"absenden",
+    "submit": "absenden",
     "reset": "löschen"
   },
   "GDD": "GDD",
@@ -160,5 +160,5 @@
   "user_deleted": "Nutzer ist gelöscht.",
   "user_recovered": "Nutzer ist wiederhergestellt.",
   "user_search": "Nutzer-Suche",
-  "preview":"Vorschau"
+  "preview": "Vorschau"
 }
diff --git a/admin/src/locales/en.json b/admin/src/locales/en.json
index 92416a20a..9b5ab107a 100644
--- a/admin/src/locales/en.json
+++ b/admin/src/locales/en.json
@@ -70,7 +70,7 @@
     "short_hash": "({shortHash})"
   },
   "form": {
-    "submit":"submit",
+    "submit": "submit",
     "reset": "reset"
   },
   "GDD": "GDD",
@@ -160,5 +160,5 @@
   "user_deleted": "User is deleted.",
   "user_recovered": "User is recovered.",
   "user_search": "User search",
-  "preview":"Preview"
+  "preview": "Preview"
 }