From 0def6472d524ee7484e9ad4a894a3aa1ad24dc80 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 23 Aug 2022 14:30:03 +0200
Subject: [PATCH 1/2] add files for ContributionMessages

---
 .../ContributionMessagesFormular.vue          | 57 +++++++++++++
 .../ContributionMessagesList.vue              | 82 +++++++++++++++++++
 .../ContributionMessagesListItem.vue          | 16 ++++
 .../slots/IsModerator.vue                     | 27 ++++++
 .../slots/IsNotModerator.vue                  | 34 ++++++++
 5 files changed, 216 insertions(+)
 create mode 100644 frontend/src/components/ContributionMessages/ContributionMessagesFormular.vue
 create mode 100644 frontend/src/components/ContributionMessages/ContributionMessagesList.vue
 create mode 100644 frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue
 create mode 100644 frontend/src/components/ContributionMessages/slots/IsModerator.vue
 create mode 100644 frontend/src/components/ContributionMessages/slots/IsNotModerator.vue

diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesFormular.vue b/frontend/src/components/ContributionMessages/ContributionMessagesFormular.vue
new file mode 100644
index 000000000..f3de7be3d
--- /dev/null
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesFormular.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="contribution-messages-formular">
+    <div v-if="form.text !== ''" class="mt-5">
+      <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="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>
+    </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">{{ $t('form.submit') }}</b-button>
+        <b-button type="reset" variant="danger">{{ $t('form.reset') }}</b-button>
+      </b-form>
+    </div>
+  </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/frontend/src/components/ContributionMessages/ContributionMessagesList.vue b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
new file mode 100644
index 000000000..fa3ca2b46
--- /dev/null
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="contribution-messages-list">
+    <b-container>
+      <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: [
+        {
+          id: '0',
+          msgid: '0',
+          memo: 'kjsdn sdnnasd andandandak sd n askdna kdnak asdnadjasndk adkand',
+          uuid: '1',
+          firstName: 'peter',
+          lastName: 'lustig',
+          isModerator: 1,
+        },
+        {
+          id: '1',
+          msgid: '0',
+          memo: 'nftzfD dfRDTD FDdrD TFt F ZTFZF TZfz FF T TZF Z ff ',
+          uuid: '2',
+          firstName: 'bibi',
+          lastName: 'bloxberg',
+          isModerator: 0,
+        },
+        {
+          id: '2',
+          msgid: '0',
+          memo: 'oG iu Hih hi  ',
+          uuid: '1',
+          firstName: 'peter',
+          lastName: 'lustig',
+          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/frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue b/frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue
new file mode 100644
index 000000000..74d349d12
--- /dev/null
+++ b/frontend/src/components/ContributionMessages/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/frontend/src/components/ContributionMessages/slots/IsModerator.vue b/frontend/src/components/ContributionMessages/slots/IsModerator.vue
new file mode 100644
index 000000000..1fd284b65
--- /dev/null
+++ b/frontend/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/frontend/src/components/ContributionMessages/slots/IsNotModerator.vue b/frontend/src/components/ContributionMessages/slots/IsNotModerator.vue
new file mode 100644
index 000000000..668e840fe
--- /dev/null
+++ b/frontend/src/components/ContributionMessages/slots/IsNotModerator.vue
@@ -0,0 +1,34 @@
+<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;
+  margin-bottom: 20px;
+}
+</style>

From a0d765c7f21bcde60c2445752df9a0fd0820bf76 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 24 Aug 2022 11:04:28 +0200
Subject: [PATCH 2/2] add list and formular for contribution messages

---
 .../ContributionMessagesList.vue              |  8 +++---
 .../Contributions/ContributionListItem.vue    | 27 +++++++++++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesList.vue b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
index fa3ca2b46..517707cd8 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -19,10 +19,10 @@
   </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'
+import ContributionMessagesListItem from '@/components/ContributionMessages/ContributionMessagesListItem.vue'
+import IsModerator from '@/components/ContributionMessages/slots/IsModerator.vue'
+import IsNotModerator from '@/components/ContributionMessages/slots/IsNotModerator.vue'
+import ContributionMessagesFormular from '@/components/ContributionMessages/ContributionMessagesFormular.vue'
 export default {
   name: 'ContributionMessagesList',
   components: {
diff --git a/frontend/src/components/Contributions/ContributionListItem.vue b/frontend/src/components/Contributions/ContributionListItem.vue
index 90e98bc4c..3654a28d2 100644
--- a/frontend/src/components/Contributions/ContributionListItem.vue
+++ b/frontend/src/components/Contributions/ContributionListItem.vue
@@ -35,14 +35,33 @@
           <div class="pointer" @click="deleteContribution({ id })">
             <b-icon icon="trash" class="h2"></b-icon>
           </div>
+          <div v-if="inProcess && type === 'pending'" class="pointer">
+            <b-icon v-b-toggle="collapsId" icon="chat-dots" class="h2 mr-5"></b-icon>
+          </div>
+        </div>
+
+        <div v-if="inProcess && type === 'pending'">
+          <b-button v-if="inProcess && id > 36" v-b-toggle="collapsId" variant="primary">
+            Bitte beantworte die Nachfrage
+          </b-button>
+          <b-collapse :id="collapsId" class="mt-2">
+            <b-card>
+              <contribution-messages-list />
+            </b-card>
+          </b-collapse>
         </div>
       </div>
     </slot>
   </div>
 </template>
 <script>
+import ContributionMessagesList from '@/components/ContributionMessages/ContributionMessagesList.vue'
+
 export default {
   name: 'ContributionListItem',
+  components: {
+    ContributionMessagesList,
+  },
   props: {
     id: {
       type: Number,
@@ -80,6 +99,11 @@ export default {
       required: false,
     },
   },
+  data() {
+    return {
+      inProcess: true,
+    }
+  },
   computed: {
     type() {
       if (this.deletedAt) return 'deleted'
@@ -102,6 +126,9 @@ export default {
       // return this.contributionDate
       return this.createdAt
     },
+    collapsId() {
+      return 'collapse' + String(this.id)
+    },
   },
   methods: {
     deleteContribution(item) {