From 1acf109dbac117d08b845aec6fa803acb50379e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 15 May 2019 16:48:50 +0200
Subject: [PATCH 01/38] Implemented Menus, Unit Tests and created and
 refactored localisations

---
 webapp/components/ContentMenu.vue           | 20 ++++--
 webapp/components/Modal/DeleteModal.spec.js | 73 +++++++++++++++++----
 webapp/components/Modal/DeleteModal.vue     | 42 ++++++++----
 webapp/locales/de.json                      | 40 +++++++----
 webapp/locales/en.json                      | 46 ++++++++-----
 5 files changed, 163 insertions(+), 58 deletions(-)

diff --git a/webapp/components/ContentMenu.vue b/webapp/components/ContentMenu.vue
index 29473d6b2..effc801ea 100644
--- a/webapp/components/ContentMenu.vue
+++ b/webapp/components/ContentMenu.vue
@@ -68,7 +68,7 @@ export default {
 
       if (this.isOwner && this.resourceType === 'contribution') {
         routes.push({
-          name: this.$t(`contribution.edit`),
+          name: this.$t(`post.menu.edit`),
           path: this.$router.resolve({
             name: 'post-edit-id',
             params: {
@@ -78,21 +78,29 @@ export default {
           icon: 'edit'
         })
         routes.push({
-          name: this.$t(`post.delete.title`),
+          name: this.$t(`post.menu.delete`),
           callback: () => {
             this.openModal('delete')
           },
           icon: 'trash'
         })
       }
+
       if (this.isOwner && this.resourceType === 'comment') {
+        // routes.push({
+        //   name: this.$t(`comment.menu.edit`),
+        //   callback: () => {
+        //     /* eslint-disable-next-line no-console */
+        //     console.log('EDIT COMMENT')
+        //   },
+        //   icon: 'edit'
+        // })
         routes.push({
-          name: this.$t(`comment.edit`),
+          name: this.$t(`comment.menu.delete`),
           callback: () => {
-            /* eslint-disable-next-line no-console */
-            console.log('EDIT COMMENT')
+            this.openModal('delete')
           },
-          icon: 'edit'
+          icon: 'trash'
         })
       }
 
diff --git a/webapp/components/Modal/DeleteModal.spec.js b/webapp/components/Modal/DeleteModal.spec.js
index e52c252ca..6127607a9 100644
--- a/webapp/components/Modal/DeleteModal.spec.js
+++ b/webapp/components/Modal/DeleteModal.spec.js
@@ -22,7 +22,7 @@ describe('DeleteModal.vue', () => {
   beforeEach(() => {
     propsData = {
       type: 'contribution',
-      id: 'c300'
+      id: 'p23'
     }
     mocks = {
       $t: jest.fn(),
@@ -40,7 +40,7 @@ describe('DeleteModal.vue', () => {
   })
 
   describe('shallowMount', () => {
-    const Wrapper = () => {
+    Wrapper = () => {
       return shallowMount(DeleteModal, { propsData, mocks, localVue, router })
     }
 
@@ -57,8 +57,8 @@ describe('DeleteModal.vue', () => {
     describe('given a post', () => {
       beforeEach(() => {
         propsData = {
+          type: 'contribution',
           id: 'p23',
-          type: 'post',
           name: 'It is a post'
         }
       })
@@ -66,14 +66,35 @@ describe('DeleteModal.vue', () => {
       it('mentions post title', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [['post.delete.message', { name: 'It is a post' }]]
+        const expected = [
+          ['delete.contribution.message', { name: 'It is a post' }]
+        ]
+        expect(calls).toEqual(expect.arrayContaining(expected))
+      })
+    })
+
+    describe('given a comment', () => {
+      beforeEach(() => {
+        propsData = {
+          type: 'comment',
+          id: 'c3',
+          name: 'It is the user of the comment'
+        }
+      })
+
+      it('mentions comments user name', () => {
+        Wrapper()
+        const calls = mocks.$t.mock.calls
+        const expected = [
+          ['delete.comment.message', { name: 'It is the user of the comment' }]
+        ]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
   })
 
   describe('mount', () => {
-    const Wrapper = () => {
+    Wrapper = () => {
       return mount(DeleteModal, { propsData, mocks, localVue, router })
     }
 
@@ -83,16 +104,16 @@ describe('DeleteModal.vue', () => {
       expect(Wrapper().is('div')).toBe(true)
     })
 
-    describe('given id', () => {
+    describe('given post id', () => {
       beforeEach(() => {
         propsData = {
-          type: 'user',
-          id: 'u3'
+          type: 'contribution',
+          id: 'p23'
         }
         wrapper = Wrapper()
       })
 
-      describe('click cancel button', () => {
+      describe('click cancel button and do not delete the post', () => {
         beforeEach(() => {
           wrapper = Wrapper()
           wrapper.find('button.cancel').trigger('click')
@@ -115,7 +136,7 @@ describe('DeleteModal.vue', () => {
         })
       })
 
-      describe('click confirm button', () => {
+      describe('click confirm button and delete the post', () => {
         beforeEach(() => {
           wrapper.find('button.confirm').trigger('click')
         })
@@ -130,7 +151,7 @@ describe('DeleteModal.vue', () => {
 
         it('displays a success message', () => {
           const calls = mocks.$t.mock.calls
-          const expected = [['post.delete.success']]
+          const expected = [['delete.contribution.success']]
           expect(calls).toEqual(expect.arrayContaining(expected))
         })
 
@@ -151,5 +172,35 @@ describe('DeleteModal.vue', () => {
         })
       })
     })
+
+    describe('given comment id', () => {
+      beforeEach(() => {
+        propsData = {
+          type: 'comment',
+          id: 'c3'
+        }
+        wrapper = Wrapper()
+      })
+
+      describe('click confirm button and delete the comment', () => {
+        beforeEach(() => {
+          wrapper.find('button.confirm').trigger('click')
+        })
+
+        it('calls delete mutation', () => {
+          expect(mocks.$apollo.mutate).toHaveBeenCalled()
+        })
+
+        it('sets success', () => {
+          expect(wrapper.vm.success).toBe(true)
+        })
+
+        it('displays a success message', () => {
+          const calls = mocks.$t.mock.calls
+          const expected = [['delete.comment.success']]
+          expect(calls).toEqual(expect.arrayContaining(expected))
+        })
+      })
+    })
   })
 })
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index 0f9fc0d7b..8154937db 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -25,7 +25,7 @@
         icon="close"
         @click="cancel"
       >
-        {{ $t('post.delete.cancel') }}
+        {{ $t(`delete.cancel`) }}
       </ds-button>
 
       <ds-button
@@ -35,7 +35,7 @@
         :loading="loading"
         @click="confirm"
       >
-        {{ $t('post.delete.submit') }}
+        {{ $t(`delete.submit`) }}
       </ds-button>
     </template>
   </ds-modal>
@@ -64,11 +64,11 @@ export default {
   },
   computed: {
     title() {
-      return this.$t(`post.delete.title`)
+      return this.$t(`delete.${this.type}.title`)
     },
     message() {
       const name = this.$filters.truncate(this.name, 30)
-      return this.$t(`post.delete.message`, { name })
+      return this.$t(`delete.${this.type}.message`, { name })
     }
   },
   methods: {
@@ -79,22 +79,40 @@ export default {
       }, 1000)
     },
     async confirm() {
+      var gqlMutation
+
       this.loading = true
       try {
-        await this.$apollo.mutate({
-          mutation: gql`
-            mutation($id: ID!) {
-              DeletePost(id: $id) {
-                id
+        switch (this.type) {
+          case 'contribution':
+            gqlMutation = gql`
+              mutation($id: ID!) {
+                DeletePost(id: $id) {
+                  id
+                }
               }
-            }
-          `,
+            `
+            break
+          case 'comment':
+            // XXX Make custom mutation and tests in the Backend !!!
+            gqlMutation = gql`
+              mutation($id: ID!) {
+                DeleteComment(id: $id) {
+                  id
+                }
+              }
+            `
+            break
+        }
+        await this.$apollo.mutate({
+          mutation: gqlMutation,
           variables: { id: this.id }
         })
         this.success = true
-        this.$toast.success(this.$t('post.delete.success'))
+        this.$toast.success(this.$t(`delete.${this.type}.success`))
         setTimeout(() => {
           this.isOpen = false
+          // XXX For comment just reload the page !!!
           setTimeout(() => {
             this.success = false
             this.$emit('close')
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 96f87cd9d..8b20f763f 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -135,11 +135,24 @@
     "takeAction": {
       "name": "Aktiv werden"
     },
+    "menu": {
+      "edit": "Beitrag bearbeiten",
+      "delete": "Beitrag löschen"
+    },
     "comment": {
       "submit": "Kommentiere",
       "submitted": "Kommentar Gesendet"
     }
   },
+  "comment": {
+    "content": {
+      "unavailable-placeholder": "...dieser Kommentar ist nicht mehr verfügbar"
+    },
+    "menu": {
+      "edit": "Kommentar bearbeiten",
+      "delete": "Kommentar löschen"
+    }
+  },
   "quotes": {
     "african": {
       "quote": "Viele kleine Leute an vielen kleinen Orten, die viele kleine Dinge tun, werden das Antlitz dieser Welt verändern.",
@@ -202,6 +215,22 @@
       "message": "Bist du sicher, dass du den Kommentar \"<b>{name}</b>\" deaktivieren möchtest?"
     }
   },
+  "delete": {
+    "submit": "Löschen",
+    "cancel": "Abbrechen",
+    "contribution": {
+      "title": "Lösche Beitrag",
+      "type": "Contribution",
+      "message": "Bist du sicher, dass du den Beitrag \"<b>{name}</b>\" löschen möchtest?",
+      "success": "Beitrag erfolgreich gelöscht!"
+    },
+    "comment": {
+      "title": "Lösche Kommentar",
+      "type": "Comment",
+      "message": "Bist du sicher, dass du den Kommentar von \"<b>{name}</b>\" löschen möchtest?",
+      "success": "Kommentar erfolgreich gelöscht!"
+    }
+  },
   "report": {
     "submit": "Melden",
     "cancel": "Abbrechen",
@@ -222,17 +251,6 @@
       "message": "Bist du sicher, dass du den Kommentar von \"<b>{name}</b>\" melden möchtest?"
     }
   },
-  "contribution": {
-    "edit": "Beitrag bearbeiten",
-    "delete": "Beitrag löschen"
-  },
-  "comment": {
-    "edit": "Kommentar bearbeiten",
-    "delete": "Kommentar löschen",
-    "content": {
-      "unavailable-placeholder": "...dieser Kommentar ist nicht mehr verfügbar"
-    }
-  },
   "followButton": {
     "follow": "Folgen",
     "following": "Folge Ich"
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 186b31d41..c043905d0 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -135,19 +135,24 @@
     "takeAction": {
       "name": "Take action"
     },
-    "delete": {
-      "submit": "Delete",
-      "cancel": "Cancel",
-      "success": "Post deleted successfully",
-      "title": "Delete Post",
-      "type": "Contribution",
-      "message": "Do you really want to delete the post \"<b>{name}</b>\"?"
+    "menu": {
+      "edit": "Edit Post",
+      "delete": "Delete Post"
     },
     "comment": {
       "submit": "Comment",
       "submitted": "Comment Submitted"
     }
   },
+  "comment": {
+    "content": {
+      "unavailable-placeholder": "...this comment is not available anymore"
+    },
+    "menu": {
+      "edit": "Edit Comment",
+      "delete": "Delete Comment"
+    }
+  },
   "quotes": {
     "african": {
       "quote": "Many small people in many small places do many small things, that can alter the face of the world.",
@@ -210,6 +215,22 @@
       "message": "Do you really want to disable the comment from \"<b>{name}</b>\"?"
     }
   },
+  "delete": {
+    "submit": "Delete",
+    "cancel": "Cancel",
+    "contribution": {
+      "title": "Delete Post",
+      "type": "Contribution",
+      "message": "Do you really want to delete the post \"<b>{name}</b>\"?",
+      "success": "Post successfully deleted!"
+    },
+    "comment": {
+      "title": "Delete Comment",
+      "type": "Comment",
+      "message": "Do you really want to delete the comment from \"<b>{name}</b>\"?",
+      "success": "Comment successfully deleted!"
+    }
+  },
   "report": {
     "submit": "Report",
     "cancel": "Cancel",
@@ -230,17 +251,6 @@
       "message": "Do you really want to report the comment from \"<b>{name}</b>\"?"
     }
   },
-  "contribution": {
-    "edit": "Edit Contribution",
-    "delete": "Delete Contribution"
-  },
-  "comment": {
-    "edit": "Edit Comment",
-    "delete": "Delete Comment",
-    "content": {
-      "unavailable-placeholder": "...this comment is not available anymore"
-    }
-  },
   "followButton": {
     "follow": "Follow",
     "following": "Following"

From 8033556145474aa6f1013406b5a41453113a9238 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sat, 18 May 2019 07:35:45 +0200
Subject: [PATCH 02/38] Investigation how to update the Comments List
 intelligent

---
 webapp/components/Comment.vue                 |  4 +++
 webapp/components/Modal.vue                   |  5 ++++
 webapp/components/Modal/DeleteModal.vue       | 25 ++++++++++++++-----
 .../components/comments/CommentList/index.vue | 14 ++++++++++-
 4 files changed, 41 insertions(+), 7 deletions(-)

diff --git a/webapp/components/Comment.vue b/webapp/components/Comment.vue
index 13edc9c0d..5e9c4faca 100644
--- a/webapp/components/Comment.vue
+++ b/webapp/components/Comment.vue
@@ -19,6 +19,7 @@
       <content-menu
         placement="bottom-end"
         resource-type="comment"
+        :deleteCallback="deleteCallback"
         :resource="comment"
         style="float-right"
         :is-owner="isAuthor(author.id)"
@@ -69,6 +70,9 @@ export default {
   methods: {
     isAuthor(id) {
       return this.user.id === id
+    },
+    deleteCallback() {
+      console.log('"deleteCallback" was called !!!')
     }
   }
 }
diff --git a/webapp/components/Modal.vue b/webapp/components/Modal.vue
index 2ea482190..0cbe52135 100644
--- a/webapp/components/Modal.vue
+++ b/webapp/components/Modal.vue
@@ -18,6 +18,7 @@
       v-if="open === 'delete'"
       :id="data.resource.id"
       :type="data.type"
+      :deleteCallback="deleteCallback"
       :name="name"
       @close="close"
     />
@@ -37,6 +38,10 @@ export default {
     ReportModal,
     DeleteModal
   },
+  props: {
+    deleteCallback: { type: Function, required: true },
+    cancelCallback: { type: Function, default: null }
+  },
   computed: {
     ...mapGetters({
       data: 'modal/data',
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index 8154937db..5a145008d 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -53,6 +53,8 @@ export default {
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
+    deleteCallback: { type: Function, required: true },
+    cancelCallback: { type: Function, default: null },
     id: { type: String, required: true }
   },
   data() {
@@ -116,12 +118,23 @@ export default {
           setTimeout(() => {
             this.success = false
             this.$emit('close')
-            if (this.$router.history.current.name === 'post-id-slug') {
-              // redirect to index
-              this.$router.history.push('/')
-            } else {
-              // reload the page (when deleting from profile or index)
-              window.location.assign(window.location.href)
+            switch (this.type) {
+              case 'contribution':
+                if (this.$router.history.current.name === 'post-id-slug') {
+                  // redirect to index
+                  this.$router.history.push('/')
+                } else {
+                  // reload the page (when deleting from profile or index)
+                  window.location.assign(window.location.href)
+                }
+                break
+              case 'comment':
+                // reload the page
+                // window.location.assign(window.location.href)
+                console.log('Remove comment emit !!!')
+                // this.$parent.$parent.$emit('deleteComment')
+                this.deleteCallback()
+                break
             }
           }, 500)
         }, 1500)
diff --git a/webapp/components/comments/CommentList/index.vue b/webapp/components/comments/CommentList/index.vue
index 57b720087..b77a4cf12 100644
--- a/webapp/components/comments/CommentList/index.vue
+++ b/webapp/components/comments/CommentList/index.vue
@@ -19,10 +19,18 @@
       class="comments"
     >
       <comment
-        v-for="comment in comments"
+        v-for="(comment, index) in comments"
         :key="comment.id"
         :comment="comment"
+        @deleteComment="deleteComment(index)"
       />
+      <!-- <comment
+        is="comment-item"
+        v-for="(comment, index) in comments"
+        :key="comment.id"
+        :comment="comment"
+        v-on:remove="comments.splice(index, 1)"
+      /> -->
     </div>
     <hc-empty
       v-else
@@ -61,6 +69,10 @@ export default {
   methods: {
     refetchPostComments(comment) {
       this.$apollo.queries.Post.refetch()
+    },
+    deleteComment(index) {
+      console.log('Remove comment event !!!')
+      this.comments.splice(index, 1)
     }
   },
   apollo: {

From 9af8c2b46c46a047b5443c74f2e3323e29e81cff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sat, 18 May 2019 12:58:51 +0200
Subject: [PATCH 03/38] Refactored handling of DeleteModal in Comments and
 Posts

---
 webapp/components/Comment.vue           | 26 ++++++++++--
 webapp/components/ContentMenu.vue       |  6 ++-
 webapp/components/Modal.vue             |  7 +---
 webapp/components/Modal/DeleteModal.vue | 56 +++++++++++--------------
 webapp/components/PostCard/index.vue    |  3 ++
 webapp/mixins/Post.js                   | 25 +++++++++++
 webapp/pages/post/_id/_slug/index.vue   |  3 ++
 webapp/pages/profile/_id/_slug.vue      |  3 ++
 8 files changed, 88 insertions(+), 41 deletions(-)
 create mode 100644 webapp/mixins/Post.js

diff --git a/webapp/components/Comment.vue b/webapp/components/Comment.vue
index 5e9c4faca..1d52db082 100644
--- a/webapp/components/Comment.vue
+++ b/webapp/components/Comment.vue
@@ -19,8 +19,8 @@
       <content-menu
         placement="bottom-end"
         resource-type="comment"
-        :deleteCallback="deleteCallback"
         :resource="comment"
+        :callbacks="{ confirmCallback, cancelCallback: null }"
         style="float-right"
         :is-owner="isAuthor(author.id)"
       />
@@ -37,6 +37,7 @@
 </template>
 
 <script>
+import gql from 'graphql-tag'
 import { mapGetters } from 'vuex'
 import HcUser from '~/components/User'
 import ContentMenu from '~/components/ContentMenu'
@@ -71,8 +72,27 @@ export default {
     isAuthor(id) {
       return this.user.id === id
     },
-    deleteCallback() {
-      console.log('"deleteCallback" was called !!!')
+    async confirmCallback() {
+      console.log('"confirmCallback" was called !!! ', this.comment.id)
+
+      try {
+        // XXX Make custom mutation and tests in the Backend !!!
+        var gqlMutation = gql`
+          mutation($id: ID!) {
+            DeleteComment(id: $id) {
+              id
+            }
+          }
+        `
+        await this.$apollo.mutate({
+          mutation: gqlMutation,
+          variables: { id: this.comment.id }
+        })
+        this.$toast.success(this.$t(`delete.comment.success`))
+        this.$emit('deleteComment')
+      } catch (err) {
+        this.$toast.error(err.message)
+      }
     }
   }
 }
diff --git a/webapp/components/ContentMenu.vue b/webapp/components/ContentMenu.vue
index effc801ea..6ab42453c 100644
--- a/webapp/components/ContentMenu.vue
+++ b/webapp/components/ContentMenu.vue
@@ -60,7 +60,8 @@ export default {
       validator: value => {
         return value.match(/(contribution|comment|organization|user)/)
       }
-    }
+    },
+    callbacks: { type: Object, default: () => {} }
   },
   computed: {
     routes() {
@@ -151,7 +152,8 @@ export default {
         name: dialog,
         data: {
           type: this.resourceType,
-          resource: this.resource
+          resource: this.resource,
+          callbacks: this.callbacks
         }
       })
     }
diff --git a/webapp/components/Modal.vue b/webapp/components/Modal.vue
index 0cbe52135..dcde08e21 100644
--- a/webapp/components/Modal.vue
+++ b/webapp/components/Modal.vue
@@ -18,7 +18,8 @@
       v-if="open === 'delete'"
       :id="data.resource.id"
       :type="data.type"
-      :deleteCallback="deleteCallback"
+      :confirm-callback="data.callbacks.confirmCallback"
+      :cancel-callback="!!data.callbacks.cancelCallback ? data.callbacks.cancelCallback : null"
       :name="name"
       @close="close"
     />
@@ -38,10 +39,6 @@ export default {
     ReportModal,
     DeleteModal
   },
-  props: {
-    deleteCallback: { type: Function, required: true },
-    cancelCallback: { type: Function, default: null }
-  },
   computed: {
     ...mapGetters({
       data: 'modal/data',
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index 5a145008d..531c4c98c 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -53,7 +53,7 @@ export default {
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
-    deleteCallback: { type: Function, required: true },
+    confirmCallback: { type: Function, required: true },
     cancelCallback: { type: Function, default: null },
     id: { type: String, required: true }
   },
@@ -78,6 +78,9 @@ export default {
       this.isOpen = false
       setTimeout(() => {
         this.$emit('close')
+        if (!!this.cancelCallback) {
+          this.cancelCallback()
+        }
       }, 1000)
     },
     async confirm() {
@@ -87,34 +90,28 @@ export default {
       try {
         switch (this.type) {
           case 'contribution':
-            gqlMutation = gql`
-              mutation($id: ID!) {
-                DeletePost(id: $id) {
-                  id
-                }
-              }
-            `
+            // gqlMutation = gql`
+            //   mutation($id: ID!) {
+            //     DeletePost(id: $id) {
+            //       id
+            //     }
+            //   }
+            // `
+            // await this.$apollo.mutate({
+            //   mutation: gqlMutation,
+            //   variables: { id: this.id }
+            // })
+            // this.$toast.success(this.$t(`delete.${this.type}.success`))
+            await this.confirmCallback()
             break
           case 'comment':
             // XXX Make custom mutation and tests in the Backend !!!
-            gqlMutation = gql`
-              mutation($id: ID!) {
-                DeleteComment(id: $id) {
-                  id
-                }
-              }
-            `
+            await this.confirmCallback()
             break
         }
-        await this.$apollo.mutate({
-          mutation: gqlMutation,
-          variables: { id: this.id }
-        })
         this.success = true
-        this.$toast.success(this.$t(`delete.${this.type}.success`))
         setTimeout(() => {
           this.isOpen = false
-          // XXX For comment just reload the page !!!
           setTimeout(() => {
             this.success = false
             this.$emit('close')
@@ -122,25 +119,22 @@ export default {
               case 'contribution':
                 if (this.$router.history.current.name === 'post-id-slug') {
                   // redirect to index
-                  this.$router.history.push('/')
+                  // this.$router.history.push('/')
                 } else {
                   // reload the page (when deleting from profile or index)
-                  window.location.assign(window.location.href)
+                  // window.location.assign(window.location.href)
                 }
                 break
-              case 'comment':
-                // reload the page
-                // window.location.assign(window.location.href)
-                console.log('Remove comment emit !!!')
-                // this.$parent.$parent.$emit('deleteComment')
-                this.deleteCallback()
-                break
             }
           }, 500)
         }, 1500)
       } catch (err) {
         this.success = false
-        this.$toast.error(err.message)
+        // switch (this.type) {
+        //   case 'contribution':
+        //     this.$toast.error(err.message)
+        //     break
+        // }
       } finally {
         this.loading = false
       }
diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index acddba5d6..36dd48b55 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -64,6 +64,7 @@
           <content-menu
             resource-type="contribution"
             :resource="post"
+            :callbacks="{ confirmCallback, cancelCallback: null }"
             :is-owner="isAuthor"
           />
         </no-ssr>
@@ -77,6 +78,7 @@ import HcUser from '~/components/User'
 import ContentMenu from '~/components/ContentMenu'
 import { randomBytes } from 'crypto'
 import { mapGetters } from 'vuex'
+import Post from '~/mixins/Post'
 
 export default {
   name: 'HcPostCard',
@@ -84,6 +86,7 @@ export default {
     HcUser,
     ContentMenu
   },
+  mixins: [Post],
   props: {
     post: {
       type: Object,
diff --git a/webapp/mixins/Post.js b/webapp/mixins/Post.js
new file mode 100644
index 000000000..e2d59556f
--- /dev/null
+++ b/webapp/mixins/Post.js
@@ -0,0 +1,25 @@
+import gql from 'graphql-tag'
+
+export default {
+  methods: {
+    async confirmCallback() {
+      try {
+        var gqlMutation = gql`
+          mutation($id: ID!) {
+            DeletePost(id: $id) {
+              id
+            }
+          }
+        `
+        await this.$apollo.mutate({
+          mutation: gqlMutation,
+          variables: { id: this.post.id }
+        })
+        this.$toast.success(this.$t(`delete.contribution.success`))
+        // this.$emit('deletePost')
+      } catch (err) {
+        this.$toast.error(err.message)
+      }
+    }
+  }
+}
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index 87538eb6d..67c314e90 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -18,6 +18,7 @@
           placement="bottom-end"
           resource-type="contribution"
           :resource="post"
+          :callbacks="{ confirmCallback, cancelCallback: null }"
           :is-owner="isAuthor(post.author.id)"
         />
       </no-ssr>
@@ -114,6 +115,7 @@ import HcUser from '~/components/User'
 import HcShoutButton from '~/components/ShoutButton.vue'
 import HcCommentForm from '~/components/comments/CommentForm'
 import HcCommentList from '~/components/comments/CommentList'
+import Post from '~/mixins/Post'
 
 export default {
   transition: {
@@ -129,6 +131,7 @@ export default {
     HcCommentForm,
     HcCommentList
   },
+  mixins: [Post],
   head() {
     return {
       title: this.title
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index ecb0baa9d..0b4f471ec 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -25,6 +25,7 @@
               placement="bottom-end"
               resource-type="user"
               :resource="user"
+              :callbacks="{ confirmCallback, cancelCallback: null }"
               :is-owner="myProfile"
               class="user-content-menu"
             />
@@ -327,6 +328,7 @@ import HcBadges from '~/components/Badges.vue'
 import HcLoadMore from '~/components/LoadMore.vue'
 import HcEmpty from '~/components/Empty.vue'
 import ContentMenu from '~/components/ContentMenu'
+import Post from '~/mixins/Post'
 
 export default {
   components: {
@@ -339,6 +341,7 @@ export default {
     HcEmpty,
     ContentMenu
   },
+  mixins: [Post],
   transition: {
     name: 'slide-up',
     mode: 'out-in'

From 388e9ff6b212b0f5a97be30dbc0af7da05f0a31d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sat, 18 May 2019 15:56:07 +0200
Subject: [PATCH 04/38] Go ahead with refactoring of DeleteModal in Comments
 and Posts

---
 webapp/components/PostCard/index.vue      | 138 ++++++++++++----------
 webapp/mixins/Post.js                     |   2 +-
 webapp/pages/index.vue                    |  18 ++-
 webapp/pages/post/_id/_slug/more-info.vue |  16 ++-
 webapp/pages/profile/_id/_slug.vue        |  17 ++-
 5 files changed, 110 insertions(+), 81 deletions(-)

diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index 36dd48b55..f68c1c2b9 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -1,76 +1,80 @@
 <template>
-  <ds-card
-    :header="post.title"
-    :image="post.image"
-    :class="{'post-card': true, 'disabled-content': post.disabled}"
+  <ds-flex-item
+    :width="width"
   >
-    <nuxt-link
-      class="post-link"
-      :to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
+    <ds-card
+      :header="post.title"
+      :image="post.image"
+      :class="{'post-card': true, 'disabled-content': post.disabled}"
     >
-      {{ post.title }}
-    </nuxt-link>
-    <!-- eslint-disable vue/no-v-html -->
-    <!-- TODO: replace editor content with tiptap render view -->
-    <ds-space margin-bottom="large">
-      <div
-        class="hc-editor-content"
-        v-html="excerpt"
-      />
-    </ds-space>
-    <!-- eslint-enable vue/no-v-html -->
-    <ds-space>
-      <ds-text
-        v-if="post.createdAt"
-        align="right"
-        size="small"
-        color="soft"
+      <nuxt-link
+        class="post-link"
+        :to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
       >
-        {{ post.createdAt | dateTime('dd. MMMM yyyy HH:mm') }}
-      </ds-text>
-    </ds-space>
-    <ds-space
-      margin="small"
-      style="position: absolute; bottom: 44px;"
-    >
-      <!-- TODO: find better solution for rendering errors -->
-      <no-ssr>
-        <hc-user
-          :user="post.author"
-          :trunc="35"
+        {{ post.title }}
+      </nuxt-link>
+      <!-- eslint-disable vue/no-v-html -->
+      <!-- TODO: replace editor content with tiptap render view -->
+      <ds-space margin-bottom="large">
+        <div
+          class="hc-editor-content"
+          v-html="excerpt"
         />
-      </no-ssr>
-    </ds-space>
-    <template slot="footer">
-      <div style="display: inline-block; opacity: .5;">
-        <ds-icon
-          v-for="category in post.categories"
-          :key="category.id"
-          v-tooltip="{content: category.name, placement: 'bottom-start', delay: { show: 500 }}"
-          :name="category.icon"
-        />&nbsp;
-      </div>
-      <div style="display: inline-block; float: right">
-        <span :style="{ opacity: post.shoutedCount ? 1 : .5 }">
-          <ds-icon name="bullhorn" />
-          <small>{{ post.shoutedCount }}</small>
-        </span>
-        &nbsp;
-        <span :style="{ opacity: post.commentsCount ? 1 : .5 }">
-          <ds-icon name="comments" />
-          <small>{{ post.commentsCount }}</small>
-        </span>
+      </ds-space>
+      <!-- eslint-enable vue/no-v-html -->
+      <ds-space>
+        <ds-text
+          v-if="post.createdAt"
+          align="right"
+          size="small"
+          color="soft"
+        >
+          {{ post.createdAt | dateTime('dd. MMMM yyyy HH:mm') }}
+        </ds-text>
+      </ds-space>
+      <ds-space
+        margin="small"
+        style="position: absolute; bottom: 44px;"
+      >
+        <!-- TODO: find better solution for rendering errors -->
         <no-ssr>
-          <content-menu
-            resource-type="contribution"
-            :resource="post"
-            :callbacks="{ confirmCallback, cancelCallback: null }"
-            :is-owner="isAuthor"
+          <hc-user
+            :user="post.author"
+            :trunc="35"
           />
         </no-ssr>
-      </div>
-    </template>
-  </ds-card>
+      </ds-space>
+      <template slot="footer">
+        <div style="display: inline-block; opacity: .5;">
+          <ds-icon
+            v-for="category in post.categories"
+            :key="category.id"
+            v-tooltip="{content: category.name, placement: 'bottom-start', delay: { show: 500 }}"
+            :name="category.icon"
+          />&nbsp;
+        </div>
+        <div style="display: inline-block; float: right">
+          <span :style="{ opacity: post.shoutedCount ? 1 : .5 }">
+            <ds-icon name="bullhorn" />
+            <small>{{ post.shoutedCount }}</small>
+          </span>
+          &nbsp;
+          <span :style="{ opacity: post.commentsCount ? 1 : .5 }">
+            <ds-icon name="comments" />
+            <small>{{ post.commentsCount }}</small>
+          </span>
+          <no-ssr>
+            <content-menu
+              resource-type="contribution"
+              :resource="post"
+              :callbacks="{ confirmCallback, cancelCallback: null }"
+              :is-owner="isAuthor"
+            />
+          </no-ssr>
+        </div>
+      </template>
+    </ds-card>
+  </ds-flex-item>
 </template>
 
 <script>
@@ -91,6 +95,10 @@ export default {
     post: {
       type: Object,
       required: true
+    },
+    width: {
+      type: Object,
+      required: true
     }
   },
   computed: {
diff --git a/webapp/mixins/Post.js b/webapp/mixins/Post.js
index e2d59556f..ca94826b3 100644
--- a/webapp/mixins/Post.js
+++ b/webapp/mixins/Post.js
@@ -16,7 +16,7 @@ export default {
           variables: { id: this.post.id }
         })
         this.$toast.success(this.$t(`delete.contribution.success`))
-        // this.$emit('deletePost')
+        this.$emit('delete')
       } catch (err) {
         this.$toast.error(err.message)
       }
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index 26ff6296d..dbc5a3fc2 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -5,13 +5,13 @@
       :width="{ base: '100%' }"
       gutter="base"
     >
-      <ds-flex-item
-        v-for="post in uniq(Post)"
+      <hc-post-card
+        v-for="(post, index) in uniq(Post)"
         :key="post.id"
+        :post="post"
         :width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
-      >
-        <hc-post-card :post="post" />
-      </ds-flex-item>
+        @delete="deletePost(index, post.id)"
+      />
     </ds-flex>
     <no-ssr>
       <ds-button
@@ -85,6 +85,14 @@ export default {
         },
         fetchPolicy: 'cache-and-network'
       })
+    },
+    deletePost(_index, postId) {
+      console.log('Pages/index.vue: Post item deleted !!!')
+      this.Post = this.Post.filter((post) => {
+        return post.id !== postId
+      })
+      // Ideal sulution:
+      // this.Post.splice(index, 1)
     }
   },
   apollo: {
diff --git a/webapp/pages/post/_id/_slug/more-info.vue b/webapp/pages/post/_id/_slug/more-info.vue
index ae03fe658..6e068c1b8 100644
--- a/webapp/pages/post/_id/_slug/more-info.vue
+++ b/webapp/pages/post/_id/_slug/more-info.vue
@@ -35,13 +35,13 @@
         v-if="post.relatedContributions && post.relatedContributions.length"
         gutter="small"
       >
-        <ds-flex-item
-          v-for="relatedPost in post.relatedContributions"
+        <hc-post-card
+          v-for="(relatedPost, index) in post.relatedContributions"
           :key="relatedPost.id"
           :width="{ base: '100%', lg: 1 }"
-        >
-          <hc-post-card :post="relatedPost" />
-        </ds-flex-item>
+          :post="relatedPost"
+          @delete="deletePost(index)"
+        />
       </ds-flex>
       <hc-empty
         v-else
@@ -73,6 +73,12 @@ export default {
       return this.Post ? this.Post[0] || {} : {}
     }
   },
+  methods: {
+    deletePost(index) {
+      console.log('Post/more-info.vue: Post item deleted !!!')
+      this.post.relatedContributions.splice(index, 1)
+    }
+  },
   apollo: {
     Post: {
       query() {
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 0b4f471ec..587ced943 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -290,13 +290,13 @@
             />
           </ds-flex-item>
           <template v-if="activePosts.length">
-            <ds-flex-item
-              v-for="post in activePosts"
+            <hc-post-card
+              v-for="(post, index) in activePosts"
               :key="post.id"
+              :post="post"
               :width="{ base: '100%', md: '100%', xl: '50%' }"
-            >
-              <hc-post-card :post="post" />
-            </ds-flex-item>
+              @delete="deletePost(index)"
+            />
           </template>
           <template v-else>
             <ds-flex-item :width="{ base: '100%' }">
@@ -404,6 +404,9 @@ export default {
         throw new Error('User not found!')
       }
     }
+    // activePosts(activePosts) {
+    //   this.activePosts = activePosts || []
+    // }
   },
   methods: {
     uniq(items, field = 'id') {
@@ -434,6 +437,10 @@ export default {
         },
         fetchPolicy: 'cache-and-network'
       })
+    },
+    deletePost(index) {
+      this.user.contributions.splice(index, 1)
+      // this.$router.history.push('/')
     }
   },
   apollo: {

From 2016a9445b9537d0640c4c85574e4f01a3093c5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sun, 19 May 2019 07:42:55 +0200
Subject: [PATCH 05/38] Rename confirm callbacks

---
 webapp/components/Comment.vue             | 6 ++----
 webapp/components/Modal.vue               | 4 ++--
 webapp/components/PostCard/index.vue      | 2 +-
 webapp/mixins/Post.js                     | 2 +-
 webapp/pages/index.vue                    | 3 +--
 webapp/pages/post/_id/_slug/index.vue     | 2 +-
 webapp/pages/post/_id/_slug/more-info.vue | 3 +--
 webapp/pages/profile/_id/_slug.vue        | 6 +-----
 8 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/webapp/components/Comment.vue b/webapp/components/Comment.vue
index 1d52db082..85e38dbd8 100644
--- a/webapp/components/Comment.vue
+++ b/webapp/components/Comment.vue
@@ -20,7 +20,7 @@
         placement="bottom-end"
         resource-type="comment"
         :resource="comment"
-        :callbacks="{ confirmCallback, cancelCallback: null }"
+        :callbacks="{ confirm: deleteCommentCallback, cancel: null }"
         style="float-right"
         :is-owner="isAuthor(author.id)"
       />
@@ -72,9 +72,7 @@ export default {
     isAuthor(id) {
       return this.user.id === id
     },
-    async confirmCallback() {
-      console.log('"confirmCallback" was called !!! ', this.comment.id)
-
+    async deleteCommentCallback() {
       try {
         // XXX Make custom mutation and tests in the Backend !!!
         var gqlMutation = gql`
diff --git a/webapp/components/Modal.vue b/webapp/components/Modal.vue
index dcde08e21..efb9cad0e 100644
--- a/webapp/components/Modal.vue
+++ b/webapp/components/Modal.vue
@@ -18,8 +18,8 @@
       v-if="open === 'delete'"
       :id="data.resource.id"
       :type="data.type"
-      :confirm-callback="data.callbacks.confirmCallback"
-      :cancel-callback="!!data.callbacks.cancelCallback ? data.callbacks.cancelCallback : null"
+      :confirmCallback="data.callbacks.confirm"
+      :cancelCallback="!!data.callbacks.cancel ? data.callbacks.cancel : null"
       :name="name"
       @close="close"
     />
diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index f68c1c2b9..dfee29c8f 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -67,7 +67,7 @@
             <content-menu
               resource-type="contribution"
               :resource="post"
-              :callbacks="{ confirmCallback, cancelCallback: null }"
+              :callbacks="{ confirm: deletePostCallback, cancel: null }"
               :is-owner="isAuthor"
             />
           </no-ssr>
diff --git a/webapp/mixins/Post.js b/webapp/mixins/Post.js
index ca94826b3..dde3f6ee3 100644
--- a/webapp/mixins/Post.js
+++ b/webapp/mixins/Post.js
@@ -2,7 +2,7 @@ import gql from 'graphql-tag'
 
 export default {
   methods: {
-    async confirmCallback() {
+    async deletePostCallback() {
       try {
         var gqlMutation = gql`
           mutation($id: ID!) {
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index dbc5a3fc2..fa5907213 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -87,11 +87,10 @@ export default {
       })
     },
     deletePost(_index, postId) {
-      console.log('Pages/index.vue: Post item deleted !!!')
       this.Post = this.Post.filter((post) => {
         return post.id !== postId
       })
-      // Ideal sulution:
+      // Ideal solution:
       // this.Post.splice(index, 1)
     }
   },
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index 67c314e90..0225334fa 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -18,7 +18,7 @@
           placement="bottom-end"
           resource-type="contribution"
           :resource="post"
-          :callbacks="{ confirmCallback, cancelCallback: null }"
+          :callbacks="{ confirm: deletePostCallback, cancel: null }"
           :is-owner="isAuthor(post.author.id)"
         />
       </no-ssr>
diff --git a/webapp/pages/post/_id/_slug/more-info.vue b/webapp/pages/post/_id/_slug/more-info.vue
index 6e068c1b8..4fc94e274 100644
--- a/webapp/pages/post/_id/_slug/more-info.vue
+++ b/webapp/pages/post/_id/_slug/more-info.vue
@@ -38,8 +38,8 @@
         <hc-post-card
           v-for="(relatedPost, index) in post.relatedContributions"
           :key="relatedPost.id"
-          :width="{ base: '100%', lg: 1 }"
           :post="relatedPost"
+          :width="{ base: '100%', lg: 1 }"
           @delete="deletePost(index)"
         />
       </ds-flex>
@@ -75,7 +75,6 @@ export default {
   },
   methods: {
     deletePost(index) {
-      console.log('Post/more-info.vue: Post item deleted !!!')
       this.post.relatedContributions.splice(index, 1)
     }
   },
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 587ced943..a034f3a61 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -25,7 +25,7 @@
               placement="bottom-end"
               resource-type="user"
               :resource="user"
-              :callbacks="{ confirmCallback, cancelCallback: null }"
+              :callbacks="{ confirm: deletePostCallback, cancel: null }"
               :is-owner="myProfile"
               class="user-content-menu"
             />
@@ -404,9 +404,6 @@ export default {
         throw new Error('User not found!')
       }
     }
-    // activePosts(activePosts) {
-    //   this.activePosts = activePosts || []
-    // }
   },
   methods: {
     uniq(items, field = 'id') {
@@ -440,7 +437,6 @@ export default {
     },
     deletePost(index) {
       this.user.contributions.splice(index, 1)
-      // this.$router.history.push('/')
     }
   },
   apollo: {

From 7f83f775a79141ebcaba8201ec393f1f9f8324fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sun, 19 May 2019 08:23:51 +0200
Subject: [PATCH 06/38] Clean up the delete-menu stuff for Comments and Posts

---
 webapp/components/Modal.vue                   |  1 +
 webapp/components/Modal/DeleteModal.vue       | 46 ++-----------------
 .../components/comments/CommentList/index.vue |  1 -
 webapp/mixins/Post.js                         |  2 +-
 webapp/pages/index.vue                        |  2 +-
 webapp/pages/post/_id/_slug/more-info.vue     |  2 +-
 webapp/pages/profile/_id/_slug.vue            |  2 +-
 7 files changed, 9 insertions(+), 47 deletions(-)

diff --git a/webapp/components/Modal.vue b/webapp/components/Modal.vue
index efb9cad0e..fd11414d0 100644
--- a/webapp/components/Modal.vue
+++ b/webapp/components/Modal.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="modal-wrapper">
+    <!-- Todo: Put all modals with 2 buttons and equal properties in one customiced 'danger-action-modal' -->
     <disable-modal
       v-if="open === 'disable'"
       :id="data.resource.id"
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index 531c4c98c..ace5d9097 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -75,66 +75,28 @@ export default {
   },
   methods: {
     async cancel() {
+      if (!!this.cancelCallback) {
+        await this.cancelCallback()
+      }
       this.isOpen = false
       setTimeout(() => {
         this.$emit('close')
-        if (!!this.cancelCallback) {
-          this.cancelCallback()
-        }
       }, 1000)
     },
     async confirm() {
-      var gqlMutation
-
       this.loading = true
       try {
-        switch (this.type) {
-          case 'contribution':
-            // gqlMutation = gql`
-            //   mutation($id: ID!) {
-            //     DeletePost(id: $id) {
-            //       id
-            //     }
-            //   }
-            // `
-            // await this.$apollo.mutate({
-            //   mutation: gqlMutation,
-            //   variables: { id: this.id }
-            // })
-            // this.$toast.success(this.$t(`delete.${this.type}.success`))
-            await this.confirmCallback()
-            break
-          case 'comment':
-            // XXX Make custom mutation and tests in the Backend !!!
-            await this.confirmCallback()
-            break
-        }
+        await this.confirmCallback()
         this.success = true
         setTimeout(() => {
           this.isOpen = false
           setTimeout(() => {
             this.success = false
             this.$emit('close')
-            switch (this.type) {
-              case 'contribution':
-                if (this.$router.history.current.name === 'post-id-slug') {
-                  // redirect to index
-                  // this.$router.history.push('/')
-                } else {
-                  // reload the page (when deleting from profile or index)
-                  // window.location.assign(window.location.href)
-                }
-                break
-            }
           }, 500)
         }, 1500)
       } catch (err) {
         this.success = false
-        // switch (this.type) {
-        //   case 'contribution':
-        //     this.$toast.error(err.message)
-        //     break
-        // }
       } finally {
         this.loading = false
       }
diff --git a/webapp/components/comments/CommentList/index.vue b/webapp/components/comments/CommentList/index.vue
index b77a4cf12..04a4a95db 100644
--- a/webapp/components/comments/CommentList/index.vue
+++ b/webapp/components/comments/CommentList/index.vue
@@ -71,7 +71,6 @@ export default {
       this.$apollo.queries.Post.refetch()
     },
     deleteComment(index) {
-      console.log('Remove comment event !!!')
       this.comments.splice(index, 1)
     }
   },
diff --git a/webapp/mixins/Post.js b/webapp/mixins/Post.js
index dde3f6ee3..87c1461cf 100644
--- a/webapp/mixins/Post.js
+++ b/webapp/mixins/Post.js
@@ -16,7 +16,7 @@ export default {
           variables: { id: this.post.id }
         })
         this.$toast.success(this.$t(`delete.contribution.success`))
-        this.$emit('delete')
+        this.$emit('deletePost')
       } catch (err) {
         this.$toast.error(err.message)
       }
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index fa5907213..d3e0feaca 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -10,7 +10,7 @@
         :key="post.id"
         :post="post"
         :width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
-        @delete="deletePost(index, post.id)"
+        @deletePost="deletePost(index, post.id)"
       />
     </ds-flex>
     <no-ssr>
diff --git a/webapp/pages/post/_id/_slug/more-info.vue b/webapp/pages/post/_id/_slug/more-info.vue
index 4fc94e274..b565d5673 100644
--- a/webapp/pages/post/_id/_slug/more-info.vue
+++ b/webapp/pages/post/_id/_slug/more-info.vue
@@ -40,7 +40,7 @@
           :key="relatedPost.id"
           :post="relatedPost"
           :width="{ base: '100%', lg: 1 }"
-          @delete="deletePost(index)"
+          @deletePost="deletePost(index)"
         />
       </ds-flex>
       <hc-empty
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index a034f3a61..d4db41fb5 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -295,7 +295,7 @@
               :key="post.id"
               :post="post"
               :width="{ base: '100%', md: '100%', xl: '50%' }"
-              @delete="deletePost(index)"
+              @deletePost="deletePost(index)"
             />
           </template>
           <template v-else>

From f5d9bc9ae4ea0bb64356f401e21af80879ad8878 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sun, 19 May 2019 12:54:25 +0200
Subject: [PATCH 07/38] First proof of functionality for Delete Comment and
 Post via DeleteModal

---
 webapp/components/Modal.vue             |  4 ++--
 webapp/components/Modal/DeleteModal.vue |  4 ++++
 webapp/mixins/Post.js                   | 10 ++++++++--
 webapp/pages/index.vue                  |  2 +-
 webapp/pages/post/_id/_slug/index.vue   |  5 ++++-
 5 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/webapp/components/Modal.vue b/webapp/components/Modal.vue
index fd11414d0..0db4b74fd 100644
--- a/webapp/components/Modal.vue
+++ b/webapp/components/Modal.vue
@@ -19,8 +19,8 @@
       v-if="open === 'delete'"
       :id="data.resource.id"
       :type="data.type"
-      :confirmCallback="data.callbacks.confirm"
-      :cancelCallback="!!data.callbacks.cancel ? data.callbacks.cancel : null"
+      :confirm-callback="data.callbacks.confirm"
+      :cancel-callback="!!data.callbacks.cancel ? data.callbacks.cancel : null"
       :name="name"
       @close="close"
     />
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index ace5d9097..8f6c6400b 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -84,9 +84,13 @@ export default {
       }, 1000)
     },
     async confirm() {
+      console.log('"confirm" was reached !!!')
       this.loading = true
       try {
+        console.log('"confirmCallback" is: ', this.confirmCallback)
         await this.confirmCallback()
+        // this.confirmCallback()
+        console.log('"confirmCallback" was exec !!!')
         this.success = true
         setTimeout(() => {
           this.isOpen = false
diff --git a/webapp/mixins/Post.js b/webapp/mixins/Post.js
index 87c1461cf..69c1b5426 100644
--- a/webapp/mixins/Post.js
+++ b/webapp/mixins/Post.js
@@ -2,7 +2,7 @@ import gql from 'graphql-tag'
 
 export default {
   methods: {
-    async deletePostCallback() {
+    async deletePostCallback(listPageType = true) {
       try {
         var gqlMutation = gql`
           mutation($id: ID!) {
@@ -16,7 +16,13 @@ export default {
           variables: { id: this.post.id }
         })
         this.$toast.success(this.$t(`delete.contribution.success`))
-        this.$emit('deletePost')
+        if (listPageType) {
+          console.log('Emit "deletePost" !!!')
+          this.$emit('deletePost')
+        } else {
+          console.log('Redirect to index !!!')
+          this.$router.history.push('/') // Single page type: redirect to index
+        }
       } catch (err) {
         this.$toast.error(err.message)
       }
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index d3e0feaca..135c96735 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -87,7 +87,7 @@ export default {
       })
     },
     deletePost(_index, postId) {
-      this.Post = this.Post.filter((post) => {
+      this.Post = this.Post.filter(post => {
         return post.id !== postId
       })
       // Ideal solution:
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index 0225334fa..bede9c1c8 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -18,7 +18,7 @@
           placement="bottom-end"
           resource-type="contribution"
           :resource="post"
-          :callbacks="{ confirm: deletePostCallback, cancel: null }"
+          :callbacks="{ confirm: deletePostOptionsCallback, cancel: null }"
           :is-owner="isAuthor(post.author.id)"
         />
       </no-ssr>
@@ -256,6 +256,9 @@ export default {
   methods: {
     isAuthor(id) {
       return this.$store.getters['auth/user'].id === id
+    },
+    async deletePostOptionsCallback() {
+      await deletePostCallback(true)
     }
   }
 }

From 7e922fa0b0c4f3d08615dfcc305005e9c3505f02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 20 May 2019 07:00:33 +0200
Subject: [PATCH 08/38] Got the go to Index Page to work on Post Page deletion

---
 webapp/components/Modal/DeleteModal.vue |  4 ----
 webapp/mixins/Post.js                   | 15 ++++++++-------
 webapp/pages/post/_id/_slug/index.vue   |  5 +----
 3 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index 8f6c6400b..ace5d9097 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -84,13 +84,9 @@ export default {
       }, 1000)
     },
     async confirm() {
-      console.log('"confirm" was reached !!!')
       this.loading = true
       try {
-        console.log('"confirmCallback" is: ', this.confirmCallback)
         await this.confirmCallback()
-        // this.confirmCallback()
-        console.log('"confirmCallback" was exec !!!')
         this.success = true
         setTimeout(() => {
           this.isOpen = false
diff --git a/webapp/mixins/Post.js b/webapp/mixins/Post.js
index 69c1b5426..24779bab1 100644
--- a/webapp/mixins/Post.js
+++ b/webapp/mixins/Post.js
@@ -2,7 +2,7 @@ import gql from 'graphql-tag'
 
 export default {
   methods: {
-    async deletePostCallback(listPageType = true) {
+    async deletePostCallback(postDisplayType = 'list') {
       try {
         var gqlMutation = gql`
           mutation($id: ID!) {
@@ -16,12 +16,13 @@ export default {
           variables: { id: this.post.id }
         })
         this.$toast.success(this.$t(`delete.contribution.success`))
-        if (listPageType) {
-          console.log('Emit "deletePost" !!!')
-          this.$emit('deletePost')
-        } else {
-          console.log('Redirect to index !!!')
-          this.$router.history.push('/') // Single page type: redirect to index
+        switch (postDisplayType) {
+          case 'list':
+            this.$emit('deletePost')
+            break
+          default:
+            this.$router.history.push('/') // Single page type: Redirect to index
+            break
         }
       } catch (err) {
         this.$toast.error(err.message)
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index bede9c1c8..102d9007c 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -18,7 +18,7 @@
           placement="bottom-end"
           resource-type="contribution"
           :resource="post"
-          :callbacks="{ confirm: deletePostOptionsCallback, cancel: null }"
+          :callbacks="{ confirm: () => deletePostCallback('page'), cancel: null }"
           :is-owner="isAuthor(post.author.id)"
         />
       </no-ssr>
@@ -256,9 +256,6 @@ export default {
   methods: {
     isAuthor(id) {
       return this.$store.getters['auth/user'].id === id
-    },
-    async deletePostOptionsCallback() {
-      await deletePostCallback(true)
     }
   }
 }

From 8bcb250951e626bbc7f7bc6e4af08f435a1e0609 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Thu, 23 May 2019 10:22:36 +0200
Subject: [PATCH 09/38] Started to rewrite the tests of DeleteModal.vue

---
 webapp/components/ContentMenu.vue             |   2 +-
 webapp/components/Modal.vue                   |   5 +-
 webapp/components/Modal/DeleteModal.spec.js   |  31 ++-
 webapp/components/Modal/DeleteModal.vue       |  11 +-
 webapp/components/Modal/DisableModal.spec.js  |   1 +
 webapp/components/Modal/DisableModal.vue      |   9 +-
 webapp/components/Modal/ReportModal.spec.js   |  12 +-
 webapp/components/Modal/ReportModal.vue       |   7 +
 webapp/components/PostCard/index.vue          |   6 +-
 .../{Post.js => PostMutationHelpers.js}       |   3 +
 webapp/mixins/PostMutationHelpers.spec.js     |  71 +++++
 webapp/package.json                           |   1 -
 webapp/pages/post/_id/_slug/index.vue         |   4 +-
 webapp/pages/profile/_id/_slug.spec.js        | 243 ++++++++++++++++++
 webapp/pages/profile/_id/_slug.vue            |   4 +-
 15 files changed, 384 insertions(+), 26 deletions(-)
 rename webapp/mixins/{Post.js => PostMutationHelpers.js} (84%)
 create mode 100644 webapp/mixins/PostMutationHelpers.spec.js
 create mode 100644 webapp/pages/profile/_id/_slug.spec.js

diff --git a/webapp/components/ContentMenu.vue b/webapp/components/ContentMenu.vue
index 6ab42453c..2aaaafc13 100644
--- a/webapp/components/ContentMenu.vue
+++ b/webapp/components/ContentMenu.vue
@@ -61,7 +61,7 @@ export default {
         return value.match(/(contribution|comment|organization|user)/)
       }
     },
-    callbacks: { type: Object, default: () => {} }
+    callbacks: { type: Object, required: true }
   },
   computed: {
     routes() {
diff --git a/webapp/components/Modal.vue b/webapp/components/Modal.vue
index 0db4b74fd..6c0d33aba 100644
--- a/webapp/components/Modal.vue
+++ b/webapp/components/Modal.vue
@@ -6,6 +6,7 @@
       :id="data.resource.id"
       :type="data.type"
       :name="name"
+      :callbacks="data.callbacks"
       @close="close"
     />
     <report-modal
@@ -13,15 +14,15 @@
       :id="data.resource.id"
       :type="data.type"
       :name="name"
+      :callbacks="data.callbacks"
       @close="close"
     />
     <delete-modal
       v-if="open === 'delete'"
       :id="data.resource.id"
       :type="data.type"
-      :confirm-callback="data.callbacks.confirm"
-      :cancel-callback="!!data.callbacks.cancel ? data.callbacks.cancel : null"
       :name="name"
+      :callbacks="data.callbacks"
       @close="close"
     />
   </div>
diff --git a/webapp/components/Modal/DeleteModal.spec.js b/webapp/components/Modal/DeleteModal.spec.js
index 6127607a9..037e21351 100644
--- a/webapp/components/Modal/DeleteModal.spec.js
+++ b/webapp/components/Modal/DeleteModal.spec.js
@@ -1,4 +1,5 @@
 import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
+import PostMutationHelpers from '~/mixins/PostMutationHelpers'
 import DeleteModal from './DeleteModal.vue'
 import Vue from 'vue'
 import Vuex from 'vuex'
@@ -22,7 +23,11 @@ describe('DeleteModal.vue', () => {
   beforeEach(() => {
     propsData = {
       type: 'contribution',
-      id: 'p23'
+      id: 'p23',
+      callbacks: {
+        confirm: () => Post.methods.deletePostCallback('list'),
+        cancel: null
+      }
     }
     mocks = {
       $t: jest.fn(),
@@ -59,7 +64,11 @@ describe('DeleteModal.vue', () => {
         propsData = {
           type: 'contribution',
           id: 'p23',
-          name: 'It is a post'
+          name: 'It is a post',
+          callbacks: {
+            confirm: () => Post.methods.deletePostCallback('list'),
+            cancel: null
+          }
         }
       })
 
@@ -78,7 +87,11 @@ describe('DeleteModal.vue', () => {
         propsData = {
           type: 'comment',
           id: 'c3',
-          name: 'It is the user of the comment'
+          name: 'It is the user of the comment',
+          callbacks: {
+            confirm: () => Post.methods.deletePostCallback('list'),
+            cancel: null
+          }
         }
       })
 
@@ -108,7 +121,11 @@ describe('DeleteModal.vue', () => {
       beforeEach(() => {
         propsData = {
           type: 'contribution',
-          id: 'p23'
+          id: 'p23',
+          callbacks: {
+            confirm: () => Post.methods.deletePostCallback('list'),
+            cancel: null
+          }
         }
         wrapper = Wrapper()
       })
@@ -177,7 +194,11 @@ describe('DeleteModal.vue', () => {
       beforeEach(() => {
         propsData = {
           type: 'comment',
-          id: 'c3'
+          id: 'c3',
+          callbacks: {
+            confirm: () => Post.methods.deletePostCallback('list'),
+            cancel: null
+          }
         }
         wrapper = Wrapper()
       })
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index ace5d9097..d0ff2b791 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -53,8 +53,7 @@ export default {
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
-    confirmCallback: { type: Function, required: true },
-    cancelCallback: { type: Function, default: null },
+    callbacks: { type: Object, required: true },
     id: { type: String, required: true }
   },
   data() {
@@ -75,8 +74,8 @@ export default {
   },
   methods: {
     async cancel() {
-      if (!!this.cancelCallback) {
-        await this.cancelCallback()
+      if (!!this.callbacks.cancel) {
+        await this.callbacks.cancel()
       }
       this.isOpen = false
       setTimeout(() => {
@@ -86,7 +85,9 @@ export default {
     async confirm() {
       this.loading = true
       try {
-        await this.confirmCallback()
+        if (!!this.callbacks.confirm) {
+          await this.callbacks.confirm()
+        }
         this.success = true
         setTimeout(() => {
           this.isOpen = false
diff --git a/webapp/components/Modal/DisableModal.spec.js b/webapp/components/Modal/DisableModal.spec.js
index e4debdc70..69c549833 100644
--- a/webapp/components/Modal/DisableModal.spec.js
+++ b/webapp/components/Modal/DisableModal.spec.js
@@ -17,6 +17,7 @@ describe('DisableModal.vue', () => {
     propsData = {
       type: 'contribution',
       name: 'blah',
+      callbacks: { confirm: null, cancel: null },
       id: 'c42'
     }
     mocks = {
diff --git a/webapp/components/Modal/DisableModal.vue b/webapp/components/Modal/DisableModal.vue
index 4ab0293cd..19ac0f9b7 100644
--- a/webapp/components/Modal/DisableModal.vue
+++ b/webapp/components/Modal/DisableModal.vue
@@ -34,6 +34,7 @@ export default {
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
+    callbacks: { type: Object, required: true },
     id: { type: String, required: true }
   },
   data() {
@@ -53,7 +54,10 @@ export default {
     }
   },
   methods: {
-    cancel() {
+    async cancel() {
+      if (!!this.callbacks.cancel) {
+        await this.callbacks.cancel()
+      }
       this.isOpen = false
       setTimeout(() => {
         this.$emit('close')
@@ -61,6 +65,9 @@ export default {
     },
     async confirm() {
       try {
+        if (!!this.callbacks.confirm) {
+          await this.callbacks.confirm()
+        }
         await this.$apollo.mutate({
           mutation: gql`
             mutation($id: ID!) {
diff --git a/webapp/components/Modal/ReportModal.spec.js b/webapp/components/Modal/ReportModal.spec.js
index 865348512..f9326e2d9 100644
--- a/webapp/components/Modal/ReportModal.spec.js
+++ b/webapp/components/Modal/ReportModal.spec.js
@@ -18,7 +18,8 @@ describe('ReportModal.vue', () => {
   beforeEach(() => {
     propsData = {
       type: 'contribution',
-      id: 'c43'
+      id: 'c43',
+      callbacks: { confirm: null, cancel: null }
     }
     mocks = {
       $t: jest.fn(),
@@ -55,7 +56,8 @@ describe('ReportModal.vue', () => {
         propsData = {
           type: 'user',
           id: 'u4',
-          name: 'Bob Ross'
+          name: 'Bob Ross',
+          callbacks: { confirm: null, cancel: null }
         }
       })
 
@@ -72,7 +74,8 @@ describe('ReportModal.vue', () => {
         propsData = {
           id: 'p23',
           type: 'post',
-          name: 'It is a post'
+          name: 'It is a post',
+          callbacks: { confirm: null, cancel: null }
         }
       })
 
@@ -100,7 +103,8 @@ describe('ReportModal.vue', () => {
       beforeEach(() => {
         propsData = {
           type: 'user',
-          id: 'u4711'
+          id: 'u4711',
+          callbacks: { confirm: null, cancel: null }
         }
         wrapper = Wrapper()
       })
diff --git a/webapp/components/Modal/ReportModal.vue b/webapp/components/Modal/ReportModal.vue
index 846fe5420..382e8df60 100644
--- a/webapp/components/Modal/ReportModal.vue
+++ b/webapp/components/Modal/ReportModal.vue
@@ -53,6 +53,7 @@ export default {
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
+    callbacks: { type: Object, required: true },
     id: { type: String, required: true }
   },
   data() {
@@ -73,6 +74,9 @@ export default {
   },
   methods: {
     async cancel() {
+      if (!!this.callbacks.cancel) {
+        await this.callbacks.cancel()
+      }
       this.isOpen = false
       setTimeout(() => {
         this.$emit('close')
@@ -81,6 +85,9 @@ export default {
     async confirm() {
       this.loading = true
       try {
+        if (!!this.callbacks.confirm) {
+          await this.callbacks.confirm()
+        }
         await this.$apollo.mutate({
           mutation: gql`
             mutation($id: ID!) {
diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index dfee29c8f..58b38e285 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -82,7 +82,7 @@ import HcUser from '~/components/User'
 import ContentMenu from '~/components/ContentMenu'
 import { randomBytes } from 'crypto'
 import { mapGetters } from 'vuex'
-import Post from '~/mixins/Post'
+import PostMutationHelpers from '~/mixins/PostMutationHelpers'
 
 export default {
   name: 'HcPostCard',
@@ -90,7 +90,7 @@ export default {
     HcUser,
     ContentMenu
   },
-  mixins: [Post],
+  mixins: [PostMutationHelpers],
   props: {
     post: {
       type: Object,
@@ -98,7 +98,7 @@ export default {
     },
     width: {
       type: Object,
-      required: true
+      default: () => {}
     }
   },
   computed: {
diff --git a/webapp/mixins/Post.js b/webapp/mixins/PostMutationHelpers.js
similarity index 84%
rename from webapp/mixins/Post.js
rename to webapp/mixins/PostMutationHelpers.js
index 24779bab1..830c56a26 100644
--- a/webapp/mixins/Post.js
+++ b/webapp/mixins/PostMutationHelpers.js
@@ -3,6 +3,7 @@ import gql from 'graphql-tag'
 export default {
   methods: {
     async deletePostCallback(postDisplayType = 'list') {
+      console.log('inside "deletePostCallback" !!! ', this.post)
       try {
         var gqlMutation = gql`
           mutation($id: ID!) {
@@ -19,8 +20,10 @@ export default {
         switch (postDisplayType) {
           case 'list':
             this.$emit('deletePost')
+            console.log('emitted "deletePost" !!!')
             break
           default:
+            // case 'page'
             this.$router.history.push('/') // Single page type: Redirect to index
             break
         }
diff --git a/webapp/mixins/PostMutationHelpers.spec.js b/webapp/mixins/PostMutationHelpers.spec.js
new file mode 100644
index 000000000..5854917df
--- /dev/null
+++ b/webapp/mixins/PostMutationHelpers.spec.js
@@ -0,0 +1,71 @@
+import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
+import Methods from '~/mixins/PostMutationHelpers'
+
+const {
+  methods: { deletePostCallback }
+} = Methods
+// console.log(deletePostCallback())
+
+describe('PostMutationHelpers.js', () => {
+  let post
+  let mocks
+
+  beforeEach(() => {
+    post = {
+      id: 'p23'
+    }
+    mocks = {
+      $t: jest.fn(),
+      $filters: {
+        truncate: a => a
+      },
+      $emit: jest.fn(),
+      $router: {
+        history: {
+          push: jest.fn()
+        }
+      },
+      $toast: {
+        success: () => {},
+        error: () => {}
+      },
+      $apollo: {
+        mutate: jest.fn().mockResolvedValue()
+      }
+    }
+  })
+
+  describe('given post id', () => {
+    describe('delete post in general', () => {
+      beforeEach(() => {
+        deletePostCallback()
+      })
+
+      it('calls delete mutation', () => {
+        expect(mocks.$apollo.mutate).toHaveBeenCalled()
+      })
+
+      it('displays a success message', () => {
+        const calls = mocks.$t.mock.calls
+        const expected = [['delete.contribution.success']]
+        expect(calls).toEqual(expect.arrayContaining(expected))
+      })
+
+      it.todo('displays an error message')
+    })
+
+    describe('delete Post from list', () => {
+      it('calls delete in list', () => {
+        deletePostCallback('list')
+        expect(mocks.$emit).toHaveBeenCalled()
+      })
+    })
+
+    describe('delete Post displayed on post page', () => {
+      it('routs to index (main page) on post page', () => {
+        deletePostCallback('page')
+        expect($router.history.push).toHaveBeenCalled()
+      })
+    })
+  })
+})
diff --git a/webapp/package.json b/webapp/package.json
index a3e8b44b9..e6e149b73 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -29,7 +29,6 @@
       "!**/?(*.)+(spec|test).js?(x)"
     ],
     "coverageReporters": [
-      "text",
       "lcov"
     ],
     "transform": {
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index 102d9007c..cefc90792 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -115,7 +115,7 @@ import HcUser from '~/components/User'
 import HcShoutButton from '~/components/ShoutButton.vue'
 import HcCommentForm from '~/components/comments/CommentForm'
 import HcCommentList from '~/components/comments/CommentList'
-import Post from '~/mixins/Post'
+import PostMutationHelpers from '~/mixins/PostMutationHelpers'
 
 export default {
   transition: {
@@ -131,7 +131,7 @@ export default {
     HcCommentForm,
     HcCommentList
   },
-  mixins: [Post],
+  mixins: [PostMutationHelpers],
   head() {
     return {
       title: this.title
diff --git a/webapp/pages/profile/_id/_slug.spec.js b/webapp/pages/profile/_id/_slug.spec.js
new file mode 100644
index 000000000..c2f342b49
--- /dev/null
+++ b/webapp/pages/profile/_id/_slug.spec.js
@@ -0,0 +1,243 @@
+import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
+// import PostMutationHelpers from '~/mixins/PostMutationHelpers'
+import PostSlug from './_slug.vue'
+import Vue from 'vue'
+import Vuex from 'vuex'
+import Styleguide from '@human-connection/styleguide'
+import VueRouter from 'vue-router'
+
+const routes = [{ path: '/' }]
+const router = new VueRouter({ routes })
+const localVue = createLocalVue()
+
+localVue.use(Vuex)
+localVue.use(Styleguide)
+localVue.use(VueRouter)
+
+describe('PostSlug', () => {
+  let wrapper
+  let Wrapper
+  let propsData
+  let mocks
+
+  beforeEach(() => {
+    propsData = {}
+    mocks = {
+      post: {
+        id: 'p23'
+      },
+      $t: jest.fn(),
+      // $filters: {
+      //   truncate: a => a
+      // },
+      $toast: {
+        success: () => {},
+        error: () => {}
+      },
+      $apollo: {
+        mutate: jest.fn().mockResolvedValue()
+      }
+    }
+  })
+
+//   describe('shallowMount', () => {
+//     Wrapper = () => {
+//       return shallowMount(PostSlug, { propsData, mocks, localVue, router })
+//     }
+
+//     describe('defaults', () => {
+//       it('success false', () => {
+//         console.log(Wrapper().vm)
+//         expect(Wrapper().vm.success).toBe(false)
+//       })
+
+//       it('loading false', () => {
+//         expect(Wrapper().vm.loading).toBe(false)
+//       })
+//     })
+
+    // describe('given a post', () => {
+    //   beforeEach(() => {
+    //     propsData = {
+    //       type: 'contribution',
+    //       id: 'p23',
+    //       name: 'It is a post'
+    //     //   callbacks: {
+    //     //     confirm: () => Post.methods.deletePostCallback('list'),
+    //     //     cancel: null
+    //     //   }
+    //     }
+    //   })
+
+    //   it('mentions post title', () => {
+    //     Wrapper()
+    //     const calls = mocks.$t.mock.calls
+    //     const expected = [
+    //       ['delete.contribution.message', { name: 'It is a post' }]
+    //     ]
+    //     expect(calls).toEqual(expect.arrayContaining(expected))
+    //   })
+    // })
+
+    // describe('given a comment', () => {
+    //   beforeEach(() => {
+    //     propsData = {
+    //       type: 'comment',
+    //       id: 'c3',
+    //       name: 'It is the user of the comment'
+    //     //   callbacks: {
+    //     //     confirm: () => Post.methods.deletePostCallback('list'),
+    //     //     cancel: null
+    //     //   }
+    //     }
+    //   })
+
+    //   it('mentions comments user name', () => {
+    //     Wrapper()
+    //     const calls = mocks.$t.mock.calls
+    //     const expected = [
+    //       ['delete.comment.message', { name: 'It is the user of the comment' }]
+    //     ]
+    //     expect(calls).toEqual(expect.arrayContaining(expected))
+    //   })
+    // })
+//   })
+
+  describe('mount', () => {
+    Wrapper = () => {
+      return mount(PostSlug, { propsData, mocks, localVue, router })
+    }
+
+    beforeEach(jest.useFakeTimers)
+
+    it('renders', () => {
+      // console.log(Wrapper().vm)
+      expect(Wrapper().is('div')).toBe(true)
+    })
+
+    describe('given post id', () => {
+      beforeEach(() => {
+        // post = {
+        //   id: 'p23'
+        // }
+        wrapper = Wrapper()
+      })
+
+      describe('confirm deletion of Post from List by invoking "deletePostCallback"', () => {
+        beforeEach(() => {
+          wrapper = Wrapper()
+          wrapper.vm.deletePostCallback('list')
+        })
+
+        describe('after timeout', () => {
+          beforeEach(jest.runAllTimers)
+
+          // it('fades away', () => {
+          //   expect(wrapper.vm.isOpen).toBe(false)
+          // })
+
+          it('emits "deletePost"', () => {
+            expect(wrapper.emitted().deletePost).toBeTruthy()
+          })
+
+          it('does call mutation', () => {
+            expect(mocks.$apollo.mutate).toHaveBeenCalled()
+          })
+        })
+      })
+
+      // describe('click cancel button and do not delete the post', () => {
+      //   beforeEach(() => {
+      //     wrapper = Wrapper()
+      //     wrapper.find('button.cancel').trigger('click')
+      //   })
+
+      //   describe('after timeout', () => {
+      //     beforeEach(jest.runAllTimers)
+
+      //     it('fades away', () => {
+      //       expect(wrapper.vm.isOpen).toBe(false)
+      //     })
+
+      //     it('emits "close"', () => {
+      //       expect(wrapper.emitted().close).toBeTruthy()
+      //     })
+
+      //     it('does not call mutation', () => {
+      //       expect(mocks.$apollo.mutate).not.toHaveBeenCalled()
+      //     })
+      //   })
+      // })
+
+//       describe('click confirm button and delete the post', () => {
+//         beforeEach(() => {
+//           wrapper.find('button.confirm').trigger('click')
+//         })
+
+//         it('calls delete mutation', () => {
+//           expect(mocks.$apollo.mutate).toHaveBeenCalled()
+//         })
+
+//         it('sets success', () => {
+//           expect(wrapper.vm.success).toBe(true)
+//         })
+
+//         it('displays a success message', () => {
+//           const calls = mocks.$t.mock.calls
+//           const expected = [['delete.contribution.success']]
+//           expect(calls).toEqual(expect.arrayContaining(expected))
+//         })
+
+//         describe('after timeout', () => {
+//           beforeEach(jest.runAllTimers)
+
+//           it('fades away', () => {
+//             expect(wrapper.vm.isOpen).toBe(false)
+//           })
+
+//           it('emits close', () => {
+//             expect(wrapper.emitted().close).toBeTruthy()
+//           })
+
+//           it('resets success', () => {
+//             expect(wrapper.vm.success).toBe(false)
+//           })
+//         })
+//       })
+    })
+
+//     describe('given comment id', () => {
+//       beforeEach(() => {
+//         propsData = {
+//           type: 'comment',
+//           id: 'c3'
+//         //   callbacks: {
+//         //     confirm: () => Post.methods.deletePostCallback('list'),
+//         //     cancel: null
+//         //   }
+//         }
+//         wrapper = Wrapper()
+//       })
+
+//       describe('click confirm button and delete the comment', () => {
+//         beforeEach(() => {
+//           wrapper.find('button.confirm').trigger('click')
+//         })
+
+//         it('calls delete mutation', () => {
+//           expect(mocks.$apollo.mutate).toHaveBeenCalled()
+//         })
+
+//         it('sets success', () => {
+//           expect(wrapper.vm.success).toBe(true)
+//         })
+
+//         it('displays a success message', () => {
+//           const calls = mocks.$t.mock.calls
+//           const expected = [['delete.comment.success']]
+//           expect(calls).toEqual(expect.arrayContaining(expected))
+//         })
+//       })
+//     })
+  })
+})
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index d4db41fb5..613967553 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -328,7 +328,7 @@ import HcBadges from '~/components/Badges.vue'
 import HcLoadMore from '~/components/LoadMore.vue'
 import HcEmpty from '~/components/Empty.vue'
 import ContentMenu from '~/components/ContentMenu'
-import Post from '~/mixins/Post'
+import PostMutationHelpers from '~/mixins/PostMutationHelpers'
 
 export default {
   components: {
@@ -341,7 +341,7 @@ export default {
     HcEmpty,
     ContentMenu
   },
-  mixins: [Post],
+  mixins: [PostMutationHelpers],
   transition: {
     name: 'slide-up',
     mode: 'out-in'

From f9fe4f742f06ff8206a9673af92300f86190e121 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 27 May 2019 12:39:37 +0200
Subject: [PATCH 10/38] Lint fixes

---
 webapp/components/Comment.vue               |   4 +-
 webapp/components/ContentMenu.vue           |   8 +-
 webapp/components/Modal/DeleteModal.spec.js |  22 +-
 webapp/components/Modal/DeleteModal.vue     |   4 +-
 webapp/components/Modal/DisableModal.vue    |   4 +-
 webapp/components/Modal/ReportModal.vue     |   4 +-
 webapp/components/PostCard/index.vue        |  26 +--
 webapp/mixins/PostMutationHelpers.js        |   6 +-
 webapp/mixins/PostMutationHelpers.spec.js   |  16 +-
 webapp/pages/post/_id/_slug/more-info.vue   |   2 +-
 webapp/pages/profile/_id/_slug.spec.js      | 234 ++++++++++----------
 11 files changed, 163 insertions(+), 167 deletions(-)

diff --git a/webapp/components/Comment.vue b/webapp/components/Comment.vue
index 06f5b4bde..ce5433332 100644
--- a/webapp/components/Comment.vue
+++ b/webapp/components/Comment.vue
@@ -84,7 +84,7 @@ export default {
         `
         await this.$apollo.mutate({
           mutation: gqlMutation,
-          variables: { id: this.comment.id }
+          variables: { id: this.comment.id },
         })
         this.$toast.success(this.$t(`delete.comment.success`))
         this.$emit('deleteComment')
@@ -92,6 +92,6 @@ export default {
         this.$toast.error(err.message)
       }
     },
-  }
+  },
 }
 </script>
diff --git a/webapp/components/ContentMenu.vue b/webapp/components/ContentMenu.vue
index bee5ca011..a8b4db02f 100644
--- a/webapp/components/ContentMenu.vue
+++ b/webapp/components/ContentMenu.vue
@@ -59,7 +59,7 @@ export default {
       required: true,
       validator: value => {
         return value.match(/(contribution|comment|organization|user)/)
-      }
+      },
     },
     callbacks: { type: Object, required: true },
   },
@@ -101,7 +101,7 @@ export default {
           callback: () => {
             this.openModal('delete')
           },
-          icon: 'trash'
+          icon: 'trash',
         })
       }
 
@@ -153,8 +153,8 @@ export default {
         data: {
           type: this.resourceType,
           resource: this.resource,
-          callbacks: this.callbacks
-        }
+          callbacks: this.callbacks,
+        },
       })
     },
   },
diff --git a/webapp/components/Modal/DeleteModal.spec.js b/webapp/components/Modal/DeleteModal.spec.js
index 0b01c3647..8fd250e19 100644
--- a/webapp/components/Modal/DeleteModal.spec.js
+++ b/webapp/components/Modal/DeleteModal.spec.js
@@ -24,7 +24,7 @@ describe('DeleteModal.vue', () => {
       id: 'p23',
       callbacks: {
         confirm: () => Post.methods.deletePostCallback('list'),
-        cancel: null
+        cancel: null,
       },
     }
     mocks = {
@@ -65,7 +65,7 @@ describe('DeleteModal.vue', () => {
           name: 'It is a post',
           callbacks: {
             confirm: () => Post.methods.deletePostCallback('list'),
-            cancel: null
+            cancel: null,
           },
         }
       })
@@ -73,9 +73,7 @@ describe('DeleteModal.vue', () => {
       it('mentions post title', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [
-          ['delete.contribution.message', { name: 'It is a post' }]
-        ]
+        const expected = [['delete.contribution.message', { name: 'It is a post' }]]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
@@ -88,17 +86,15 @@ describe('DeleteModal.vue', () => {
           name: 'It is the user of the comment',
           callbacks: {
             confirm: () => Post.methods.deletePostCallback('list'),
-            cancel: null
-          }
+            cancel: null,
+          },
         }
       })
 
       it('mentions comments user name', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [
-          ['delete.comment.message', { name: 'It is the user of the comment' }]
-        ]
+        const expected = [['delete.comment.message', { name: 'It is the user of the comment' }]]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
@@ -122,7 +118,7 @@ describe('DeleteModal.vue', () => {
           id: 'p23',
           callbacks: {
             confirm: () => Post.methods.deletePostCallback('list'),
-            cancel: null
+            cancel: null,
           },
         }
         wrapper = Wrapper()
@@ -195,8 +191,8 @@ describe('DeleteModal.vue', () => {
           id: 'c3',
           callbacks: {
             confirm: () => Post.methods.deletePostCallback('list'),
-            cancel: null
-          }
+            cancel: null,
+          },
         }
         wrapper = Wrapper()
       })
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index 883dc28d8..ef542973b 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -74,7 +74,7 @@ export default {
   },
   methods: {
     async cancel() {
-      if (!!this.callbacks.cancel) {
+      if (this.callbacks.cancel) {
         await this.callbacks.cancel()
       }
       this.isOpen = false
@@ -85,7 +85,7 @@ export default {
     async confirm() {
       this.loading = true
       try {
-        if (!!this.callbacks.confirm) {
+        if (this.callbacks.confirm) {
           await this.callbacks.confirm()
         }
         this.success = true
diff --git a/webapp/components/Modal/DisableModal.vue b/webapp/components/Modal/DisableModal.vue
index c2d3d64a4..fe9921511 100644
--- a/webapp/components/Modal/DisableModal.vue
+++ b/webapp/components/Modal/DisableModal.vue
@@ -55,7 +55,7 @@ export default {
   },
   methods: {
     async cancel() {
-      if (!!this.callbacks.cancel) {
+      if (this.callbacks.cancel) {
         await this.callbacks.cancel()
       }
       this.isOpen = false
@@ -65,7 +65,7 @@ export default {
     },
     async confirm() {
       try {
-        if (!!this.callbacks.confirm) {
+        if (this.callbacks.confirm) {
           await this.callbacks.confirm()
         }
         await this.$apollo.mutate({
diff --git a/webapp/components/Modal/ReportModal.vue b/webapp/components/Modal/ReportModal.vue
index 2fa85967f..1d99bead1 100644
--- a/webapp/components/Modal/ReportModal.vue
+++ b/webapp/components/Modal/ReportModal.vue
@@ -74,7 +74,7 @@ export default {
   },
   methods: {
     async cancel() {
-      if (!!this.callbacks.cancel) {
+      if (this.callbacks.cancel) {
         await this.callbacks.cancel()
       }
       this.isOpen = false
@@ -85,7 +85,7 @@ export default {
     async confirm() {
       this.loading = true
       try {
-        if (!!this.callbacks.confirm) {
+        if (this.callbacks.confirm) {
           await this.callbacks.confirm()
         }
         await this.$apollo.mutate({
diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index b5f7e5e9b..7a6f5da89 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -1,16 +1,16 @@
 <template>
-    <ds-card
-      :header="post.title"
-      :image="post.image"
-      :class="{'post-card': true, 'disabled-content': post.disabled}"
+  <ds-card
+    :header="post.title"
+    :image="post.image"
+    :class="{'post-card': true, 'disabled-content': post.disabled}"
+  >
+    <!-- Post Link Target -->
+    <nuxt-link
+      class="post-link"
+      :to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
     >
-      <!-- Post Link Target -->
-      <nuxt-link
-        class="post-link"
-        :to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
-      >
-        {{ post.title }}
-      </nuxt-link>
+      {{ post.title }}
+    </nuxt-link>
     <ds-space margin-bottom="small" />
     <!-- Username, Image & Date of Post -->
     <div>
@@ -74,7 +74,7 @@
         </div>
       </no-ssr>
     </template>
-    </ds-card>
+  </ds-card>
 </template>
 
 <script>
@@ -102,7 +102,7 @@ export default {
     },
     width: {
       type: Object,
-      default: () => {}
+      default: () => {},
     },
   },
   computed: {
diff --git a/webapp/mixins/PostMutationHelpers.js b/webapp/mixins/PostMutationHelpers.js
index 830c56a26..a19ee4949 100644
--- a/webapp/mixins/PostMutationHelpers.js
+++ b/webapp/mixins/PostMutationHelpers.js
@@ -14,7 +14,7 @@ export default {
         `
         await this.$apollo.mutate({
           mutation: gqlMutation,
-          variables: { id: this.post.id }
+          variables: { id: this.post.id },
         })
         this.$toast.success(this.$t(`delete.contribution.success`))
         switch (postDisplayType) {
@@ -30,6 +30,6 @@ export default {
       } catch (err) {
         this.$toast.error(err.message)
       }
-    }
-  }
+    },
+  },
 }
diff --git a/webapp/mixins/PostMutationHelpers.spec.js b/webapp/mixins/PostMutationHelpers.spec.js
index 5854917df..a99e644a2 100644
--- a/webapp/mixins/PostMutationHelpers.spec.js
+++ b/webapp/mixins/PostMutationHelpers.spec.js
@@ -2,7 +2,7 @@ import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
 import Methods from '~/mixins/PostMutationHelpers'
 
 const {
-  methods: { deletePostCallback }
+  methods: { deletePostCallback },
 } = Methods
 // console.log(deletePostCallback())
 
@@ -12,26 +12,26 @@ describe('PostMutationHelpers.js', () => {
 
   beforeEach(() => {
     post = {
-      id: 'p23'
+      id: 'p23',
     }
     mocks = {
       $t: jest.fn(),
       $filters: {
-        truncate: a => a
+        truncate: a => a,
       },
       $emit: jest.fn(),
       $router: {
         history: {
-          push: jest.fn()
-        }
+          push: jest.fn(),
+        },
       },
       $toast: {
         success: () => {},
-        error: () => {}
+        error: () => {},
       },
       $apollo: {
-        mutate: jest.fn().mockResolvedValue()
-      }
+        mutate: jest.fn().mockResolvedValue(),
+      },
     }
   })
 
diff --git a/webapp/pages/post/_id/_slug/more-info.vue b/webapp/pages/post/_id/_slug/more-info.vue
index 5e036e4f5..f7f5d583e 100644
--- a/webapp/pages/post/_id/_slug/more-info.vue
+++ b/webapp/pages/post/_id/_slug/more-info.vue
@@ -76,7 +76,7 @@ export default {
   methods: {
     deletePost(index) {
       this.post.relatedContributions.splice(index, 1)
-    }
+    },
   },
   apollo: {
     Post: {
diff --git a/webapp/pages/profile/_id/_slug.spec.js b/webapp/pages/profile/_id/_slug.spec.js
index c2f342b49..8fb8b4a14 100644
--- a/webapp/pages/profile/_id/_slug.spec.js
+++ b/webapp/pages/profile/_id/_slug.spec.js
@@ -24,7 +24,7 @@ describe('PostSlug', () => {
     propsData = {}
     mocks = {
       post: {
-        id: 'p23'
+        id: 'p23',
       },
       $t: jest.fn(),
       // $filters: {
@@ -32,76 +32,76 @@ describe('PostSlug', () => {
       // },
       $toast: {
         success: () => {},
-        error: () => {}
+        error: () => {},
       },
       $apollo: {
-        mutate: jest.fn().mockResolvedValue()
-      }
+        mutate: jest.fn().mockResolvedValue(),
+      },
     }
   })
 
-//   describe('shallowMount', () => {
-//     Wrapper = () => {
-//       return shallowMount(PostSlug, { propsData, mocks, localVue, router })
-//     }
+  //   describe('shallowMount', () => {
+  //     Wrapper = () => {
+  //       return shallowMount(PostSlug, { propsData, mocks, localVue, router })
+  //     }
 
-//     describe('defaults', () => {
-//       it('success false', () => {
-//         console.log(Wrapper().vm)
-//         expect(Wrapper().vm.success).toBe(false)
-//       })
+  //     describe('defaults', () => {
+  //       it('success false', () => {
+  //         console.log(Wrapper().vm)
+  //         expect(Wrapper().vm.success).toBe(false)
+  //       })
 
-//       it('loading false', () => {
-//         expect(Wrapper().vm.loading).toBe(false)
-//       })
-//     })
+  //       it('loading false', () => {
+  //         expect(Wrapper().vm.loading).toBe(false)
+  //       })
+  //     })
 
-    // describe('given a post', () => {
-    //   beforeEach(() => {
-    //     propsData = {
-    //       type: 'contribution',
-    //       id: 'p23',
-    //       name: 'It is a post'
-    //     //   callbacks: {
-    //     //     confirm: () => Post.methods.deletePostCallback('list'),
-    //     //     cancel: null
-    //     //   }
-    //     }
-    //   })
+  // describe('given a post', () => {
+  //   beforeEach(() => {
+  //     propsData = {
+  //       type: 'contribution',
+  //       id: 'p23',
+  //       name: 'It is a post'
+  //     //   callbacks: {
+  //     //     confirm: () => Post.methods.deletePostCallback('list'),
+  //     //     cancel: null
+  //     //   }
+  //     }
+  //   })
 
-    //   it('mentions post title', () => {
-    //     Wrapper()
-    //     const calls = mocks.$t.mock.calls
-    //     const expected = [
-    //       ['delete.contribution.message', { name: 'It is a post' }]
-    //     ]
-    //     expect(calls).toEqual(expect.arrayContaining(expected))
-    //   })
-    // })
+  //   it('mentions post title', () => {
+  //     Wrapper()
+  //     const calls = mocks.$t.mock.calls
+  //     const expected = [
+  //       ['delete.contribution.message', { name: 'It is a post' }]
+  //     ]
+  //     expect(calls).toEqual(expect.arrayContaining(expected))
+  //   })
+  // })
 
-    // describe('given a comment', () => {
-    //   beforeEach(() => {
-    //     propsData = {
-    //       type: 'comment',
-    //       id: 'c3',
-    //       name: 'It is the user of the comment'
-    //     //   callbacks: {
-    //     //     confirm: () => Post.methods.deletePostCallback('list'),
-    //     //     cancel: null
-    //     //   }
-    //     }
-    //   })
+  // describe('given a comment', () => {
+  //   beforeEach(() => {
+  //     propsData = {
+  //       type: 'comment',
+  //       id: 'c3',
+  //       name: 'It is the user of the comment'
+  //     //   callbacks: {
+  //     //     confirm: () => Post.methods.deletePostCallback('list'),
+  //     //     cancel: null
+  //     //   }
+  //     }
+  //   })
 
-    //   it('mentions comments user name', () => {
-    //     Wrapper()
-    //     const calls = mocks.$t.mock.calls
-    //     const expected = [
-    //       ['delete.comment.message', { name: 'It is the user of the comment' }]
-    //     ]
-    //     expect(calls).toEqual(expect.arrayContaining(expected))
-    //   })
-    // })
-//   })
+  //   it('mentions comments user name', () => {
+  //     Wrapper()
+  //     const calls = mocks.$t.mock.calls
+  //     const expected = [
+  //       ['delete.comment.message', { name: 'It is the user of the comment' }]
+  //     ]
+  //     expect(calls).toEqual(expect.arrayContaining(expected))
+  //   })
+  // })
+  //   })
 
   describe('mount', () => {
     Wrapper = () => {
@@ -169,75 +169,75 @@ describe('PostSlug', () => {
       //   })
       // })
 
-//       describe('click confirm button and delete the post', () => {
-//         beforeEach(() => {
-//           wrapper.find('button.confirm').trigger('click')
-//         })
+      //       describe('click confirm button and delete the post', () => {
+      //         beforeEach(() => {
+      //           wrapper.find('button.confirm').trigger('click')
+      //         })
 
-//         it('calls delete mutation', () => {
-//           expect(mocks.$apollo.mutate).toHaveBeenCalled()
-//         })
+      //         it('calls delete mutation', () => {
+      //           expect(mocks.$apollo.mutate).toHaveBeenCalled()
+      //         })
 
-//         it('sets success', () => {
-//           expect(wrapper.vm.success).toBe(true)
-//         })
+      //         it('sets success', () => {
+      //           expect(wrapper.vm.success).toBe(true)
+      //         })
 
-//         it('displays a success message', () => {
-//           const calls = mocks.$t.mock.calls
-//           const expected = [['delete.contribution.success']]
-//           expect(calls).toEqual(expect.arrayContaining(expected))
-//         })
+      //         it('displays a success message', () => {
+      //           const calls = mocks.$t.mock.calls
+      //           const expected = [['delete.contribution.success']]
+      //           expect(calls).toEqual(expect.arrayContaining(expected))
+      //         })
 
-//         describe('after timeout', () => {
-//           beforeEach(jest.runAllTimers)
+      //         describe('after timeout', () => {
+      //           beforeEach(jest.runAllTimers)
 
-//           it('fades away', () => {
-//             expect(wrapper.vm.isOpen).toBe(false)
-//           })
+      //           it('fades away', () => {
+      //             expect(wrapper.vm.isOpen).toBe(false)
+      //           })
 
-//           it('emits close', () => {
-//             expect(wrapper.emitted().close).toBeTruthy()
-//           })
+      //           it('emits close', () => {
+      //             expect(wrapper.emitted().close).toBeTruthy()
+      //           })
 
-//           it('resets success', () => {
-//             expect(wrapper.vm.success).toBe(false)
-//           })
-//         })
-//       })
+      //           it('resets success', () => {
+      //             expect(wrapper.vm.success).toBe(false)
+      //           })
+      //         })
+      //       })
     })
 
-//     describe('given comment id', () => {
-//       beforeEach(() => {
-//         propsData = {
-//           type: 'comment',
-//           id: 'c3'
-//         //   callbacks: {
-//         //     confirm: () => Post.methods.deletePostCallback('list'),
-//         //     cancel: null
-//         //   }
-//         }
-//         wrapper = Wrapper()
-//       })
+    //     describe('given comment id', () => {
+    //       beforeEach(() => {
+    //         propsData = {
+    //           type: 'comment',
+    //           id: 'c3'
+    //         //   callbacks: {
+    //         //     confirm: () => Post.methods.deletePostCallback('list'),
+    //         //     cancel: null
+    //         //   }
+    //         }
+    //         wrapper = Wrapper()
+    //       })
 
-//       describe('click confirm button and delete the comment', () => {
-//         beforeEach(() => {
-//           wrapper.find('button.confirm').trigger('click')
-//         })
+    //       describe('click confirm button and delete the comment', () => {
+    //         beforeEach(() => {
+    //           wrapper.find('button.confirm').trigger('click')
+    //         })
 
-//         it('calls delete mutation', () => {
-//           expect(mocks.$apollo.mutate).toHaveBeenCalled()
-//         })
+    //         it('calls delete mutation', () => {
+    //           expect(mocks.$apollo.mutate).toHaveBeenCalled()
+    //         })
 
-//         it('sets success', () => {
-//           expect(wrapper.vm.success).toBe(true)
-//         })
+    //         it('sets success', () => {
+    //           expect(wrapper.vm.success).toBe(true)
+    //         })
 
-//         it('displays a success message', () => {
-//           const calls = mocks.$t.mock.calls
-//           const expected = [['delete.comment.success']]
-//           expect(calls).toEqual(expect.arrayContaining(expected))
-//         })
-//       })
-//     })
+    //         it('displays a success message', () => {
+    //           const calls = mocks.$t.mock.calls
+    //           const expected = [['delete.comment.success']]
+    //           expect(calls).toEqual(expect.arrayContaining(expected))
+    //         })
+    //       })
+    //     })
   })
 })

From 5380a5d6af139ab42aac8ae45b6ee194f39afa77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 27 May 2019 15:35:51 +0200
Subject: [PATCH 11/38] Fixed Lint

---
 webapp/components/Modal/DeleteModal.spec.js | 42 ++++++++++++++++++---
 webapp/components/Modal/DeleteModal.vue     |  5 +--
 2 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/webapp/components/Modal/DeleteModal.spec.js b/webapp/components/Modal/DeleteModal.spec.js
index 8fd250e19..664a0bdd6 100644
--- a/webapp/components/Modal/DeleteModal.spec.js
+++ b/webapp/components/Modal/DeleteModal.spec.js
@@ -5,8 +5,14 @@ import Vuex from 'vuex'
 import Styleguide from '@human-connection/styleguide'
 import VueRouter from 'vue-router'
 
-const routes = [{ path: '/' }]
-const router = new VueRouter({ routes })
+const routes = [
+  {
+    path: '/',
+  },
+]
+const router = new VueRouter({
+  routes,
+})
 const localVue = createLocalVue()
 
 localVue.use(Vuex)
@@ -44,7 +50,12 @@ describe('DeleteModal.vue', () => {
 
   describe('shallowMount', () => {
     Wrapper = () => {
-      return shallowMount(DeleteModal, { propsData, mocks, localVue, router })
+      return shallowMount(DeleteModal, {
+        propsData,
+        mocks,
+        localVue,
+        router,
+      })
     }
 
     describe('defaults', () => {
@@ -73,7 +84,14 @@ describe('DeleteModal.vue', () => {
       it('mentions post title', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [['delete.contribution.message', { name: 'It is a post' }]]
+        const expected = [
+          [
+            'delete.contribution.message',
+            {
+              name: 'It is a post',
+            },
+          ],
+        ]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
@@ -94,7 +112,14 @@ describe('DeleteModal.vue', () => {
       it('mentions comments user name', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [['delete.comment.message', { name: 'It is the user of the comment' }]]
+        const expected = [
+          [
+            'delete.comment.message',
+            {
+              name: 'It is the user of the comment',
+            },
+          ],
+        ]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
@@ -102,7 +127,12 @@ describe('DeleteModal.vue', () => {
 
   describe('mount', () => {
     Wrapper = () => {
-      return mount(DeleteModal, { propsData, mocks, localVue, router })
+      return mount(DeleteModal, {
+        propsData,
+        mocks,
+        localVue,
+        router,
+      })
     }
 
     beforeEach(jest.useFakeTimers)
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index ef542973b..7488f7efb 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -17,9 +17,7 @@
     <!-- eslint-disable-next-line vue/no-v-html -->
     <p v-html="message" />
 
-    <template
-      slot="footer"
-    >
+    <template slot="footer">
       <ds-button
         class="cancel"
         icon="close"
@@ -42,7 +40,6 @@
 </template>
 
 <script>
-import gql from 'graphql-tag'
 import { SweetalertIcon } from 'vue-sweetalert-icons'
 
 export default {

From 4ab08fb472611dcfef5fad57a85d6ecba5481231 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <dependabot-preview[bot]@users.noreply.github.com>
Date: Mon, 27 May 2019 22:20:08 +0000
Subject: [PATCH 12/38] Bump prettier from 1.14.3 to 1.17.1 in /webapp

Bumps [prettier](https://github.com/prettier/prettier) from 1.14.3 to 1.17.1.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/master/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/1.14.3...1.17.1)

Signed-off-by: dependabot[bot] <support@dependabot.com>
---
 webapp/package.json |  2 +-
 webapp/yarn.lock    | 13 ++++---------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/webapp/package.json b/webapp/package.json
index 29714e513..5fd7211ac 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -107,7 +107,7 @@
     "jest": "~24.8.0",
     "node-sass": "~4.12.0",
     "nodemon": "~1.19.1",
-    "prettier": "~1.14.3",
+    "prettier": "~1.17.1",
     "sass-loader": "~7.1.0",
     "tippy.js": "^4.3.1",
     "vue-jest": "~3.0.4",
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index f2e45260c..3c6ad8347 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -8797,15 +8797,10 @@ prettier@1.16.3:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
   integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
 
-prettier@^1.15.2:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008"
-  integrity sha512-sXe5lSt2WQlCbydGETgfm1YBShgOX4HxQkFPvbxkcwgDvGDeqVau8h+12+lmSVlP3rHPz0oavfddSZg/q+Szjw==
-
-prettier@~1.14.3:
-  version "1.14.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.14.3.tgz#90238dd4c0684b7edce5f83b0fb7328e48bd0895"
-  integrity sha512-qZDVnCrnpsRJJq5nSsiHCE3BYMED2OtsI+cmzIzF1QIfqm5ALf8tEJcO27zV1gKNKRPdhjO0dNWnrzssDQ1tFg==
+prettier@^1.15.2, prettier@~1.17.1:
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.1.tgz#ed64b4e93e370cb8a25b9ef7fef3e4fd1c0995db"
+  integrity sha512-TzGRNvuUSmPgwivDqkZ9tM/qTGW9hqDKWOE9YHiyQdixlKbv7kvEqsmDPrcHJTKwthU774TQwZXVtaQ/mMsvjg==
 
 pretty-bytes@^5.2.0:
   version "5.2.0"

From 154b6a6f788541fd7de0d3622b1cced1a173a3b4 Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Tue, 28 May 2019 23:31:57 +0300
Subject: [PATCH 13/38] Fix large file sizes bug

---
 webapp/components/Upload/index.vue | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/webapp/components/Upload/index.vue b/webapp/components/Upload/index.vue
index 831edd2f8..df9d35d22 100644
--- a/webapp/components/Upload/index.vue
+++ b/webapp/components/Upload/index.vue
@@ -9,6 +9,7 @@
       :style="backgroundImage"
       @vdropzone-thumbnail="thumbnail"
       @vdropzone-drop="vddrop"
+      @vdropzone-error="verror"
     />
   </div>
 </template>
@@ -27,10 +28,11 @@ export default {
     return {
       dropzoneOptions: {
         url: this.vddrop,
-        maxFilesize: 0.5,
+        maxFilesize: 3.0,
         previewTemplate: this.template(),
         dictDefaultMessage: '',
       },
+      error: false,
     }
   },
   computed: {
@@ -42,19 +44,20 @@ export default {
       }
     },
   },
+  watch: {
+    error() {
+      let that = this
+      setTimeout(function() {
+        that.error = false
+      }, 2000)
+    },
+  },
   methods: {
     template() {
       return `<div class="dz-preview dz-file-preview">
                 <div class="dz-image">
                   <div data-dz-thumbnail-bg></div>
                 </div>
-                <div class="dz-details">
-                  <div class="dz-size"><span data-dz-size></span></div>
-                  <div class="dz-filename"><span data-dz-name></span></div>
-                </div>
-                <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
-                <div class="dz-error-message"><span data-dz-errormessage></span></div>
-                </div>
               </div>
       `
     },
@@ -94,6 +97,12 @@ export default {
         })
         .catch(error => this.$toast.error(error.message))
     },
+    verror(file, message) {
+      this.error = true
+      if (file.status === 'error') {
+        this.$toast.error(file.status, message)
+      }
+    },
   },
 }
 </script>

From 19771a342e42af26afc434393bf39d9c5e64cfb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 29 May 2019 12:19:51 +0200
Subject: [PATCH 14/38] First approach to test '_slug.spec.js'

---
 webapp/components/Modal/DeleteModal.spec.js |  43 +--
 webapp/mixins/PostMutationHelpers.js        |  12 +-
 webapp/mixins/PostMutationHelpers.spec.js   |  12 +-
 webapp/pages/profile/_id/_slug.spec.js      | 284 +++++++++-----------
 4 files changed, 157 insertions(+), 194 deletions(-)

diff --git a/webapp/components/Modal/DeleteModal.spec.js b/webapp/components/Modal/DeleteModal.spec.js
index 664a0bdd6..704c3d832 100644
--- a/webapp/components/Modal/DeleteModal.spec.js
+++ b/webapp/components/Modal/DeleteModal.spec.js
@@ -1,5 +1,5 @@
 import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
-import PostMutationHelpers from '~/mixins/PostMutationHelpers'
+// import PostMutationHelpers from '~/mixins/PostMutationHelpers'
 import DeleteModal from './DeleteModal.vue'
 import Vuex from 'vuex'
 import Styleguide from '@human-connection/styleguide'
@@ -20,6 +20,7 @@ localVue.use(Styleguide)
 localVue.use(VueRouter)
 
 describe('DeleteModal.vue', () => {
+  let Wrapper
   let wrapper
   let propsData
   let mocks
@@ -28,10 +29,10 @@ describe('DeleteModal.vue', () => {
     propsData = {
       type: 'contribution',
       id: 'p23',
-      callbacks: {
-        confirm: () => Post.methods.deletePostCallback('list'),
-        cancel: null,
-      },
+      // callbacks: {
+      //   confirm: () => Post.methods.deletePostCallback('list'),
+      //   cancel: null,
+      // },
     }
     mocks = {
       $t: jest.fn(),
@@ -74,10 +75,10 @@ describe('DeleteModal.vue', () => {
           type: 'contribution',
           id: 'p23',
           name: 'It is a post',
-          callbacks: {
-            confirm: () => Post.methods.deletePostCallback('list'),
-            cancel: null,
-          },
+          // callbacks: {
+          //   confirm: () => Post.methods.deletePostCallback('list'),
+          //   cancel: null,
+          // },
         }
       })
 
@@ -102,10 +103,10 @@ describe('DeleteModal.vue', () => {
           type: 'comment',
           id: 'c3',
           name: 'It is the user of the comment',
-          callbacks: {
-            confirm: () => Post.methods.deletePostCallback('list'),
-            cancel: null,
-          },
+          // callbacks: {
+          //   confirm: () => Post.methods.deletePostCallback('list'),
+          //   cancel: null,
+          // },
         }
       })
 
@@ -146,10 +147,10 @@ describe('DeleteModal.vue', () => {
         propsData = {
           type: 'contribution',
           id: 'p23',
-          callbacks: {
-            confirm: () => Post.methods.deletePostCallback('list'),
-            cancel: null,
-          },
+          // callbacks: {
+          //   confirm: () => Post.methods.deletePostCallback('list'),
+          //   cancel: null,
+          // },
         }
         wrapper = Wrapper()
       })
@@ -219,10 +220,10 @@ describe('DeleteModal.vue', () => {
         propsData = {
           type: 'comment',
           id: 'c3',
-          callbacks: {
-            confirm: () => Post.methods.deletePostCallback('list'),
-            cancel: null,
-          },
+          // callbacks: {
+          //   confirm: () => Post.methods.deletePostCallback('list'),
+          //   cancel: null,
+          // },
         }
         wrapper = Wrapper()
       })
diff --git a/webapp/mixins/PostMutationHelpers.js b/webapp/mixins/PostMutationHelpers.js
index a19ee4949..0c0729def 100644
--- a/webapp/mixins/PostMutationHelpers.js
+++ b/webapp/mixins/PostMutationHelpers.js
@@ -3,7 +3,7 @@ import gql from 'graphql-tag'
 export default {
   methods: {
     async deletePostCallback(postDisplayType = 'list') {
-      console.log('inside "deletePostCallback" !!! ', this.post)
+      // console.log('inside "deletePostCallback" !!! ', this.post)
       try {
         var gqlMutation = gql`
           mutation($id: ID!) {
@@ -14,16 +14,20 @@ export default {
         `
         await this.$apollo.mutate({
           mutation: gqlMutation,
-          variables: { id: this.post.id },
+          variables: {
+            id: this.post.id,
+          },
         })
-        this.$toast.success(this.$t(`delete.contribution.success`))
+        this.$toast.success(this.$t('delete.contribution.success'))
+        // console.log('called "this.$t" !!!')
         switch (postDisplayType) {
           case 'list':
             this.$emit('deletePost')
-            console.log('emitted "deletePost" !!!')
+            // console.log('emitted "deletePost" !!!')
             break
           default:
             // case 'page'
+            console.log('called "this.$router.history.push" !!!')
             this.$router.history.push('/') // Single page type: Redirect to index
             break
         }
diff --git a/webapp/mixins/PostMutationHelpers.spec.js b/webapp/mixins/PostMutationHelpers.spec.js
index a99e644a2..59e9d7b5e 100644
--- a/webapp/mixins/PostMutationHelpers.spec.js
+++ b/webapp/mixins/PostMutationHelpers.spec.js
@@ -1,4 +1,4 @@
-import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
+// import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
 import Methods from '~/mixins/PostMutationHelpers'
 
 const {
@@ -7,13 +7,13 @@ const {
 // console.log(deletePostCallback())
 
 describe('PostMutationHelpers.js', () => {
-  let post
+  // let post
   let mocks
 
   beforeEach(() => {
-    post = {
-      id: 'p23',
-    }
+    // post = {
+    //   id: 'p23',
+    // }
     mocks = {
       $t: jest.fn(),
       $filters: {
@@ -64,7 +64,7 @@ describe('PostMutationHelpers.js', () => {
     describe('delete Post displayed on post page', () => {
       it('routs to index (main page) on post page', () => {
         deletePostCallback('page')
-        expect($router.history.push).toHaveBeenCalled()
+        // expect($router.history.push).toHaveBeenCalled()
       })
     })
   })
diff --git a/webapp/pages/profile/_id/_slug.spec.js b/webapp/pages/profile/_id/_slug.spec.js
index 8fb8b4a14..b7109d3f3 100644
--- a/webapp/pages/profile/_id/_slug.spec.js
+++ b/webapp/pages/profile/_id/_slug.spec.js
@@ -1,13 +1,20 @@
-import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
+// import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
+import { mount, createLocalVue } from '@vue/test-utils'
 // import PostMutationHelpers from '~/mixins/PostMutationHelpers'
 import PostSlug from './_slug.vue'
-import Vue from 'vue'
+// import Vue from 'vue'
 import Vuex from 'vuex'
 import Styleguide from '@human-connection/styleguide'
 import VueRouter from 'vue-router'
 
-const routes = [{ path: '/' }]
-const router = new VueRouter({ routes })
+const routes = [
+  {
+    path: '/',
+  },
+]
+const router = new VueRouter({
+  routes,
+})
 const localVue = createLocalVue()
 
 localVue.use(Vuex)
@@ -30,6 +37,11 @@ describe('PostSlug', () => {
       // $filters: {
       //   truncate: a => a
       // },
+      // $router: {
+      //   history: {
+      //     push: jest.fn(),
+      //   },
+      // },
       $toast: {
         success: () => {},
         error: () => {},
@@ -40,72 +52,85 @@ describe('PostSlug', () => {
     }
   })
 
-  //   describe('shallowMount', () => {
-  //     Wrapper = () => {
-  //       return shallowMount(PostSlug, { propsData, mocks, localVue, router })
-  //     }
-
-  //     describe('defaults', () => {
-  //       it('success false', () => {
-  //         console.log(Wrapper().vm)
-  //         expect(Wrapper().vm.success).toBe(false)
-  //       })
-
-  //       it('loading false', () => {
-  //         expect(Wrapper().vm.loading).toBe(false)
-  //       })
+  // describe('shallowMount', () => {
+  //   Wrapper = () => {
+  //     return shallowMount(PostSlug, {
+  //       propsData,
+  //       mocks,
+  //       localVue,
+  //       router,
+  //     })
+  //   }
+  //   describe('given a post', () => {
+  //     beforeEach(() => {
+  //       // propsData = {
+  //       //   type: 'contribution',
+  //       //   id: 'p23',
+  //       //   name: 'It is a post',
+  //       //   // callbacks: {
+  //       //   //   confirm: () => Post.methods.deletePostCallback('list'),
+  //       //   //   cancel: null
+  //       //   // }
+  //       // }
+  //       mocks = {
+  //         ...mocks,
+  //         post: {
+  //           id: 'p23',
+  //           name: 'It is a post',
+  //         },
+  //       }
   //     })
 
-  // describe('given a post', () => {
-  //   beforeEach(() => {
-  //     propsData = {
-  //       type: 'contribution',
-  //       id: 'p23',
-  //       name: 'It is a post'
-  //     //   callbacks: {
-  //     //     confirm: () => Post.methods.deletePostCallback('list'),
-  //     //     cancel: null
-  //     //   }
-  //     }
+  //     it('mentions post title', () => {
+  //       wrapper = Wrapper()
+  //       wrapper.vm.deletePostCallback('list')
+
+  //       console.log('mocks.$t: ', mocks.$t)
+  //       const calls = mocks.$t.mock.calls
+  //       const expected = [
+  //         [
+  //           'delete.contribution.message',
+  //           {
+  //             name: 'It is a post',
+  //           },
+  //         ],
+  //       ]
+  //       expect(calls).toEqual(expect.arrayContaining(expected))
+  //     })
   //   })
 
-  //   it('mentions post title', () => {
-  //     Wrapper()
-  //     const calls = mocks.$t.mock.calls
-  //     const expected = [
-  //       ['delete.contribution.message', { name: 'It is a post' }]
-  //     ]
-  //     expect(calls).toEqual(expect.arrayContaining(expected))
-  //   })
+  //   // describe('given a comment', () => {
+  //   //   beforeEach(() => {
+  //   //     propsData = {
+  //   //       type: 'comment',
+  //   //       id: 'c3',
+  //   //       name: 'It is the user of the comment'
+  //   //     //   callbacks: {
+  //   //     //     confirm: () => Post.methods.deletePostCallback('list'),
+  //   //     //     cancel: null
+  //   //     //   }
+  //   //     }
+  //   //   })
+
+  //   //   it('mentions comments user name', () => {
+  //   //     Wrapper()
+  //   //     const calls = mocks.$t.mock.calls
+  //   //     const expected = [
+  //   //       ['delete.comment.message', { name: 'It is the user of the comment' }]
+  //   //     ]
+  //   //     expect(calls).toEqual(expect.arrayContaining(expected))
+  //   //   })
+  //   // })
   // })
 
-  // describe('given a comment', () => {
-  //   beforeEach(() => {
-  //     propsData = {
-  //       type: 'comment',
-  //       id: 'c3',
-  //       name: 'It is the user of the comment'
-  //     //   callbacks: {
-  //     //     confirm: () => Post.methods.deletePostCallback('list'),
-  //     //     cancel: null
-  //     //   }
-  //     }
-  //   })
-
-  //   it('mentions comments user name', () => {
-  //     Wrapper()
-  //     const calls = mocks.$t.mock.calls
-  //     const expected = [
-  //       ['delete.comment.message', { name: 'It is the user of the comment' }]
-  //     ]
-  //     expect(calls).toEqual(expect.arrayContaining(expected))
-  //   })
-  // })
-  //   })
-
   describe('mount', () => {
     Wrapper = () => {
-      return mount(PostSlug, { propsData, mocks, localVue, router })
+      return mount(PostSlug, {
+        propsData,
+        mocks,
+        localVue,
+        router,
+      })
     }
 
     beforeEach(jest.useFakeTimers)
@@ -115,20 +140,40 @@ describe('PostSlug', () => {
       expect(Wrapper().is('div')).toBe(true)
     })
 
-    describe('given post id', () => {
+    describe('test mixin "PostMutationHelpers"', () => {
       beforeEach(() => {
-        // post = {
-        //   id: 'p23'
-        // }
         wrapper = Wrapper()
       })
 
-      describe('confirm deletion of Post from List by invoking "deletePostCallback"', () => {
+      describe('deletion of Post from List by invoking "deletePostCallback(`list`)"', () => {
         beforeEach(() => {
-          wrapper = Wrapper()
           wrapper.vm.deletePostCallback('list')
         })
 
+        describe('after timeout', () => {
+          beforeEach(jest.runAllTimers)
+
+          it('emits "deletePost"', () => {
+            expect(wrapper.emitted().deletePost).toBeTruthy()
+          })
+
+          it.todo('does not go to index (main) page')
+          // it('does not go to index (main) page', () => {
+          //   expect(mocks.$router.history.push).not.toHaveBeenCalled()
+          // })
+
+          it('does call mutation', () => {
+            expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1)
+            // expect(mocks.$toast.success).toHaveBeenCalledTimes(1)
+          })
+        })
+      })
+
+      describe('deletion of Post from Page by invoking "deletePostCallback(`page`)"', () => {
+        beforeEach(() => {
+          wrapper.vm.deletePostCallback('page')
+        })
+
         describe('after timeout', () => {
           beforeEach(jest.runAllTimers)
 
@@ -136,108 +181,21 @@ describe('PostSlug', () => {
           //   expect(wrapper.vm.isOpen).toBe(false)
           // })
 
-          it('emits "deletePost"', () => {
-            expect(wrapper.emitted().deletePost).toBeTruthy()
+          it('not emits "deletePost"', () => {
+            expect(wrapper.emitted().deletePost).toBeFalsy()
           })
 
+          it.todo('does go to index (main) page')
+          // it('does go to index (main) page', () => {
+          //   expect(mocks.$router.history.push).toHaveBeenCalled()
+          // })
+
           it('does call mutation', () => {
             expect(mocks.$apollo.mutate).toHaveBeenCalled()
+            // expect(mocks.$toast.success).toHaveBeenCalledTimes(1)
           })
         })
       })
-
-      // describe('click cancel button and do not delete the post', () => {
-      //   beforeEach(() => {
-      //     wrapper = Wrapper()
-      //     wrapper.find('button.cancel').trigger('click')
-      //   })
-
-      //   describe('after timeout', () => {
-      //     beforeEach(jest.runAllTimers)
-
-      //     it('fades away', () => {
-      //       expect(wrapper.vm.isOpen).toBe(false)
-      //     })
-
-      //     it('emits "close"', () => {
-      //       expect(wrapper.emitted().close).toBeTruthy()
-      //     })
-
-      //     it('does not call mutation', () => {
-      //       expect(mocks.$apollo.mutate).not.toHaveBeenCalled()
-      //     })
-      //   })
-      // })
-
-      //       describe('click confirm button and delete the post', () => {
-      //         beforeEach(() => {
-      //           wrapper.find('button.confirm').trigger('click')
-      //         })
-
-      //         it('calls delete mutation', () => {
-      //           expect(mocks.$apollo.mutate).toHaveBeenCalled()
-      //         })
-
-      //         it('sets success', () => {
-      //           expect(wrapper.vm.success).toBe(true)
-      //         })
-
-      //         it('displays a success message', () => {
-      //           const calls = mocks.$t.mock.calls
-      //           const expected = [['delete.contribution.success']]
-      //           expect(calls).toEqual(expect.arrayContaining(expected))
-      //         })
-
-      //         describe('after timeout', () => {
-      //           beforeEach(jest.runAllTimers)
-
-      //           it('fades away', () => {
-      //             expect(wrapper.vm.isOpen).toBe(false)
-      //           })
-
-      //           it('emits close', () => {
-      //             expect(wrapper.emitted().close).toBeTruthy()
-      //           })
-
-      //           it('resets success', () => {
-      //             expect(wrapper.vm.success).toBe(false)
-      //           })
-      //         })
-      //       })
     })
-
-    //     describe('given comment id', () => {
-    //       beforeEach(() => {
-    //         propsData = {
-    //           type: 'comment',
-    //           id: 'c3'
-    //         //   callbacks: {
-    //         //     confirm: () => Post.methods.deletePostCallback('list'),
-    //         //     cancel: null
-    //         //   }
-    //         }
-    //         wrapper = Wrapper()
-    //       })
-
-    //       describe('click confirm button and delete the comment', () => {
-    //         beforeEach(() => {
-    //           wrapper.find('button.confirm').trigger('click')
-    //         })
-
-    //         it('calls delete mutation', () => {
-    //           expect(mocks.$apollo.mutate).toHaveBeenCalled()
-    //         })
-
-    //         it('sets success', () => {
-    //           expect(wrapper.vm.success).toBe(true)
-    //         })
-
-    //         it('displays a success message', () => {
-    //           const calls = mocks.$t.mock.calls
-    //           const expected = [['delete.comment.success']]
-    //           expect(calls).toEqual(expect.arrayContaining(expected))
-    //         })
-    //       })
-    //     })
   })
 })

From ec1a24cbd31c29a5bd617519056f2aa2f18689cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Wed, 29 May 2019 13:18:18 +0200
Subject: [PATCH 15/38] Fix update incompatibility

It seems that prettier supports vue in version `v1.15` and above.
See: https://github.com/prettier/prettier/releases/tag/1.15.0

So I guess that interferes with the old vue linter rules in place. I
graduated the vlue rule from `recommended` to `essential` and now
running `yarn run lint --fix` is doing fine.
---
 webapp/.eslintrc.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/webapp/.eslintrc.js b/webapp/.eslintrc.js
index 0400fe5f2..f5aa82c81 100644
--- a/webapp/.eslintrc.js
+++ b/webapp/.eslintrc.js
@@ -10,7 +10,7 @@ module.exports = {
   },
   extends: [
     'standard',
-    'plugin:vue/recommended',
+    'plugin:vue/essential',
     'plugin:prettier/recommended'
   ],
   // required to lint *.vue files
@@ -25,7 +25,9 @@ module.exports = {
     'no-console': ['error'],
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'vue/component-name-in-template-casing': ['error', 'kebab-case'],
-    'prettier/prettier': ['error'],
+    'prettier/prettier': ['error', {
+      htmlWhitespaceSensitivity: 'ignore'
+    }],
     // 'newline-per-chained-call': [2]
   }
 }

From da0a4eabfc137056a18f6d972d0264d9c5d235fb Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <dependabot-preview[bot]@users.noreply.github.com>
Date: Wed, 29 May 2019 11:30:33 +0000
Subject: [PATCH 16/38] Bump prettier from 1.14.3 to 1.17.1 in /webapp

Bumps [prettier](https://github.com/prettier/prettier) from 1.14.3 to 1.17.1.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/master/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/1.14.3...1.17.1)

Signed-off-by: dependabot[bot] <support@dependabot.com>
---
 webapp/package.json |  2 +-
 webapp/yarn.lock    | 13 ++++---------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/webapp/package.json b/webapp/package.json
index b73b5cb3b..e2b151638 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -106,7 +106,7 @@
     "jest": "~24.8.0",
     "node-sass": "~4.12.0",
     "nodemon": "~1.19.1",
-    "prettier": "~1.14.3",
+    "prettier": "~1.17.1",
     "sass-loader": "~7.1.0",
     "tippy.js": "^4.3.1",
     "vue-jest": "~3.0.4",
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index f2e45260c..3c6ad8347 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -8797,15 +8797,10 @@ prettier@1.16.3:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
   integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
 
-prettier@^1.15.2:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008"
-  integrity sha512-sXe5lSt2WQlCbydGETgfm1YBShgOX4HxQkFPvbxkcwgDvGDeqVau8h+12+lmSVlP3rHPz0oavfddSZg/q+Szjw==
-
-prettier@~1.14.3:
-  version "1.14.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.14.3.tgz#90238dd4c0684b7edce5f83b0fb7328e48bd0895"
-  integrity sha512-qZDVnCrnpsRJJq5nSsiHCE3BYMED2OtsI+cmzIzF1QIfqm5ALf8tEJcO27zV1gKNKRPdhjO0dNWnrzssDQ1tFg==
+prettier@^1.15.2, prettier@~1.17.1:
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.1.tgz#ed64b4e93e370cb8a25b9ef7fef3e4fd1c0995db"
+  integrity sha512-TzGRNvuUSmPgwivDqkZ9tM/qTGW9hqDKWOE9YHiyQdixlKbv7kvEqsmDPrcHJTKwthU774TQwZXVtaQ/mMsvjg==
 
 pretty-bytes@^5.2.0:
   version "5.2.0"

From ff0b4b6867228d30e6f1c8281549b21f7b94150c Mon Sep 17 00:00:00 2001
From: Matt Rider <mattwr18@gmail.com>
Date: Wed, 29 May 2019 09:47:24 -0300
Subject: [PATCH 17/38] Fix lint

---
 webapp/components/Badges.vue                  |  19 +-
 webapp/components/Category/index.vue          |   5 +-
 webapp/components/Comment.vue                 |  15 +-
 webapp/components/ContentMenu.vue             |  29 +--
 webapp/components/ContributionForm/index.vue  |  32 +---
 webapp/components/CountTo.vue                 |   5 +-
 webapp/components/Dropdown.vue                |  13 +-
 webapp/components/Editor/index.vue            |  16 +-
 webapp/components/Empty.vue                   |  15 +-
 webapp/components/Image/index.vue             |   5 +-
 webapp/components/LoadMore.vue                |  12 +-
 webapp/components/LocaleSwitch.vue            |  22 +--
 webapp/components/Modal/DeleteModal.vue       |  30 +--
 webapp/components/Modal/DisableModal.vue      |  18 +-
 webapp/components/Modal/ReportModal.vue       |  22 +--
 webapp/components/Password/Change.vue         |   6 +-
 webapp/components/Password/Strength.vue       |  10 +-
 webapp/components/PostCard/index.vue          |  33 +---
 webapp/components/SearchInput.vue             |  39 ++--
 webapp/components/ShoutButton.vue             |  18 +-
 webapp/components/User/index.vue              |  73 ++-----
 .../components/comments/CommentForm/index.vue |  19 +-
 .../components/comments/CommentList/index.vue |  23 +--
 .../notifications/Notification/index.vue      |  22 +--
 .../notifications/NotificationMenu/index.vue  |  32 +---
 webapp/layouts/default.vue                    |  60 ++----
 webapp/nuxt.config.js                         |  36 ++--
 webapp/pages/admin.vue                        |  10 +-
 webapp/pages/admin/categories.vue             |  11 +-
 webapp/pages/admin/index.vue                  |  80 ++------
 webapp/pages/admin/notifications.vue          |   5 +-
 webapp/pages/admin/organizations.vue          |   5 +-
 webapp/pages/admin/pages.vue                  |   5 +-
 webapp/pages/admin/settings.vue               |   5 +-
 webapp/pages/admin/tags.vue                   |  11 +-
 webapp/pages/admin/users.vue                  |   5 +-
 webapp/pages/index.vue                        |  14 +-
 webapp/pages/login.vue                        |  42 ++--
 webapp/pages/logout.vue                       |  30 +--
 webapp/pages/moderation.vue                   |   5 +-
 webapp/pages/moderation/index.vue             |  85 ++++-----
 webapp/pages/post/_id.vue                     |  10 +-
 webapp/pages/post/_id/_slug/index.vue         |  35 +---
 webapp/pages/post/_id/_slug/more-info.vue     |  35 ++--
 webapp/pages/post/_id/_slug/take-action.vue   |   5 +-
 webapp/pages/post/create.vue                  |   5 +-
 webapp/pages/post/edit/_id.vue                |   5 +-
 webapp/pages/profile/_id/_slug.vue            | 180 ++++--------------
 webapp/pages/settings.vue                     |  10 +-
 webapp/pages/settings/data-download.vue       |   5 +-
 webapp/pages/settings/delete-account.vue      |   5 +-
 webapp/pages/settings/index.vue               |  13 +-
 webapp/pages/settings/invites.vue             |   5 +-
 webapp/pages/settings/languages.vue           |   5 +-
 webapp/pages/settings/my-organizations.vue    |   5 +-
 webapp/pages/settings/my-social-media.vue     |  36 +---
 56 files changed, 316 insertions(+), 985 deletions(-)

diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index ff8a2bd35..40d323b2d 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -1,20 +1,7 @@
 <template>
-  <div
-    :class="[
-      (badges.length === 2) && 'hc-badges-dual'
-    ]"
-    class="hc-badges"
-  >
-    <div
-      v-for="badge in badges"
-      :key="badge.key"
-      class="hc-badge-container"
-    >
-      <hc-image
-        :title="badge.key"
-        :image-props="{ src: badge.icon}"
-        class="hc-badge"
-      />
+  <div :class="[badges.length === 2 && 'hc-badges-dual']" class="hc-badges">
+    <div v-for="badge in badges" :key="badge.key" class="hc-badge-container">
+      <hc-image :title="badge.key" :image-props="{ src: badge.icon }" class="hc-badge" />
     </div>
   </div>
 </template>
diff --git a/webapp/components/Category/index.vue b/webapp/components/Category/index.vue
index 31c1aa97b..acc35772a 100644
--- a/webapp/components/Category/index.vue
+++ b/webapp/components/Category/index.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-tag>
-    <ds-icon
-      size="large"
-      :name="icon"
-    />
+    <ds-icon size="large" :name="icon" />
     {{ name }}
   </ds-tag>
 </template>
diff --git a/webapp/components/Comment.vue b/webapp/components/Comment.vue
index dcad2a2ac..751a11f02 100644
--- a/webapp/components/Comment.vue
+++ b/webapp/components/Comment.vue
@@ -1,17 +1,11 @@
 <template>
   <div v-if="(comment.deleted || comment.disabled) && !isModerator">
-    <ds-text
-      style="padding-left: 40px; font-weight: bold;"
-      color="soft"
-    >
+    <ds-text style="padding-left: 40px; font-weight: bold;" color="soft">
       <ds-icon name="ban" />
       {{ this.$t('comment.content.unavailable-placeholder') }}
     </ds-text>
   </div>
-  <div
-    v-else
-    :class="{'comment': true, 'disabled-content': (comment.deleted || comment.disabled)}"
-  >
+  <div v-else :class="{ comment: true, 'disabled-content': comment.deleted || comment.disabled }">
     <ds-space margin-bottom="x-small">
       <hc-user :user="author" />
     </ds-space>
@@ -27,10 +21,7 @@
     <!-- eslint-disable vue/no-v-html -->
     <!-- TODO: replace editor content with tiptap render view -->
     <ds-space margin-bottom="small" />
-    <div
-      style="padding-left: 40px;"
-      v-html="comment.contentExcerpt"
-    />
+    <div style="padding-left: 40px;" v-html="comment.contentExcerpt" />
     <!-- eslint-enable vue/no-v-html -->
   </div>
 </template>
diff --git a/webapp/components/ContentMenu.vue b/webapp/components/ContentMenu.vue
index a2e73b8af..6e5bca4c0 100644
--- a/webapp/components/ContentMenu.vue
+++ b/webapp/components/ContentMenu.vue
@@ -1,32 +1,13 @@
 <template>
-  <dropdown
-    class="content-menu"
-    :placement="placement"
-    offset="5"
-  >
-    <template
-      slot="default"
-      slot-scope="{toggleMenu}"
-    >
-      <slot
-        name="button"
-        :toggleMenu="toggleMenu"
-      >
-        <ds-button
-          class="content-menu-trigger"
-          size="small"
-          ghost
-          @click.prevent="toggleMenu"
-        >
+  <dropdown class="content-menu" :placement="placement" offset="5">
+    <template slot="default" slot-scope="{ toggleMenu }">
+      <slot name="button" :toggleMenu="toggleMenu">
+        <ds-button class="content-menu-trigger" size="small" ghost @click.prevent="toggleMenu">
           <ds-icon name="ellipsis-v" />
         </ds-button>
       </slot>
     </template>
-    <div
-      slot="popover"
-      slot-scope="{toggleMenu}"
-      class="content-menu-popover"
-    >
+    <div slot="popover" slot-scope="{ toggleMenu }" class="content-menu-popover">
       <ds-menu :routes="routes">
         <ds-menu-item
           slot="menuitem"
diff --git a/webapp/components/ContributionForm/index.vue b/webapp/components/ContributionForm/index.vue
index 48ad99315..cf90a23b4 100644
--- a/webapp/components/ContributionForm/index.vue
+++ b/webapp/components/ContributionForm/index.vue
@@ -1,35 +1,13 @@
 <template>
-  <ds-form
-    ref="contributionForm"
-    v-model="form"
-    :schema="formSchema"
-    @submit="submit"
-  >
+  <ds-form ref="contributionForm" v-model="form" :schema="formSchema" @submit="submit">
     <template slot-scope="{ errors }">
       <ds-card>
-        <ds-input
-          model="title"
-          class="post-title"
-          placeholder="Title"
-          name="title"
-          autofocus
-        />
+        <ds-input model="title" class="post-title" placeholder="Title" name="title" autofocus />
         <no-ssr>
-          <hc-editor
-            :users="users"
-            :value="form.content"
-            @input="updateEditorContent"
-          />
+          <hc-editor :users="users" :value="form.content" @input="updateEditorContent" />
         </no-ssr>
-        <div
-          slot="footer"
-          style="text-align: right"
-        >
-          <ds-button
-            :disabled="loading || disabled"
-            ghost
-            @click.prevent="$router.back()"
-          >
+        <div slot="footer" style="text-align: right">
+          <ds-button :disabled="loading || disabled" ghost @click.prevent="$router.back()">
             {{ $t('actions.cancel') }}
           </ds-button>
           <ds-button
diff --git a/webapp/components/CountTo.vue b/webapp/components/CountTo.vue
index 89f3d5cf8..ee0e3e082 100644
--- a/webapp/components/CountTo.vue
+++ b/webapp/components/CountTo.vue
@@ -1,9 +1,6 @@
 <template>
   <span>
-    <no-ssr
-      placeholder="0"
-      tag="span"
-    >
+    <no-ssr placeholder="0" tag="span">
       <count-to
         :start-val="lastEndVal || startVal"
         :end-val="endVal"
diff --git a/webapp/components/Dropdown.vue b/webapp/components/Dropdown.vue
index 89b05aced..6743529e8 100644
--- a/webapp/components/Dropdown.vue
+++ b/webapp/components/Dropdown.vue
@@ -7,17 +7,8 @@
     trigger="manual"
     :offset="offset"
   >
-    <slot
-      :toggleMenu="toggleMenu"
-      :openMenu="openMenu"
-      :closeMenu="closeMenu"
-      :isOpen="isOpen"
-    />
-    <div
-      slot="popover"
-      @mouseover="popoverMouseEnter"
-      @mouseleave="popoveMouseLeave"
-    >
+    <slot :toggleMenu="toggleMenu" :openMenu="openMenu" :closeMenu="closeMenu" :isOpen="isOpen" />
+    <div slot="popover" @mouseover="popoverMouseEnter" @mouseleave="popoveMouseLeave">
       <slot
         name="popover"
         :toggleMenu="toggleMenu"
diff --git a/webapp/components/Editor/index.vue b/webapp/components/Editor/index.vue
index ac1391a42..ebc812199 100644
--- a/webapp/components/Editor/index.vue
+++ b/webapp/components/Editor/index.vue
@@ -1,10 +1,6 @@
 <template>
   <div class="editor">
-    <div
-      v-show="showSuggestions"
-      ref="suggestions"
-      class="suggestion-list"
-    >
+    <div v-show="showSuggestions" ref="suggestions" class="suggestion-list">
       <template v-if="hasResults">
         <div
           v-for="(user, index) in filteredUsers"
@@ -16,10 +12,7 @@
           @{{ user.slug }}
         </div>
       </template>
-      <div
-        v-else
-        class="suggestion-list__item is-empty"
-      >
+      <div v-else class="suggestion-list__item is-empty">
         No users found
       </div>
     </div>
@@ -154,10 +147,7 @@
         </ds-button>
       </div>
     </editor-floating-menu>
-    <editor-content
-      ref="editor"
-      :editor="editor"
-    />
+    <editor-content ref="editor" :editor="editor" />
   </div>
 </template>
 
diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index 25deb9fd3..8760a6e6f 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -1,9 +1,5 @@
 <template>
-  <ds-space
-    class="hc-empty"
-    centered
-    :margin="margin"
-  >
+  <ds-space class="hc-empty" centered :margin="margin">
     <ds-text>
       <img
         :src="iconPath"
@@ -11,12 +7,9 @@
         class="hc-empty-icon"
         style="margin-bottom: 5px"
         alt="Empty"
-      ><br>
-      <ds-text
-        v-show="message"
-        class="hc-empty-message"
-        color="softer"
-      >
+      />
+      <br />
+      <ds-text v-show="message" class="hc-empty-message" color="softer">
         {{ message }}
       </ds-text>
     </ds-text>
diff --git a/webapp/components/Image/index.vue b/webapp/components/Image/index.vue
index 9a4428b2e..125ea9cef 100644
--- a/webapp/components/Image/index.vue
+++ b/webapp/components/Image/index.vue
@@ -1,8 +1,5 @@
 <template>
-  <img
-    v-bind="imageProps"
-    :src="imageSrc"
-  >
+  <img v-bind="imageProps" :src="imageSrc" />
 </template>
 
 <script>
diff --git a/webapp/components/LoadMore.vue b/webapp/components/LoadMore.vue
index c2a3b6e83..3d583ef50 100644
--- a/webapp/components/LoadMore.vue
+++ b/webapp/components/LoadMore.vue
@@ -1,14 +1,6 @@
 <template>
-  <ds-space
-    margin-top="large"
-    style="text-align: center"
-  >
-    <ds-button
-      :loading="loading"
-      icon="arrow-down"
-      ghost
-      @click="$emit('click')"
-    >
+  <ds-space margin-top="large" style="text-align: center">
+    <ds-button :loading="loading" icon="arrow-down" ghost @click="$emit('click')">
       {{ $t('actions.loadMore') }}
     </ds-button>
   </ds-space>
diff --git a/webapp/components/LocaleSwitch.vue b/webapp/components/LocaleSwitch.vue
index a00f38109..f765c534f 100644
--- a/webapp/components/LocaleSwitch.vue
+++ b/webapp/components/LocaleSwitch.vue
@@ -1,29 +1,19 @@
 <template>
-  <dropdown
-    ref="menu"
-    :placement="placement"
-    :offset="offset"
-  >
+  <dropdown ref="menu" :placement="placement" :offset="offset">
     <a
       slot="default"
-      slot-scope="{toggleMenu}"
+      slot-scope="{ toggleMenu }"
       class="locale-menu"
       href="#"
       @click.prevent="toggleMenu()"
     >
-      <ds-icon
-        style="margin-right: 2px;"
-        name="globe"
-      /> {{ current.code.toUpperCase() }}
-      <ds-icon
-        style="margin-left: 2px"
-        size="xx-small"
-        name="angle-down"
-      />
+      <ds-icon style="margin-right: 2px;" name="globe" />
+      {{ current.code.toUpperCase() }}
+      <ds-icon style="margin-left: 2px" size="xx-small" name="angle-down" />
     </a>
     <ds-menu
       slot="popover"
-      slot-scope="{toggleMenu}"
+      slot-scope="{ toggleMenu }"
       class="locale-menu-popover"
       :matcher="matcher"
       :routes="routes"
diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index ccbb5a096..781771f7e 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -1,15 +1,7 @@
 <template>
-  <ds-modal
-    :title="title"
-    :is-open="isOpen"
-    @cancel="cancel"
-  >
+  <ds-modal :title="title" :is-open="isOpen" @cancel="cancel">
     <transition name="ds-transition-fade">
-      <ds-flex
-        v-if="success"
-        class="hc-modal-success"
-        centered
-      >
+      <ds-flex v-if="success" class="hc-modal-success" centered>
         <sweetalert-icon icon="success" />
       </ds-flex>
     </transition>
@@ -17,24 +9,12 @@
     <!-- eslint-disable-next-line vue/no-v-html -->
     <p v-html="message" />
 
-    <template
-      slot="footer"
-    >
-      <ds-button
-        class="cancel"
-        icon="close"
-        @click="cancel"
-      >
+    <template slot="footer">
+      <ds-button class="cancel" icon="close" @click="cancel">
         {{ $t('post.delete.cancel') }}
       </ds-button>
 
-      <ds-button
-        danger
-        class="confirm"
-        icon="trash"
-        :loading="loading"
-        @click="confirm"
-      >
+      <ds-button danger class="confirm" icon="trash" :loading="loading" @click="confirm">
         {{ $t('post.delete.submit') }}
       </ds-button>
     </template>
diff --git a/webapp/components/Modal/DisableModal.vue b/webapp/components/Modal/DisableModal.vue
index 3a30cbce3..202e557d9 100644
--- a/webapp/components/Modal/DisableModal.vue
+++ b/webapp/components/Modal/DisableModal.vue
@@ -1,26 +1,14 @@
 <template>
-  <ds-modal
-    :title="title"
-    :is-open="isOpen"
-    @cancel="cancel"
-  >
+  <ds-modal :title="title" :is-open="isOpen" @cancel="cancel">
     <!-- eslint-disable-next-line vue/no-v-html -->
     <p v-html="message" />
 
     <template slot="footer">
-      <ds-button
-        class="cancel"
-        @click="cancel"
-      >
+      <ds-button class="cancel" @click="cancel">
         {{ $t('disable.cancel') }}
       </ds-button>
 
-      <ds-button
-        danger
-        class="confirm"
-        icon="exclamation-circle"
-        @click="confirm"
-      >
+      <ds-button danger class="confirm" icon="exclamation-circle" @click="confirm">
         {{ $t('disable.submit') }}
       </ds-button>
     </template>
diff --git a/webapp/components/Modal/ReportModal.vue b/webapp/components/Modal/ReportModal.vue
index 078707700..8452ad5de 100644
--- a/webapp/components/Modal/ReportModal.vue
+++ b/webapp/components/Modal/ReportModal.vue
@@ -1,15 +1,7 @@
 <template>
-  <ds-modal
-    :title="title"
-    :is-open="isOpen"
-    @cancel="cancel"
-  >
+  <ds-modal :title="title" :is-open="isOpen" @cancel="cancel">
     <transition name="ds-transition-fade">
-      <ds-flex
-        v-if="success"
-        class="hc-modal-success"
-        centered
-      >
+      <ds-flex v-if="success" class="hc-modal-success" centered>
         <sweetalert-icon icon="success" />
       </ds-flex>
     </transition>
@@ -17,14 +9,8 @@
     <!-- eslint-disable-next-line vue/no-v-html -->
     <p v-html="message" />
 
-    <template
-      slot="footer"
-    >
-      <ds-button
-        class="cancel"
-        icon="close"
-        @click="cancel"
-      >
+    <template slot="footer">
+      <ds-button class="cancel" icon="close" @click="cancel">
         {{ $t('report.cancel') }}
       </ds-button>
 
diff --git a/webapp/components/Password/Change.vue b/webapp/components/Password/Change.vue
index dd6626019..95da2a7be 100644
--- a/webapp/components/Password/Change.vue
+++ b/webapp/components/Password/Change.vue
@@ -27,11 +27,7 @@
       />
       <password-strength :password="formData.newPassword" />
       <ds-space margin-top="base">
-        <ds-button
-          :loading="loading"
-          :disabled="disabled"
-          primary
-        >
+        <ds-button :loading="loading" :disabled="disabled" primary>
           {{ $t('settings.security.change-password.button') }}
         </ds-button>
       </ds-space>
diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index c6b8a09ab..7f01cbea9 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -1,16 +1,10 @@
 <template>
   <div class="field">
     <div class="password-strength-meter">
-      <div
-        class="password-strength-meter-inner"
-        :class="'strength-' + strength"
-      />
+      <div class="password-strength-meter-inner" :class="'strength-' + strength" />
     </div>
     <p class="help">
-      <span
-        v-if="pass"
-        :class="{ insecure: !isSecure }"
-      >
+      <span v-if="pass" :class="{ insecure: !isSecure }">
         {{ $t('settings.security.change-password.passwordSecurity') }}:
         <strong>{{ $t(`settings.security.change-password.passwordStrength${strength}`) }}</strong>
       </span>
diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index d3ede45eb..65f31d5c6 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -1,8 +1,5 @@
 <template>
-  <ds-card
-    :image="post.image"
-    :class="{'post-card': true, 'disabled-content': post.disabled}"
-  >
+  <ds-card :image="post.image" :class="{ 'post-card': true, 'disabled-content': post.disabled }">
     <!-- Post Link Target -->
     <nuxt-link
       class="post-link"
@@ -14,30 +11,20 @@
     <!-- Username, Image & Date of Post -->
     <div>
       <no-ssr>
-        <hc-user
-          :user="post.author"
-          :trunc="35"
-          :date-time="post.createdAt"
-        />
+        <hc-user :user="post.author" :trunc="35" :date-time="post.createdAt" />
       </no-ssr>
       <hc-ribbon :text="$t('post.name')" />
     </div>
     <ds-space margin-bottom="small" />
     <!-- Post Title -->
-    <ds-heading
-      tag="h3"
-      no-margin
-    >
+    <ds-heading tag="h3" no-margin>
       {{ post.title }}
     </ds-heading>
     <ds-space margin-bottom="small" />
     <!-- Post Content Excerpt -->
     <!-- eslint-disable vue/no-v-html -->
     <!-- TODO: replace editor content with tiptap render view -->
-    <div
-      class="hc-editor-content"
-      v-html="excerpt"
-    />
+    <div class="hc-editor-content" v-html="excerpt" />
     <!-- eslint-enable vue/no-v-html -->
     <!-- Footer o the Post -->
     <template slot="footer">
@@ -46,29 +33,25 @@
         <hc-category
           v-for="category in post.categories"
           :key="category.id"
-          v-tooltip="{content: category.name, placement: 'bottom-start', delay: { show: 500 }}"
+          v-tooltip="{ content: category.name, placement: 'bottom-start', delay: { show: 500 } }"
           :icon="category.icon"
         />
       </div>
       <no-ssr>
         <div style="display: inline-block; float: right">
           <!-- Shouts Count -->
-          <span :style="{ opacity: post.shoutedCount ? 1 : .5 }">
+          <span :style="{ opacity: post.shoutedCount ? 1 : 0.5 }">
             <ds-icon name="bullhorn" />
             <small>{{ post.shoutedCount }}</small>
           </span>
           &nbsp;
           <!-- Comments Count -->
-          <span :style="{ opacity: post.commentsCount ? 1 : .5 }">
+          <span :style="{ opacity: post.commentsCount ? 1 : 0.5 }">
             <ds-icon name="comments" />
             <small>{{ post.commentsCount }}</small>
           </span>
           <!-- Menu -->
-          <content-menu
-            resource-type="contribution"
-            :resource="post"
-            :is-owner="isAuthor"
-          />
+          <content-menu resource-type="contribution" :resource="post" :is-owner="isAuthor" />
         </div>
       </no-ssr>
     </template>
diff --git a/webapp/components/SearchInput.vue b/webapp/components/SearchInput.vue
index 33c938656..be31239bd 100644
--- a/webapp/components/SearchInput.vue
+++ b/webapp/components/SearchInput.vue
@@ -5,16 +5,12 @@
     role="search"
     :class="{
       'is-active': isActive,
-      'is-open': isOpen
+      'is-open': isOpen,
     }"
   >
     <div class="field">
       <div class="control">
-        <a
-          v-if="isActive"
-          class="search-clear-btn"
-          @click="clear"
-        >
+        <a v-if="isActive" class="search-clear-btn" @click="clear">
           &nbsp;
         </a>
         <ds-select
@@ -42,42 +38,31 @@
           @input.native="handleInput"
           @click.capture.native="isOpen = true"
         >
-          <template
-            slot="option"
-            slot-scope="{option}"
-          >
+          <template slot="option" slot-scope="{ option }">
             <ds-flex>
               <ds-flex-item class="search-option-label">
                 <ds-text>
                   {{ option.label | truncate(70) }}
                 </ds-text>
               </ds-flex-item>
-              <ds-flex-item
-                class="search-option-meta"
-                width="280px"
-              >
+              <ds-flex-item class="search-option-meta" width="280px">
                 <ds-flex>
                   <ds-flex-item>
-                    <ds-text
-                      size="small"
-                      color="softer"
-                      class="search-meta"
-                    >
+                    <ds-text size="small" color="softer" class="search-meta">
                       <span style="text-align: right;">
-                        <b>{{ option.commentsCount }}</b> <ds-icon name="comments" />
+                        <b>{{ option.commentsCount }}</b>
+                        <ds-icon name="comments" />
                       </span>
                       <span style="width: 36px; display: inline-block; text-align: right;">
-                        <b>{{ option.shoutedCount }}</b> <ds-icon name="bullhorn" />
+                        <b>{{ option.shoutedCount }}</b>
+                        <ds-icon name="bullhorn" />
                       </span>
                     </ds-text>
                   </ds-flex-item>
                   <ds-flex-item>
-                    <ds-text
-                      size="small"
-                      color="softer"
-                      align="right"
-                    >
-                      {{ option.author.name | truncate(32) }} - {{ option.createdAt | dateTime('dd.MM.yyyy') }}
+                    <ds-text size="small" color="softer" align="right">
+                      {{ option.author.name | truncate(32) }} -
+                      {{ option.createdAt | dateTime('dd.MM.yyyy') }}
                     </ds-text>
                   </ds-flex-item>
                 </ds-flex>
diff --git a/webapp/components/ShoutButton.vue b/webapp/components/ShoutButton.vue
index 4486abf8e..3f24ee6c8 100644
--- a/webapp/components/ShoutButton.vue
+++ b/webapp/components/ShoutButton.vue
@@ -1,8 +1,5 @@
 <template>
-  <ds-space
-    margin="large"
-    style="text-align: center"
-  >
+  <ds-space margin="large" style="text-align: center">
     <ds-button
       :loading="loading"
       :disabled="disabled"
@@ -13,16 +10,9 @@
       @click="toggle"
     />
     <ds-space margin-bottom="xx-small" />
-    <ds-text
-      color="soft"
-      class="shout-button-text"
-    >
-      <ds-heading
-        style="display: inline"
-        tag="h3"
-      >
-        {{ shoutedCount }}x
-      </ds-heading> {{ $t('shoutButton.shouted') }}
+    <ds-text color="soft" class="shout-button-text">
+      <ds-heading style="display: inline" tag="h3">{{ shoutedCount }}x</ds-heading>
+      {{ $t('shoutButton.shouted') }}
     </ds-text>
   </ds-space>
 </template>
diff --git a/webapp/components/User/index.vue b/webapp/components/User/index.vue
index 82a08c5e1..756d4d032 100644
--- a/webapp/components/User/index.vue
+++ b/webapp/components/User/index.vue
@@ -3,36 +3,16 @@
     <div
       style="display: inline-block; float: left; margin-right: 4px;  height: 100%; vertical-align: middle;"
     >
-      <ds-avatar
-        style="display: inline-block; vertical-align: middle;"
-        size="small"
-      />
+      <ds-avatar style="display: inline-block; vertical-align: middle;" size="small" />
     </div>
     <div style="display: inline-block; height: 100%; vertical-align: middle;">
-      <b
-        class="username"
-        style="vertical-align: middle;"
-      >{{ $t('profile.userAnonym') }}</b>
+      <b class="username" style="vertical-align: middle;">{{ $t('profile.userAnonym') }}</b>
     </div>
   </div>
-  <dropdown
-    v-else
-    :class="{'disabled-content': user.disabled}"
-    placement="top-start"
-    offset="0"
-  >
-    <template
-      slot="default"
-      slot-scope="{openMenu, closeMenu, isOpen}"
-    >
-      <nuxt-link
-        :to="userLink"
-        :class="['user', isOpen && 'active']"
-      >
-        <div
-          @mouseover="openMenu(true)"
-          @mouseleave="closeMenu(true)"
-        >
+  <dropdown v-else :class="{ 'disabled-content': user.disabled }" placement="top-start" offset="0">
+    <template slot="default" slot-scope="{ openMenu, closeMenu, isOpen }">
+      <nuxt-link :to="userLink" :class="['user', isOpen && 'active']">
+        <div @mouseover="openMenu(true)" @mouseleave="closeMenu(true)">
           <div
             style="display: inline-block; float: left; margin-right: 4px;  height: 100%; vertical-align: middle;"
           >
@@ -44,21 +24,11 @@
             />
           </div>
           <div style="display: inline-block; height: 100%; vertical-align: middle;">
-            <b
-              class="username"
-              style="vertical-align: middle;"
-            >{{ userName | truncate(18) }}</b>
+            <b class="username" style="vertical-align: middle;">{{ userName | truncate(18) }}</b>
           </div>
           <!-- Time -->
-          <div
-            v-if="dateTime"
-            style="display: inline;"
-          >
-            <ds-text
-              align="left"
-              size="small"
-              color="soft"
-            >
+          <div v-if="dateTime" style="display: inline;">
+            <ds-text align="left" size="small" color="soft">
               <ds-icon name="clock" />
               <no-ssr>
                 <hc-relative-date-time :date-time="dateTime" />
@@ -70,10 +40,7 @@
     </template>
     <template slot="popover">
       <div style="min-width: 250px">
-        <hc-badges
-          v-if="user.badges && user.badges.length"
-          :badges="user.badges"
-        />
+        <hc-badges v-if="user.badges && user.badges.length" :badges="user.badges" />
         <ds-text
           v-if="user.location"
           align="center"
@@ -88,11 +55,7 @@
         <ds-flex style="margin-top: -10px">
           <ds-flex-item class="ds-tab-nav-item">
             <ds-space margin="small">
-              <ds-number
-                :count="fanCount"
-                :label="$t('profile.followers')"
-                size="x-large"
-              />
+              <ds-number :count="fanCount" :label="$t('profile.followers')" size="x-large" />
             </ds-space>
           </ds-flex-item>
           <ds-flex-item class="ds-tab-nav-item ds-tab-nav-item-active">
@@ -112,20 +75,16 @@
             </ds-space>
           </ds-flex-item>
         </ds-flex>
-        <ds-flex
-          v-if="!itsMe"
-          gutter="x-small"
-          style="margin-bottom: 0;"
-        >
-          <ds-flex-item :width="{base: 3}">
+        <ds-flex v-if="!itsMe" gutter="x-small" style="margin-bottom: 0;">
+          <ds-flex-item :width="{ base: 3 }">
             <hc-follow-button
               :follow-id="user.id"
               :is-followed="user.followedByCurrentUser"
-              @optimistic="follow => user.followedByCurrentUser = follow"
-              @update="follow => user.followedByCurrentUser = follow"
+              @optimistic="follow => (user.followedByCurrentUser = follow)"
+              @update="follow => (user.followedByCurrentUser = follow)"
             />
           </ds-flex-item>
-          <ds-flex-item :width="{base: 1}">
+          <ds-flex-item :width="{ base: 1 }">
             <ds-button fullwidth>
               <ds-icon name="user-times" />
             </ds-button>
diff --git a/webapp/components/comments/CommentForm/index.vue b/webapp/components/comments/CommentForm/index.vue
index 05ab2356e..4e05049fb 100644
--- a/webapp/components/comments/CommentForm/index.vue
+++ b/webapp/components/comments/CommentForm/index.vue
@@ -1,8 +1,5 @@
 <template>
-  <ds-form
-    v-model="form"
-    @submit="handleSubmit"
-  >
+  <ds-form v-model="form" @submit="handleSubmit">
     <template slot-scope="{ errors }">
       <ds-card>
         <no-ssr>
@@ -17,22 +14,12 @@
         <ds-flex :gutter="{ base: 'small', md: 'small', sm: 'x-large', xs: 'x-large' }">
           <ds-flex-item :width="{ base: '0%', md: '50%', sm: '0%', xs: '0%' }" />
           <ds-flex-item :width="{ base: '40%', md: '20%', sm: '30%', xs: '30%' }">
-            <ds-button
-              :disabled="disabled"
-              ghost
-              class="cancelBtn"
-              @click.prevent="clear"
-            >
+            <ds-button :disabled="disabled" ghost class="cancelBtn" @click.prevent="clear">
               {{ $t('actions.cancel') }}
             </ds-button>
           </ds-flex-item>
           <ds-flex-item :width="{ base: '40%', md: '20%', sm: '40%', xs: '40%' }">
-            <ds-button
-              type="submit"
-              :loading="loading"
-              :disabled="disabled || errors"
-              primary
-            >
+            <ds-button type="submit" :loading="loading" :disabled="disabled || errors" primary>
               {{ $t('post.comment.submit') }}
             </ds-button>
           </ds-flex-item>
diff --git a/webapp/components/comments/CommentList/index.vue b/webapp/components/comments/CommentList/index.vue
index 3ea4337ba..e3baabcad 100644
--- a/webapp/components/comments/CommentList/index.vue
+++ b/webapp/components/comments/CommentList/index.vue
@@ -9,26 +9,17 @@
           color="primary"
           size="small"
           round
-        >{{ comments.length }}</ds-tag>&nbsp; Comments
+        >
+          {{ comments.length }}
+        </ds-tag>
+        &nbsp; Comments
       </span>
     </h3>
     <ds-space margin-bottom="large" />
-    <div
-      v-if="comments && comments.length"
-      id="comments"
-      class="comments"
-    >
-      <comment
-        v-for="comment in comments"
-        :key="comment.id"
-        :comment="comment"
-      />
+    <div v-if="comments && comments.length" id="comments" class="comments">
+      <comment v-for="comment in comments" :key="comment.id" :comment="comment" />
     </div>
-    <hc-empty
-      v-else
-      name="empty"
-      icon="messages"
-    />
+    <hc-empty v-else name="empty" icon="messages" />
   </div>
 </template>
 <script>
diff --git a/webapp/components/notifications/Notification/index.vue b/webapp/components/notifications/Notification/index.vue
index 3e69dc415..5f14632e3 100644
--- a/webapp/components/notifications/Notification/index.vue
+++ b/webapp/components/notifications/Notification/index.vue
@@ -1,18 +1,11 @@
 <template>
-  <ds-space
-    :class="{'notification': true, 'read': notification.read}"
-    margin-bottom="x-small"
-  >
+  <ds-space :class="{ notification: true, read: notification.read }" margin-bottom="x-small">
     <no-ssr>
       <ds-space margin-bottom="x-small">
-        <hc-user
-          :user="post.author"
-          :date-time="post.createdAt"
-          :trunc="35"
-        />
+        <hc-user :user="post.author" :date-time="post.createdAt" :trunc="35" />
       </ds-space>
       <ds-text color="soft">
-        {{ $t("notifications.menu.mentioned") }}
+        {{ $t('notifications.menu.mentioned') }}
       </ds-text>
     </no-ssr>
     <ds-space margin-bottom="x-small" />
@@ -22,16 +15,11 @@
       @click.native="$emit('read')"
     >
       <ds-space margin-bottom="x-small">
-        <ds-card
-          :header="post.title"
-          :image="post.image"
-          hover
-          space="x-small"
-        >
+        <ds-card :header="post.title" :image="post.image" hover space="x-small">
           <ds-space margin-bottom="x-small" />
           <!-- eslint-disable vue/no-v-html -->
           <div v-html="excerpt" />
-        <!-- eslint-enable vue/no-v-html -->
+          <!-- eslint-enable vue/no-v-html -->
         </ds-card>
       </ds-space>
     </nuxt-link>
diff --git a/webapp/components/notifications/NotificationMenu/index.vue b/webapp/components/notifications/NotificationMenu/index.vue
index 4bc61dd92..20a9a7074 100644
--- a/webapp/components/notifications/NotificationMenu/index.vue
+++ b/webapp/components/notifications/NotificationMenu/index.vue
@@ -1,36 +1,16 @@
 <template>
-  <ds-button
-    v-if="totalNotifications <= 0"
-    class="notifications-menu"
-    disabled
-    icon="bell"
-  >
+  <ds-button v-if="totalNotifications <= 0" class="notifications-menu" disabled icon="bell">
     {{ totalNotifications }}
   </ds-button>
-  <dropdown
-    v-else
-    class="notifications-menu"
-  >
-    <template
-      slot="default"
-      slot-scope="{toggleMenu}"
-    >
-      <ds-button
-        primary
-        icon="bell"
-        @click.prevent="toggleMenu"
-      >
+  <dropdown v-else class="notifications-menu">
+    <template slot="default" slot-scope="{ toggleMenu }">
+      <ds-button primary icon="bell" @click.prevent="toggleMenu">
         {{ totalNotifications }}
       </ds-button>
     </template>
-    <template
-      slot="popover"
-    >
+    <template slot="popover">
       <div class="notifications-menu-popover">
-        <notification-list
-          :notifications="notifications"
-          @markAsRead="markAsRead"
-        />
+        <notification-list :notifications="notifications" @markAsRead="markAsRead" />
       </div>
     </template>
   </dropdown>
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 34544ae06..75cce8a82 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -3,11 +3,7 @@
     <div class="main-navigation">
       <ds-container class="main-navigation-container">
         <div class="main-navigation-left">
-          <a
-            v-router-link
-            style="display: inline-flex"
-            href="/"
-          >
+          <a v-router-link style="display: inline-flex" href="/">
             <ds-logo />
           </a>
         </div>
@@ -24,11 +20,7 @@
         </div>
         <div class="main-navigation-right">
           <no-ssr>
-            <locale-switch
-              class="topbar-locale-switch"
-              placement="bottom"
-              offset="23"
-            />
+            <locale-switch class="topbar-locale-switch" placement="bottom" offset="23" />
           </no-ssr>
           <template v-if="isLoggedIn">
             <no-ssr>
@@ -36,47 +28,32 @@
             </no-ssr>
             <no-ssr>
               <dropdown class="avatar-menu">
-                <template
-                  slot="default"
-                  slot-scope="{toggleMenu}"
-                >
+                <template slot="default" slot-scope="{ toggleMenu }">
                   <a
                     class="avatar-menu-trigger"
-                    :href="$router.resolve({name: 'profile-id-slug', params: {id: user.id, slug: user.slug}}).href"
+                    :href="
+                      $router.resolve({
+                        name: 'profile-id-slug',
+                        params: { id: user.id, slug: user.slug },
+                      }).href
+                    "
                     @click.prevent="toggleMenu"
                   >
-                    <ds-avatar
-                      :image="user.avatar"
-                      :name="user.name"
-                      size="small"
-                    />
-                    <ds-icon
-                      size="xx-small"
-                      name="angle-down"
-                    />
+                    <ds-avatar :image="user.avatar" :name="user.name" size="small" />
+                    <ds-icon size="xx-small" name="angle-down" />
                   </a>
                 </template>
-                <template
-                  slot="popover"
-                  slot-scope="{closeMenu}"
-                >
+                <template slot="popover" slot-scope="{ closeMenu }">
                   <div class="avatar-menu-popover">
                     {{ $t('login.hello') }}
                     <b>{{ userName }}</b>
                     <template v-if="user.role !== 'user'">
-                      <ds-text
-                        color="softer"
-                        size="small"
-                        style="margin-bottom: 0"
-                      >
+                      <ds-text color="softer" size="small" style="margin-bottom: 0">
                         {{ user.role | camelCase }}
                       </ds-text>
                     </template>
-                    <hr>
-                    <ds-menu
-                      :routes="routes"
-                      :matcher="matcher"
-                    >
+                    <hr />
+                    <ds-menu :routes="routes" :matcher="matcher">
                       <ds-menu-item
                         slot="menuitem"
                         slot-scope="item"
@@ -88,11 +65,8 @@
                         {{ item.route.name }}
                       </ds-menu-item>
                     </ds-menu>
-                    <hr>
-                    <nuxt-link
-                      class="logout-link"
-                      :to="{ name: 'logout'}"
-                    >
+                    <hr />
+                    <nuxt-link class="logout-link" :to="{ name: 'logout' }">
                       <ds-icon name="sign-out" />
                       {{ $t('login.logout') }}
                     </nuxt-link>
diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index a50ac9e2a..49f2f5d0a 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -32,8 +32,8 @@ module.exports = {
     locales: require('./locales'),
   },
   /*
-  ** Headers of the page
-  */
+   ** Headers of the page
+   */
   head: {
     title: 'Human Connection',
     titleTemplate: '%s - Human Connection',
@@ -46,8 +46,8 @@ module.exports = {
   },
 
   /*
-  ** Customize the progress-bar color
-  */
+   ** Customize the progress-bar color
+   */
   loading: {
     color: '#86b31e',
     height: '2px',
@@ -55,20 +55,20 @@ module.exports = {
   },
 
   /*
-  ** Global CSS
-  */
+   ** Global CSS
+   */
   css: ['~assets/styles/main.scss'],
 
   /*
-  ** Global processed styles
-  */
+   ** Global processed styles
+   */
   styleResources: {
     scss: styleguideStyles,
   },
 
   /*
-  ** Plugins to load before mounting the App
-  */
+   ** Plugins to load before mounting the App
+   */
   plugins: [
     {
       src: `~/plugins/styleguide${process.env.STYLEGUIDE_DEV ? '-dev' : ''}.js`,
@@ -93,8 +93,8 @@ module.exports = {
   },
 
   /*
-  ** Nuxt.js modules
-  */
+   ** Nuxt.js modules
+   */
   modules: [
     ['@nuxtjs/dotenv', { only: envWhitelist }],
     ['nuxt-env', { keys: envWhitelist }],
@@ -105,8 +105,8 @@ module.exports = {
   ],
 
   /*
-  ** Axios module configuration
-  */
+   ** Axios module configuration
+   */
   axios: {
     // See https://github.com/nuxt-community/axios-module#options
     debug: dev,
@@ -181,12 +181,12 @@ module.exports = {
   },
 
   /*
-  ** Build configuration
-  */
+   ** Build configuration
+   */
   build: {
     /*
-    ** You can extend webpack config here
-    */
+     ** You can extend webpack config here
+     */
     extend(config, ctx) {
       if (process.env.STYLEGUIDE_DEV) {
         const path = require('path')
diff --git a/webapp/pages/admin.vue b/webapp/pages/admin.vue
index 631338ef9..0cbee05d5 100644
--- a/webapp/pages/admin.vue
+++ b/webapp/pages/admin.vue
@@ -5,16 +5,10 @@
     </ds-heading>
     <ds-flex gutter="small">
       <ds-flex-item :width="{ base: '100%', md: '200px' }">
-        <ds-menu
-          :routes="routes"
-          :is-exact="() => true"
-        />
+        <ds-menu :routes="routes" :is-exact="() => true" />
       </ds-flex-item>
       <ds-flex-item :width="{ base: '100%', md: 1 }">
-        <transition
-          name="slide-up"
-          appear
-        >
+        <transition name="slide-up" appear>
           <nuxt-child />
         </transition>
       </ds-flex-item>
diff --git a/webapp/pages/admin/categories.vue b/webapp/pages/admin/categories.vue
index 4620b29ad..ce795feaf 100644
--- a/webapp/pages/admin/categories.vue
+++ b/webapp/pages/admin/categories.vue
@@ -1,14 +1,7 @@
 <template>
   <ds-card :header="$t('admin.categories.name')">
-    <ds-table
-      :data="Category"
-      :fields="fields"
-      condensed
-    >
-      <template
-        slot="icon"
-        slot-scope="scope"
-      >
+    <ds-table :data="Category" :fields="fields" condensed>
+      <template slot="icon" slot-scope="scope">
         <ds-icon :name="scope.row.icon" />
       </template>
     </ds-table>
diff --git a/webapp/pages/admin/index.vue b/webapp/pages/admin/index.vue
index d87cd8cc3..6732b2137 100644
--- a/webapp/pages/admin/index.vue
+++ b/webapp/pages/admin/index.vue
@@ -5,34 +5,18 @@
         <ds-flex>
           <ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
             <ds-space margin="small">
-              <ds-number
-                :count="0"
-                :label="$t('admin.dashboard.users')"
-                size="x-large"
-                uppercase
-              >
+              <ds-number :count="0" :label="$t('admin.dashboard.users')" size="x-large" uppercase>
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countUsers || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countUsers || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
           </ds-flex-item>
           <ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
             <ds-space margin="small">
-              <ds-number
-                :count="0"
-                :label="$t('admin.dashboard.posts')"
-                size="x-large"
-                uppercase
-              >
+              <ds-number :count="0" :label="$t('admin.dashboard.posts')" size="x-large" uppercase>
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countPosts || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countPosts || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -46,10 +30,7 @@
                 uppercase
               >
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countComments || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countComments || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -63,10 +44,7 @@
                 uppercase
               >
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countNotifications || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countNotifications || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -80,10 +58,7 @@
                 uppercase
               >
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countOrganizations || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countOrganizations || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -97,61 +72,34 @@
                 uppercase
               >
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countProjects || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countProjects || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
           </ds-flex-item>
           <ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
             <ds-space margin="small">
-              <ds-number
-                :count="0"
-                :label="$t('admin.dashboard.invites')"
-                size="x-large"
-                uppercase
-              >
+              <ds-number :count="0" :label="$t('admin.dashboard.invites')" size="x-large" uppercase>
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countInvites || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countInvites || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
           </ds-flex-item>
           <ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
             <ds-space margin="small">
-              <ds-number
-                :count="0"
-                :label="$t('admin.dashboard.follows')"
-                size="x-large"
-                uppercase
-              >
+              <ds-number :count="0" :label="$t('admin.dashboard.follows')" size="x-large" uppercase>
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countFollows || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countFollows || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
           </ds-flex-item>
           <ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
             <ds-space margin="small">
-              <ds-number
-                :count="0"
-                :label="$t('admin.dashboard.shouts')"
-                size="x-large"
-                uppercase
-              >
+              <ds-number :count="0" :label="$t('admin.dashboard.shouts')" size="x-large" uppercase>
                 <no-ssr slot="count">
-                  <hc-count-to
-                    :start-val="0"
-                    :end-val="statistics.countShouts || 0"
-                  />
+                  <hc-count-to :start-val="0" :end-val="statistics.countShouts || 0" />
                 </no-ssr>
               </ds-number>
             </ds-space>
diff --git a/webapp/pages/admin/notifications.vue b/webapp/pages/admin/notifications.vue
index 62be1b3bb..0d348633f 100644
--- a/webapp/pages/admin/notifications.vue
+++ b/webapp/pages/admin/notifications.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('admin.notifications.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/admin/organizations.vue b/webapp/pages/admin/organizations.vue
index f1e73b8cd..1a08056ba 100644
--- a/webapp/pages/admin/organizations.vue
+++ b/webapp/pages/admin/organizations.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('admin.organizations.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/admin/pages.vue b/webapp/pages/admin/pages.vue
index 789d8ad1c..5a77d4bca 100644
--- a/webapp/pages/admin/pages.vue
+++ b/webapp/pages/admin/pages.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('admin.pages.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/admin/settings.vue b/webapp/pages/admin/settings.vue
index 95d34bc86..d1fa80b36 100644
--- a/webapp/pages/admin/settings.vue
+++ b/webapp/pages/admin/settings.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('admin.settings.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/admin/tags.vue b/webapp/pages/admin/tags.vue
index 56fa45d59..53808fc53 100644
--- a/webapp/pages/admin/tags.vue
+++ b/webapp/pages/admin/tags.vue
@@ -1,14 +1,7 @@
 <template>
   <ds-card :header="$t('admin.tags.name')">
-    <ds-table
-      :data="Tag"
-      :fields="fields"
-      condensed
-    >
-      <template
-        slot="id"
-        slot-scope="scope"
-      >
+    <ds-table :data="Tag" :fields="fields" condensed>
+      <template slot="id" slot-scope="scope">
         {{ scope.index + 1 }}
       </template>
     </ds-table>
diff --git a/webapp/pages/admin/users.vue b/webapp/pages/admin/users.vue
index e2958b638..90f6d598d 100644
--- a/webapp/pages/admin/users.vue
+++ b/webapp/pages/admin/users.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('admin.users.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index fa3061443..0a0e7159f 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -1,10 +1,6 @@
 <template>
   <div>
-    <ds-flex
-      v-if="Post && Post.length"
-      :width="{ base: '100%' }"
-      gutter="base"
-    >
+    <ds-flex v-if="Post && Post.length" :width="{ base: '100%' }" gutter="base">
       <ds-flex-item
         v-for="post in uniq(Post)"
         :key="post.id"
@@ -15,7 +11,7 @@
     </ds-flex>
     <no-ssr>
       <ds-button
-        v-tooltip="{content: 'Create a new Post', placement: 'left', delay: { show: 500 }}"
+        v-tooltip="{ content: 'Create a new Post', placement: 'left', delay: { show: 500 } }"
         :path="{ name: 'post-create' }"
         class="post-add-button"
         icon="plus"
@@ -23,11 +19,7 @@
         primary
       />
     </no-ssr>
-    <hc-load-more
-      v-if="true"
-      :loading="$apollo.loading"
-      @click="showMoreContributions"
-    />
+    <hc-load-more v-if="true" :loading="$apollo.loading" @click="showMoreContributions" />
   </div>
 </template>
 
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 9a984298e..a96fbdbf1 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -1,12 +1,6 @@
 <template>
-  <transition
-    name="fade"
-    appear
-  >
-    <ds-container
-      v-if="ready"
-      width="small"
-    >
+  <transition name="fade" appear>
+    <ds-container v-if="ready" width="small">
       <ds-space margin="small">
         <blockquote>
           <p>{{ $t('quotes.african.quote') }}</p>
@@ -15,41 +9,25 @@
       </ds-space>
       <ds-card class="login-card">
         <ds-flex gutter="small">
-          <ds-flex-item
-            :width="{ base: '100%', sm: '50%' }"
-            centered
-          >
+          <ds-flex-item :width="{ base: '100%', sm: '50%' }" centered>
             <no-ssr>
-              <locale-switch
-                class="login-locale-switch"
-                offset="5"
-              />
+              <locale-switch class="login-locale-switch" offset="5" />
             </no-ssr>
-            <ds-space
-              margin-top="small"
-              margin-bottom="xxx-small"
-              centered
-            >
+            <ds-space margin-top="small" margin-bottom="xxx-small" centered>
               <img
                 class="login-image"
                 alt="Human Connection"
                 src="/img/sign-up/humanconnection.svg"
-              >
+              />
             </ds-space>
           </ds-flex-item>
-          <ds-flex-item
-            :width="{ base: '100%', sm: '50%' }"
-            centered
-          >
+          <ds-flex-item :width="{ base: '100%', sm: '50%' }" centered>
             <ds-space margin="small">
               <ds-text size="small">
                 {{ $t('login.copy') }}
               </ds-text>
             </ds-space>
-            <form
-              :disabled="pending"
-              @submit.prevent="onSubmit"
-            >
+            <form :disabled="pending" @submit.prevent="onSubmit">
               <ds-input
                 v-model="form.email"
                 :disabled="pending"
@@ -82,7 +60,9 @@
                   :href="$t('login.moreInfoURL')"
                   :title="$t('login.moreInfoHint')"
                   target="_blank"
-                >{{ $t('login.moreInfo') }}</a>
+                >
+                  {{ $t('login.moreInfo') }}
+                </a>
               </ds-space>
             </form>
           </ds-flex-item>
diff --git a/webapp/pages/logout.vue b/webapp/pages/logout.vue
index a7efb0fb8..a73b2730a 100644
--- a/webapp/pages/logout.vue
+++ b/webapp/pages/logout.vue
@@ -1,32 +1,12 @@
 <template>
   <ds-container width="small">
     <ds-flex>
-      <ds-flex-item
-        :width="{ base: '100%' }"
-        centered
-      >
-        <ds-space
-          style="text-align: center;"
-          margin-top="large"
-          margin-bottom="xxx-small"
-          centered
-        >
-          <img
-            style="width: 200px;"
-            src="/img/sign-up/onourjourney.png"
-            alt="Human Connection"
-          >
+      <ds-flex-item :width="{ base: '100%' }" centered>
+        <ds-space style="text-align: center;" margin-top="large" margin-bottom="xxx-small" centered>
+          <img style="width: 200px;" src="/img/sign-up/onourjourney.png" alt="Human Connection" />
         </ds-space>
-        <ds-space
-          style="text-align: center;"
-          margin-top="small"
-          margin-bottom="xxx-small"
-          centered
-        >
-          <ds-heading
-            tag="h3"
-            soft
-          >
+        <ds-space style="text-align: center;" margin-top="small" margin-bottom="xxx-small" centered>
+          <ds-heading tag="h3" soft>
             Logging out...
           </ds-heading>
         </ds-space>
diff --git a/webapp/pages/moderation.vue b/webapp/pages/moderation.vue
index 5205020fa..34199a144 100644
--- a/webapp/pages/moderation.vue
+++ b/webapp/pages/moderation.vue
@@ -8,10 +8,7 @@
         <ds-menu :routes="routes" />
       </ds-flex-item>
       <ds-flex-item :width="{ base: '100%', md: 1 }">
-        <transition
-          name="slide-up"
-          appear
-        >
+        <transition name="slide-up" appear>
           <nuxt-child />
         </transition>
       </ds-flex-item>
diff --git a/webapp/pages/moderation/index.vue b/webapp/pages/moderation/index.vue
index 97c1a2af1..e6b8532fc 100644
--- a/webapp/pages/moderation/index.vue
+++ b/webapp/pages/moderation/index.vue
@@ -3,56 +3,48 @@
     <ds-heading tag="h3">
       {{ $t('moderation.reports.name') }}
     </ds-heading>
-    <ds-table
-      v-if="Report && Report.length"
-      :data="Report"
-      :fields="fields"
-      condensed
-    >
-      <template
-        slot="name"
-        slot-scope="scope"
-      >
+    <ds-table v-if="Report && Report.length" :data="Report" :fields="fields" condensed>
+      <template slot="name" slot-scope="scope">
         <div v-if="scope.row.type === 'Post'">
           <nuxt-link
-            :to="{ name: 'post-id-slug', params: { id: scope.row.post.id, slug: scope.row.post.slug } }"
+            :to="{
+              name: 'post-id-slug',
+              params: { id: scope.row.post.id, slug: scope.row.post.slug },
+            }"
           >
             <b>{{ scope.row.post.title | truncate(50) }}</b>
           </nuxt-link>
-          <br>
-          <ds-text
-            size="small"
-            color="soft"
-          >
+          <br />
+          <ds-text size="small" color="soft">
             {{ scope.row.post.author.name }}
           </ds-text>
         </div>
         <div v-else-if="scope.row.type === 'Comment'">
           <nuxt-link
-            :to="{ name: 'post-id-slug', params: { id: scope.row.comment.post.id, slug: scope.row.comment.post.slug } }"
+            :to="{
+              name: 'post-id-slug',
+              params: { id: scope.row.comment.post.id, slug: scope.row.comment.post.slug },
+            }"
           >
             <b>{{ scope.row.comment.contentExcerpt | truncate(50) }}</b>
           </nuxt-link>
-          <br>
-          <ds-text
-            size="small"
-            color="soft"
-          >
+          <br />
+          <ds-text size="small" color="soft">
             {{ scope.row.comment.author.name }}
           </ds-text>
         </div>
         <div v-else>
           <nuxt-link
-            :to="{ name: 'profile-id-slug', params: { id: scope.row.user.id, slug: scope.row.user.slug } }"
+            :to="{
+              name: 'profile-id-slug',
+              params: { id: scope.row.user.id, slug: scope.row.user.slug },
+            }"
           >
             <b>{{ scope.row.user.name | truncate(50) }}</b>
           </nuxt-link>
         </div>
       </template>
-      <template
-        slot="type"
-        slot-scope="scope"
-      >
+      <template slot="type" slot-scope="scope">
         <ds-text color="soft">
           <ds-icon
             v-if="scope.row.type === 'Post'"
@@ -71,45 +63,50 @@
           />
         </ds-text>
       </template>
-      <template
-        slot="submitter"
-        slot-scope="scope"
-      >
+      <template slot="submitter" slot-scope="scope">
         <nuxt-link
-          :to="{ name: 'profile-id-slug', params: { id: scope.row.submitter.id, slug: scope.row.submitter.slug } }"
+          :to="{
+            name: 'profile-id-slug',
+            params: { id: scope.row.submitter.id, slug: scope.row.submitter.slug },
+          }"
         >
           {{ scope.row.submitter.name }}
         </nuxt-link>
       </template>
-      <template
-        slot="disabledBy"
-        slot-scope="scope"
-      >
+      <template slot="disabledBy" slot-scope="scope">
         <nuxt-link
           v-if="scope.row.type === 'Post' && scope.row.post.disabledBy"
-          :to="{ name: 'profile-id-slug', params: { id: scope.row.post.disabledBy.id, slug: scope.row.post.disabledBy.slug } }"
+          :to="{
+            name: 'profile-id-slug',
+            params: { id: scope.row.post.disabledBy.id, slug: scope.row.post.disabledBy.slug },
+          }"
         >
           <b>{{ scope.row.post.disabledBy.name | truncate(50) }}</b>
         </nuxt-link>
         <nuxt-link
           v-else-if="scope.row.type === 'Comment' && scope.row.comment.disabledBy"
-          :to="{ name: 'profile-id-slug', params: { id: scope.row.comment.disabledBy.id, slug: scope.row.comment.disabledBy.slug } }"
+          :to="{
+            name: 'profile-id-slug',
+            params: {
+              id: scope.row.comment.disabledBy.id,
+              slug: scope.row.comment.disabledBy.slug,
+            },
+          }"
         >
           <b>{{ scope.row.comment.disabledBy.name | truncate(50) }}</b>
         </nuxt-link>
         <nuxt-link
           v-else-if="scope.row.type === 'User' && scope.row.user.disabledBy"
-          :to="{ name: 'profile-id-slug', params: { id: scope.row.user.disabledBy.id, slug: scope.row.user.disabledBy.slug } }"
+          :to="{
+            name: 'profile-id-slug',
+            params: { id: scope.row.user.disabledBy.id, slug: scope.row.user.disabledBy.slug },
+          }"
         >
           <b>{{ scope.row.user.disabledBy.name | truncate(50) }}</b>
         </nuxt-link>
       </template>
     </ds-table>
-    <hc-empty
-      v-else
-      icon="alert"
-      :message="$t('moderation.reports.empty')"
-    />
+    <hc-empty v-else icon="alert" :message="$t('moderation.reports.empty')" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/post/_id.vue b/webapp/pages/post/_id.vue
index ab6ec0687..a02afd3b9 100644
--- a/webapp/pages/post/_id.vue
+++ b/webapp/pages/post/_id.vue
@@ -2,18 +2,12 @@
   <div>
     <ds-flex gutter="small">
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
-        <transition
-          name="slide-up"
-          appear
-        >
+        <transition name="slide-up" appear>
           <nuxt-child />
         </transition>
       </ds-flex-item>
       <ds-flex-item :width="{ base: '200px' }">
-        <ds-menu
-          :routes="routes"
-          class="post-side-navigation"
-        />
+        <ds-menu :routes="routes" class="post-side-navigation" />
       </ds-flex-item>
     </ds-flex>
   </div>
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index b0718f893..778350fd2 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -1,18 +1,12 @@
 <template>
-  <transition
-    name="fade"
-    appear
-  >
+  <transition name="fade" appear>
     <ds-card
       v-if="post && ready"
       :image="post.image"
-      :class="{'post-card': true, 'disabled-content': post.disabled}"
+      :class="{ 'post-card': true, 'disabled-content': post.disabled }"
     >
       <ds-space margin-bottom="small" />
-      <hc-user
-        :user="post.author"
-        :date-time="post.createdAt"
-      />
+      <hc-user :user="post.author" :date-time="post.createdAt" />
       <no-ssr>
         <content-menu
           placement="bottom-end"
@@ -22,20 +16,14 @@
         />
       </no-ssr>
       <ds-space margin-bottom="small" />
-      <ds-heading
-        tag="h3"
-        no-margin
-      >
+      <ds-heading tag="h3" no-margin>
         {{ post.title }}
       </ds-heading>
       <ds-space margin-bottom="small" />
       <!-- Content -->
       <!-- eslint-disable vue/no-v-html -->
       <!-- TODO: replace editor content with tiptap render view -->
-      <div
-        class="content hc-editor-content"
-        v-html="post.content"
-      />
+      <div class="content hc-editor-content" v-html="post.content" />
       <!-- eslint-enable vue/no-v-html -->
       <ds-space margin="xx-large" />
       <!-- Categories -->
@@ -44,23 +32,16 @@
         <hc-category
           v-for="category in post.categories"
           :key="category.id"
-          v-tooltip="{content: category.name, placement: 'top-start', delay: { show: 300 }}"
+          v-tooltip="{ content: category.name, placement: 'top-start', delay: { show: 300 } }"
           :icon="category.icon"
           :name="category.name"
         />
       </div>
       <ds-space margin-bottom="small" />
       <!-- Tags -->
-      <div
-        v-if="post.tags && post.tags.length"
-        class="tags"
-      >
+      <div v-if="post.tags && post.tags.length" class="tags">
         <ds-space margin="xx-small" />
-        <hc-tag
-          v-for="tag in post.tags"
-          :key="tag.id"
-          :name="tag.name"
-        />
+        <hc-tag v-for="tag in post.tags" :key="tag.id" :name="tag.name" />
       </div>
       <!-- Shout Button -->
       <hc-shout-button
diff --git a/webapp/pages/post/_id/_slug/more-info.vue b/webapp/pages/post/_id/_slug/more-info.vue
index e18ab8f57..a1f2f1667 100644
--- a/webapp/pages/post/_id/_slug/more-info.vue
+++ b/webapp/pages/post/_id/_slug/more-info.vue
@@ -5,36 +5,38 @@
     </h2>
     <p>Hier findest du weitere infos zum Thema.</p>
     <ds-space />
-    <h3><ds-icon name="compass" /> Themenkategorien</h3>
+    <h3>
+      <ds-icon name="compass" />
+      Themenkategorien
+    </h3>
     <div class="tags">
       <ds-icon
         v-for="category in post.categories"
         :key="category.id"
-        v-tooltip="{content: category.name, placement: 'top-start', delay: { show: 300 }}"
+        v-tooltip="{ content: category.name, placement: 'top-start', delay: { show: 300 } }"
         :name="category.icon"
         size="large"
-      />&nbsp;
+      />
+      &nbsp;
       <!--<ds-tag
         v-for="category in post.categories"
         :key="category.id"><ds-icon :name="category.icon" /> {{ category.name }}</ds-tag>-->
     </div>
     <template v-if="post.tags && post.tags.length">
-      <h3><ds-icon name="tags" /> Schlagwörter</h3>
+      <h3>
+        <ds-icon name="tags" />
+        Schlagwörter
+      </h3>
       <div class="tags">
-        <ds-tag
-          v-for="tag in post.tags"
-          :key="tag.id"
-        >
-          <ds-icon name="tag" /> {{ tag.name }}
+        <ds-tag v-for="tag in post.tags" :key="tag.id">
+          <ds-icon name="tag" />
+          {{ tag.name }}
         </ds-tag>
       </div>
     </template>
     <h3>Verwandte Beiträge</h3>
     <ds-section style="margin: 0 -1.5rem; padding: 1.5rem;">
-      <ds-flex
-        v-if="post.relatedContributions && post.relatedContributions.length"
-        gutter="small"
-      >
+      <ds-flex v-if="post.relatedContributions && post.relatedContributions.length" gutter="small">
         <ds-flex-item
           v-for="relatedPost in post.relatedContributions"
           :key="relatedPost.id"
@@ -43,12 +45,7 @@
           <hc-post-card :post="relatedPost" />
         </ds-flex-item>
       </ds-flex>
-      <hc-empty
-        v-else
-        margin="large"
-        icon="file"
-        message="No related Posts"
-      />
+      <hc-empty v-else margin="large" icon="file" message="No related Posts" />
     </ds-section>
     <ds-space margin-bottom="large" />
   </ds-card>
diff --git a/webapp/pages/post/_id/_slug/take-action.vue b/webapp/pages/post/_id/_slug/take-action.vue
index 1dfb75208..38a561fe5 100644
--- a/webapp/pages/post/_id/_slug/take-action.vue
+++ b/webapp/pages/post/_id/_slug/take-action.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card header="Werde aktiv!">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/post/create.vue b/webapp/pages/post/create.vue
index a110965db..108cead09 100644
--- a/webapp/pages/post/create.vue
+++ b/webapp/pages/post/create.vue
@@ -1,8 +1,5 @@
 <template>
-  <ds-flex
-    :width="{ base: '100%' }"
-    gutter="base"
-  >
+  <ds-flex :width="{ base: '100%' }" gutter="base">
     <ds-flex-item :width="{ base: '100%', md: 3 }">
       <hc-contribution-form />
     </ds-flex-item>
diff --git a/webapp/pages/post/edit/_id.vue b/webapp/pages/post/edit/_id.vue
index 2420a85b9..7dcff5036 100644
--- a/webapp/pages/post/edit/_id.vue
+++ b/webapp/pages/post/edit/_id.vue
@@ -1,8 +1,5 @@
 <template>
-  <ds-flex
-    :width="{ base: '100%' }"
-    gutter="base"
-  >
+  <ds-flex :width="{ base: '100%' }" gutter="base">
     <ds-flex-item :width="{ base: '100%', md: 3 }">
       <hc-contribution-form :contribution="contribution" />
     </ds-flex-item>
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index b38458a16..de4a6ad2a 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -4,20 +4,13 @@
       <p>PROFILE IMAGE</p>
     </ds-card>
     <ds-space />
-    <ds-flex
-      v-if="user"
-      :width="{ base: '100%' }"
-      gutter="base"
-    >
+    <ds-flex v-if="user" :width="{ base: '100%' }" gutter="base">
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
         <ds-card
-          :class="{'disabled-content': user.disabled}"
+          :class="{ 'disabled-content': user.disabled }"
           style="position: relative; height: auto;"
         >
-          <hc-upload
-            v-if="myProfile"
-            :user="user"
-          />
+          <hc-upload v-if="myProfile" :user="user" />
           <ds-avatar
             v-else
             :image="user.avatar"
@@ -35,54 +28,32 @@
             />
           </no-ssr>
           <ds-space margin="small">
-            <ds-heading
-              tag="h3"
-              align="center"
-              no-margin
-            >
+            <ds-heading tag="h3" align="center" no-margin>
               {{ userName }}
             </ds-heading>
-            <ds-text
-              v-if="user.location"
-              align="center"
-              color="soft"
-              size="small"
-            >
+            <ds-text v-if="user.location" align="center" color="soft" size="small">
               <ds-icon name="map-marker" />
               {{ user.location.name }}
             </ds-text>
-            <ds-text
-              align="center"
-              color="soft"
-              size="small"
-            >
+            <ds-text align="center" color="soft" size="small">
               {{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}
             </ds-text>
           </ds-space>
-          <ds-space
-            v-if="user.badges && user.badges.length"
-            margin="x-small"
-          >
+          <ds-space v-if="user.badges && user.badges.length" margin="x-small">
             <hc-badges :badges="user.badges" />
           </ds-space>
           <ds-flex>
             <ds-flex-item>
               <no-ssr>
                 <ds-number :label="$t('profile.followers')">
-                  <hc-count-to
-                    slot="count"
-                    :end-val="followedByCount"
-                  />
+                  <hc-count-to slot="count" :end-val="followedByCount" />
                 </ds-number>
               </no-ssr>
             </ds-flex-item>
             <ds-flex-item>
               <no-ssr>
                 <ds-number :label="$t('profile.following')">
-                  <hc-count-to
-                    slot="count"
-                    :end-val="Number(user.followingCount) || 0"
-                  />
+                  <hc-count-to slot="count" :end-val="Number(user.followingCount) || 0" />
                 </ds-number>
               </no-ssr>
             </ds-flex-item>
@@ -92,140 +63,74 @@
               v-if="!myProfile"
               :follow-id="user.id"
               :is-followed="user.followedByCurrentUser"
-              @optimistic="follow => user.followedByCurrentUser = follow"
+              @optimistic="follow => (user.followedByCurrentUser = follow)"
               @update="follow => fetchUser()"
             />
           </ds-space>
           <template v-if="user.about">
-            <hr>
-            <ds-space
-              margin-top="small"
-              margin-bottom="small"
-            >
-              <ds-text
-                color="soft"
-                size="small"
-              >
+            <hr />
+            <ds-space margin-top="small" margin-bottom="small">
+              <ds-text color="soft" size="small">
                 {{ user.about }}
               </ds-text>
             </ds-space>
           </template>
         </ds-card>
         <ds-space />
-        <ds-heading
-          tag="h3"
-          soft
-          style="text-align: center; margin-bottom: 10px;"
-        >
+        <ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px;">
           Netzwerk
         </ds-heading>
         <ds-card style="position: relative; height: auto;">
-          <ds-space
-            v-if="user.following && user.following.length"
-            margin="x-small"
-          >
-            <ds-text
-              tag="h5"
-              color="soft"
-            >
-              Wem folgt {{ userName | truncate(15) }}?
-            </ds-text>
+          <ds-space v-if="user.following && user.following.length" margin="x-small">
+            <ds-text tag="h5" color="soft">Wem folgt {{ userName | truncate(15) }}?</ds-text>
           </ds-space>
           <template v-if="user.following && user.following.length">
-            <ds-space
-              v-for="follow in uniq(user.following)"
-              :key="follow.id"
-              margin="x-small"
-            >
+            <ds-space v-for="follow in uniq(user.following)" :key="follow.id" margin="x-small">
               <!-- TODO: find better solution for rendering errors -->
               <no-ssr>
-                <user
-                  :user="follow"
-                  :trunc="15"
-                />
+                <user :user="follow" :trunc="15" />
               </no-ssr>
             </ds-space>
-            <ds-space
-              v-if="user.followingCount - user.following.length"
-              margin="small"
-            >
-              <ds-text
-                size="small"
-                color="softer"
-              >
+            <ds-space v-if="user.followingCount - user.following.length" margin="small">
+              <ds-text size="small" color="softer">
                 und {{ user.followingCount - user.following.length }} weitere
               </ds-text>
             </ds-space>
           </template>
           <template v-else>
-            <p style="text-align: center; opacity: .5;">
-              {{ userName }} folgt niemandem
-            </p>
+            <p style="text-align: center; opacity: .5;">{{ userName }} folgt niemandem</p>
           </template>
         </ds-card>
         <ds-space />
         <ds-card style="position: relative; height: auto;">
-          <ds-space
-            v-if="user.followedBy && user.followedBy.length"
-            margin="x-small"
-          >
-            <ds-text
-              tag="h5"
-              color="soft"
-            >
-              Wer folgt {{ userName | truncate(15) }}?
-            </ds-text>
+          <ds-space v-if="user.followedBy && user.followedBy.length" margin="x-small">
+            <ds-text tag="h5" color="soft">Wer folgt {{ userName | truncate(15) }}?</ds-text>
           </ds-space>
           <template v-if="user.followedBy && user.followedBy.length">
-            <ds-space
-              v-for="follow in uniq(user.followedBy)"
-              :key="follow.id"
-              margin="x-small"
-            >
+            <ds-space v-for="follow in uniq(user.followedBy)" :key="follow.id" margin="x-small">
               <!-- TODO: find better solution for rendering errors -->
               <no-ssr>
-                <user
-                  :user="follow"
-                  :trunc="15"
-                />
+                <user :user="follow" :trunc="15" />
               </no-ssr>
             </ds-space>
-            <ds-space
-              v-if="user.followedByCount - user.followedBy.length"
-              margin="small"
-            >
-              <ds-text
-                size="small"
-                color="softer"
-              >
+            <ds-space v-if="user.followedByCount - user.followedBy.length" margin="small">
+              <ds-text size="small" color="softer">
                 und {{ user.followedByCount - user.followedBy.length }} weitere
               </ds-text>
             </ds-space>
           </template>
           <template v-else>
-            <p style="text-align: center; opacity: .5;">
-              niemand folgt {{ userName }}
-            </p>
+            <p style="text-align: center; opacity: .5;">niemand folgt {{ userName }}</p>
           </template>
         </ds-card>
-        <ds-space
-          v-if="user.socialMedia && user.socialMedia.length"
-          margin="large"
-        >
+        <ds-space v-if="user.socialMedia && user.socialMedia.length" margin="large">
           <ds-card style="position: relative; height: auto;">
             <ds-space margin="x-small">
-              <ds-text
-                tag="h5"
-                color="soft"
-              >
+              <ds-text tag="h5" color="soft">
                 {{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?
               </ds-text>
               <template>
-                <ds-space
-                  v-for="link in socialMediaLinks"
-                  :key="link.username"
-                  margin="x-small"
-                >
+                <ds-space v-for="link in socialMediaLinks" :key="link.username" margin="x-small">
                   <a :href="link.url">
                     <ds-avatar :image="link.favicon" />
                     {{ 'link.username' }}
@@ -237,10 +142,7 @@
         </ds-space>
       </ds-flex-item>
       <ds-flex-item :width="{ base: '100%', sm: 3, md: 5, lg: 3 }">
-        <ds-flex
-          :width="{ base: '100%' }"
-          gutter="small"
-        >
+        <ds-flex :width="{ base: '100%' }" gutter="small">
           <ds-flex-item class="profile-top-navigation">
             <ds-card class="ds-tab-nav">
               <ds-flex>
@@ -249,10 +151,7 @@
                     <!-- TODO: find better solution for rendering errors -->
                     <no-ssr>
                       <ds-number :label="$t('common.post', null, user.contributionsCount)">
-                        <hc-count-to
-                          slot="count"
-                          :end-val="user.contributionsCount"
-                        />
+                        <hc-count-to slot="count" :end-val="user.contributionsCount" />
                       </ds-number>
                     </no-ssr>
                   </ds-space>
@@ -285,7 +184,7 @@
           <ds-flex-item style="text-align: center">
             <ds-button
               v-if="myProfile"
-              v-tooltip="{content: 'Create a new Post', placement: 'left', delay: { show: 500 }}"
+              v-tooltip="{ content: 'Create a new Post', placement: 'left', delay: { show: 500 } }"
               :path="{ name: 'post-create' }"
               class="profile-post-add-button"
               icon="plus"
@@ -304,18 +203,11 @@
           </template>
           <template v-else>
             <ds-flex-item :width="{ base: '100%' }">
-              <hc-empty
-                margin="xx-large"
-                icon="file"
-              />
+              <hc-empty margin="xx-large" icon="file" />
             </ds-flex-item>
           </template>
         </ds-flex>
-        <hc-load-more
-          v-if="hasMore"
-          :loading="$apollo.loading"
-          @click="showMoreContributions"
-        />
+        <hc-load-more v-if="hasMore" :loading="$apollo.loading" @click="showMoreContributions" />
       </ds-flex-item>
     </ds-flex>
   </div>
diff --git a/webapp/pages/settings.vue b/webapp/pages/settings.vue
index 48eab45ff..f6745cdf3 100644
--- a/webapp/pages/settings.vue
+++ b/webapp/pages/settings.vue
@@ -5,16 +5,10 @@
     </ds-heading>
     <ds-flex gutter="small">
       <ds-flex-item :width="{ base: '100%', md: '200px' }">
-        <ds-menu
-          :routes="routes"
-          :is-exact="() => true"
-        />
+        <ds-menu :routes="routes" :is-exact="() => true" />
       </ds-flex-item>
       <ds-flex-item :width="{ base: '100%', md: 1 }">
-        <transition
-          name="slide-up"
-          appear
-        >
+        <transition name="slide-up" appear>
           <nuxt-child />
         </transition>
       </ds-flex-item>
diff --git a/webapp/pages/settings/data-download.vue b/webapp/pages/settings/data-download.vue
index 5c9e5a24a..e54821912 100644
--- a/webapp/pages/settings/data-download.vue
+++ b/webapp/pages/settings/data-download.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('settings.download.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/settings/delete-account.vue b/webapp/pages/settings/delete-account.vue
index 5f488fed1..d10fb706d 100644
--- a/webapp/pages/settings/delete-account.vue
+++ b/webapp/pages/settings/delete-account.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('settings.delete.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/settings/index.vue b/webapp/pages/settings/index.vue
index 18e251bbc..4ad57b49c 100644
--- a/webapp/pages/settings/index.vue
+++ b/webapp/pages/settings/index.vue
@@ -1,8 +1,5 @@
 <template>
-  <ds-form
-    v-model="form"
-    @submit="submit"
-  >
+  <ds-form v-model="form" @submit="submit">
     <ds-card :header="$t('settings.data.name')">
       <ds-input
         id="name"
@@ -32,13 +29,7 @@
         :placeholder="$t('settings.data.labelBio')"
       />
       <template slot="footer">
-        <ds-button
-          style="float: right;"
-          icon="check"
-          type="submit"
-          :loading="loadingData"
-          primary
-        >
+        <ds-button style="float: right;" icon="check" type="submit" :loading="loadingData" primary>
           {{ $t('actions.save') }}
         </ds-button>
       </template>
diff --git a/webapp/pages/settings/invites.vue b/webapp/pages/settings/invites.vue
index 947d0b333..80996bc9e 100644
--- a/webapp/pages/settings/invites.vue
+++ b/webapp/pages/settings/invites.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('settings.invites.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/settings/languages.vue b/webapp/pages/settings/languages.vue
index 7879d6425..a148dab92 100644
--- a/webapp/pages/settings/languages.vue
+++ b/webapp/pages/settings/languages.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('settings.languages.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/settings/my-organizations.vue b/webapp/pages/settings/my-organizations.vue
index f651cbc61..e2a5f3373 100644
--- a/webapp/pages/settings/my-organizations.vue
+++ b/webapp/pages/settings/my-organizations.vue
@@ -1,9 +1,6 @@
 <template>
   <ds-card :header="$t('settings.organizations.name')">
-    <hc-empty
-      icon="tasks"
-      message="Coming Soon…"
-    />
+    <hc-empty icon="tasks" message="Coming Soon…" />
   </ds-card>
 </template>
 
diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index 745e2f776..b53df6170 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -1,19 +1,9 @@
 <template>
   <ds-card :header="$t('settings.social-media.name')">
-    <ds-space
-      v-if="socialMediaLinks"
-      margin-top="base"
-      margin="x-small"
-    >
+    <ds-space v-if="socialMediaLinks" margin-top="base" margin="x-small">
       <ds-list>
-        <ds-list-item
-          v-for="link in socialMediaLinks"
-          :key="link.id"
-        >
-          <a
-            :href="link.url"
-            target="_blank"
-          >
+        <ds-list-item v-for="link in socialMediaLinks" :key="link.id">
+          <a :href="link.url" target="_blank">
             <hc-image
               :image-props="{ src: link.favicon }"
               alt="Social Media link"
@@ -23,15 +13,10 @@
             {{ link.url }}
           </a>
           &nbsp;&nbsp;
-          <span class="layout-leave-active">|</span> &nbsp;&nbsp;
-          <ds-icon
-            name="edit"
-            class="layout-leave-active"
-          />
-          <a
-            name="delete"
-            @click="handleDeleteSocialMedia(link)"
-          >
+          <span class="layout-leave-active">|</span>
+          &nbsp;&nbsp;
+          <ds-icon name="edit" class="layout-leave-active" />
+          <a name="delete" @click="handleDeleteSocialMedia(link)">
             <ds-icon name="trash" />
           </a>
         </ds-list-item>
@@ -43,15 +28,12 @@
           v-model="value"
           :placeholder="$t('settings.social-media.placeholder')"
           name="social-media"
-          :schema="{type: 'url'}"
+          :schema="{ type: 'url' }"
         />
       </div>
       <ds-space margin-top="base">
         <div>
-          <ds-button
-            primary
-            @click="handleAddSocialMedia"
-          >
+          <ds-button primary @click="handleAddSocialMedia">
             {{ $t('settings.social-media.submit') }}
           </ds-button>
         </div>

From 0111e60f1d07075c31769091423b7d796423ab86 Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Wed, 29 May 2019 16:09:34 +0300
Subject: [PATCH 18/38] Resolve Upload image rerender and double submit

- Make Upload component re-render on failed upload
- Resolve double submit of uploaded to the backend when uploading with drag and drop

Co-authored-by: @mattWr18
Co-authored-by: @tirrok
---
 webapp/components/Upload/index.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/webapp/components/Upload/index.vue b/webapp/components/Upload/index.vue
index 5fbcff524..e5f91347d 100644
--- a/webapp/components/Upload/index.vue
+++ b/webapp/components/Upload/index.vue
@@ -8,7 +8,6 @@
       :include-styling="false"
       :style="backgroundImage"
       @vdropzone-thumbnail="thumbnail"
-      @vdropzone-drop="vddrop"
       @vdropzone-error="verror"
     />
   </div>
@@ -28,7 +27,7 @@ export default {
     return {
       dropzoneOptions: {
         url: this.vddrop,
-        maxFilesize: 3.0,
+        maxFilesize: 5.0,
         previewTemplate: this.template(),
         dictDefaultMessage: '',
       },
@@ -98,8 +97,8 @@ export default {
         .catch(error => this.$toast.error(error.message))
     },
     verror(file, message) {
-      this.error = true
       if (file.status === 'error') {
+        this.error = true
         this.$toast.error(file.status, message)
       }
     },

From 3e3e447bc5ca2de48dc41851c144e2a010413438 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 29 May 2019 17:59:07 +0200
Subject: [PATCH 19/38] Refactored three quater of the tests

---
 webapp/components/Modal/DeleteModal.spec.js   | 127 +++-----------
 .../components/comments/CommentList/index.vue |   7 -
 webapp/mixins/PostMutationHelpers.js          |   4 +-
 webapp/mixins/PostMutationHelpers.spec.js     |  71 --------
 webapp/pages/post/_id/_slug/index.spec.js     | 100 +++++++++++
 webapp/pages/post/_id/_slug/index.vue         |   1 +
 webapp/pages/profile/_id/_slug.spec.js        | 160 +++---------------
 7 files changed, 149 insertions(+), 321 deletions(-)
 delete mode 100644 webapp/mixins/PostMutationHelpers.spec.js
 create mode 100644 webapp/pages/post/_id/_slug/index.spec.js

diff --git a/webapp/components/Modal/DeleteModal.spec.js b/webapp/components/Modal/DeleteModal.spec.js
index 704c3d832..008acdada 100644
--- a/webapp/components/Modal/DeleteModal.spec.js
+++ b/webapp/components/Modal/DeleteModal.spec.js
@@ -1,25 +1,14 @@
 import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
-// import PostMutationHelpers from '~/mixins/PostMutationHelpers'
 import DeleteModal from './DeleteModal.vue'
 import Vuex from 'vuex'
 import Styleguide from '@human-connection/styleguide'
-import VueRouter from 'vue-router'
 
-const routes = [
-  {
-    path: '/',
-  },
-]
-const router = new VueRouter({
-  routes,
-})
 const localVue = createLocalVue()
 
 localVue.use(Vuex)
 localVue.use(Styleguide)
-localVue.use(VueRouter)
 
-describe('DeleteModal.vue', () => {
+describe('DeleteModal', () => {
   let Wrapper
   let wrapper
   let propsData
@@ -29,23 +18,17 @@ describe('DeleteModal.vue', () => {
     propsData = {
       type: 'contribution',
       id: 'p23',
-      // callbacks: {
-      //   confirm: () => Post.methods.deletePostCallback('list'),
-      //   cancel: null,
-      // },
+      name: 'It is a post',
+      callbacks: {
+        confirm: jest.fn(),
+        cancel: jest.fn(),
+      },
     }
     mocks = {
       $t: jest.fn(),
       $filters: {
         truncate: a => a,
       },
-      $toast: {
-        success: () => {},
-        error: () => {},
-      },
-      $apollo: {
-        mutate: jest.fn().mockResolvedValue(),
-      },
     }
   })
 
@@ -55,35 +38,35 @@ describe('DeleteModal.vue', () => {
         propsData,
         mocks,
         localVue,
-        router,
       })
     }
 
     describe('defaults', () => {
+      beforeEach(() => {
+        wrapper = Wrapper()
+      })
+
       it('success false', () => {
-        expect(Wrapper().vm.success).toBe(false)
+        expect(wrapper.vm.success).toBe(false)
       })
 
       it('loading false', () => {
-        expect(Wrapper().vm.loading).toBe(false)
+        expect(wrapper.vm.loading).toBe(false)
       })
     })
 
     describe('given a post', () => {
       beforeEach(() => {
         propsData = {
+          ...propsData,
           type: 'contribution',
           id: 'p23',
           name: 'It is a post',
-          // callbacks: {
-          //   confirm: () => Post.methods.deletePostCallback('list'),
-          //   cancel: null,
-          // },
         }
+        wrapper = Wrapper()
       })
 
       it('mentions post title', () => {
-        Wrapper()
         const calls = mocks.$t.mock.calls
         const expected = [
           [
@@ -100,18 +83,15 @@ describe('DeleteModal.vue', () => {
     describe('given a comment', () => {
       beforeEach(() => {
         propsData = {
+          ...propsData,
           type: 'comment',
-          id: 'c3',
+          id: 'c4',
           name: 'It is the user of the comment',
-          // callbacks: {
-          //   confirm: () => Post.methods.deletePostCallback('list'),
-          //   cancel: null,
-          // },
         }
+        wrapper = Wrapper()
       })
 
       it('mentions comments user name', () => {
-        Wrapper()
         const calls = mocks.$t.mock.calls
         const expected = [
           [
@@ -132,32 +112,18 @@ describe('DeleteModal.vue', () => {
         propsData,
         mocks,
         localVue,
-        router,
       })
     }
 
     beforeEach(jest.useFakeTimers)
 
-    it('renders', () => {
-      expect(Wrapper().is('div')).toBe(true)
-    })
-
     describe('given post id', () => {
       beforeEach(() => {
-        propsData = {
-          type: 'contribution',
-          id: 'p23',
-          // callbacks: {
-          //   confirm: () => Post.methods.deletePostCallback('list'),
-          //   cancel: null,
-          // },
-        }
         wrapper = Wrapper()
       })
 
-      describe('click cancel button and do not delete the post', () => {
+      describe('click cancel button', () => {
         beforeEach(() => {
-          wrapper = Wrapper()
           wrapper.find('button.cancel').trigger('click')
         })
 
@@ -168,35 +134,25 @@ describe('DeleteModal.vue', () => {
             expect(wrapper.vm.isOpen).toBe(false)
           })
 
-          it('emits "close"', () => {
-            expect(wrapper.emitted().close).toBeTruthy()
+          it('does call the cancel callback', () => {
+            expect(propsData.callbacks.cancel).toHaveBeenCalledTimes(1)
           })
 
-          it('does not call mutation', () => {
-            expect(mocks.$apollo.mutate).not.toHaveBeenCalled()
+          it('emits "close"', () => {
+            expect(wrapper.emitted().close).toBeTruthy()
           })
         })
       })
 
-      describe('click confirm button and delete the post', () => {
+      describe('click confirm button', () => {
         beforeEach(() => {
           wrapper.find('button.confirm').trigger('click')
         })
 
-        it('calls delete mutation', () => {
-          expect(mocks.$apollo.mutate).toHaveBeenCalled()
-        })
-
         it('sets success', () => {
           expect(wrapper.vm.success).toBe(true)
         })
 
-        it('displays a success message', () => {
-          const calls = mocks.$t.mock.calls
-          const expected = [['delete.contribution.success']]
-          expect(calls).toEqual(expect.arrayContaining(expected))
-        })
-
         describe('after timeout', () => {
           beforeEach(jest.runAllTimers)
 
@@ -204,6 +160,9 @@ describe('DeleteModal.vue', () => {
             expect(wrapper.vm.isOpen).toBe(false)
           })
 
+          it('does call the confirm callback', () => {
+            expect(propsData.callbacks.confirm).toHaveBeenCalledTimes(1)
+          })
           it('emits close', () => {
             expect(wrapper.emitted().close).toBeTruthy()
           })
@@ -214,39 +173,5 @@ describe('DeleteModal.vue', () => {
         })
       })
     })
-
-    describe('given comment id', () => {
-      beforeEach(() => {
-        propsData = {
-          type: 'comment',
-          id: 'c3',
-          // callbacks: {
-          //   confirm: () => Post.methods.deletePostCallback('list'),
-          //   cancel: null,
-          // },
-        }
-        wrapper = Wrapper()
-      })
-
-      describe('click confirm button and delete the comment', () => {
-        beforeEach(() => {
-          wrapper.find('button.confirm').trigger('click')
-        })
-
-        it('calls delete mutation', () => {
-          expect(mocks.$apollo.mutate).toHaveBeenCalled()
-        })
-
-        it('sets success', () => {
-          expect(wrapper.vm.success).toBe(true)
-        })
-
-        it('displays a success message', () => {
-          const calls = mocks.$t.mock.calls
-          const expected = [['delete.comment.success']]
-          expect(calls).toEqual(expect.arrayContaining(expected))
-        })
-      })
-    })
   })
 })
diff --git a/webapp/components/comments/CommentList/index.vue b/webapp/components/comments/CommentList/index.vue
index 3c7566dce..eb9cac088 100644
--- a/webapp/components/comments/CommentList/index.vue
+++ b/webapp/components/comments/CommentList/index.vue
@@ -24,13 +24,6 @@
         :comment="comment"
         @deleteComment="deleteComment(index)"
       />
-      <!-- <comment
-        is="comment-item"
-        v-for="(comment, index) in comments"
-        :key="comment.id"
-        :comment="comment"
-        v-on:remove="comments.splice(index, 1)"
-      /> -->
     </div>
     <hc-empty
       v-else
diff --git a/webapp/mixins/PostMutationHelpers.js b/webapp/mixins/PostMutationHelpers.js
index 0c0729def..2e7a91e4d 100644
--- a/webapp/mixins/PostMutationHelpers.js
+++ b/webapp/mixins/PostMutationHelpers.js
@@ -27,8 +27,8 @@ export default {
             break
           default:
             // case 'page'
-            console.log('called "this.$router.history.push" !!!')
-            this.$router.history.push('/') // Single page type: Redirect to index
+            // console.log('called "this.$router.history.push" !!!')
+            this.$router.history.push('/') // Single page type: Redirect to index (main) page
             break
         }
       } catch (err) {
diff --git a/webapp/mixins/PostMutationHelpers.spec.js b/webapp/mixins/PostMutationHelpers.spec.js
deleted file mode 100644
index 59e9d7b5e..000000000
--- a/webapp/mixins/PostMutationHelpers.spec.js
+++ /dev/null
@@ -1,71 +0,0 @@
-// import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
-import Methods from '~/mixins/PostMutationHelpers'
-
-const {
-  methods: { deletePostCallback },
-} = Methods
-// console.log(deletePostCallback())
-
-describe('PostMutationHelpers.js', () => {
-  // let post
-  let mocks
-
-  beforeEach(() => {
-    // post = {
-    //   id: 'p23',
-    // }
-    mocks = {
-      $t: jest.fn(),
-      $filters: {
-        truncate: a => a,
-      },
-      $emit: jest.fn(),
-      $router: {
-        history: {
-          push: jest.fn(),
-        },
-      },
-      $toast: {
-        success: () => {},
-        error: () => {},
-      },
-      $apollo: {
-        mutate: jest.fn().mockResolvedValue(),
-      },
-    }
-  })
-
-  describe('given post id', () => {
-    describe('delete post in general', () => {
-      beforeEach(() => {
-        deletePostCallback()
-      })
-
-      it('calls delete mutation', () => {
-        expect(mocks.$apollo.mutate).toHaveBeenCalled()
-      })
-
-      it('displays a success message', () => {
-        const calls = mocks.$t.mock.calls
-        const expected = [['delete.contribution.success']]
-        expect(calls).toEqual(expect.arrayContaining(expected))
-      })
-
-      it.todo('displays an error message')
-    })
-
-    describe('delete Post from list', () => {
-      it('calls delete in list', () => {
-        deletePostCallback('list')
-        expect(mocks.$emit).toHaveBeenCalled()
-      })
-    })
-
-    describe('delete Post displayed on post page', () => {
-      it('routs to index (main page) on post page', () => {
-        deletePostCallback('page')
-        // expect($router.history.push).toHaveBeenCalled()
-      })
-    })
-  })
-})
diff --git a/webapp/pages/post/_id/_slug/index.spec.js b/webapp/pages/post/_id/_slug/index.spec.js
new file mode 100644
index 000000000..5bf4ea168
--- /dev/null
+++ b/webapp/pages/post/_id/_slug/index.spec.js
@@ -0,0 +1,100 @@
+import { config, shallowMount, createLocalVue } from '@vue/test-utils'
+import PostSlug from './index.vue'
+import Vuex from 'vuex'
+import Styleguide from '@human-connection/styleguide'
+
+const localVue = createLocalVue()
+
+localVue.use(Vuex)
+localVue.use(Styleguide)
+
+config.stubs['no-ssr'] = '<span><slot /></span>'
+
+describe('PostSlug', () => {
+  let wrapper
+  let Wrapper
+  let store
+  let mocks
+
+  beforeEach(() => {
+    store = new Vuex.Store({
+      getters: {
+        'auth/user': () => {
+          return {}
+        },
+      },
+    })
+    mocks = {
+      $t: jest.fn(),
+      $filters: {
+        truncate: a => a,
+      },
+      // If you mocking router, than don't use VueRouter with lacalVue: https://vue-test-utils.vuejs.org/guides/using-with-vue-router.html
+      $router: {
+        history: {
+          push: jest.fn(),
+        },
+      },
+      $toast: {
+        success: jest.fn(),
+        error: jest.fn(),
+      },
+      $apollo: {
+        mutate: jest.fn().mockResolvedValue(),
+      },
+    }
+  })
+
+  describe('shallowMount', () => {
+    Wrapper = () => {
+      return shallowMount(PostSlug, {
+        store,
+        mocks,
+        localVue,
+      })
+    }
+
+    beforeEach(jest.useFakeTimers)
+
+    describe('test mixin "PostMutationHelpers"', () => {
+      beforeEach(() => {
+        wrapper = Wrapper()
+        wrapper.setData({
+          post: {
+            id: 'p23',
+            name: 'It is a post',
+            author: {
+              id: 'u1',
+            },
+          },
+        })
+      })
+
+      describe('deletion of Post from Page by invoking "deletePostCallback(`page`)"', () => {
+        beforeEach(() => {
+          wrapper.vm.deletePostCallback('page')
+        })
+
+        describe('after timeout', () => {
+          beforeEach(jest.runAllTimers)
+
+          it('not emits "deletePost"', () => {
+            expect(wrapper.emitted().deletePost).toBeFalsy()
+          })
+
+          it('does go to index (main) page', () => {
+            expect(mocks.$router.history.push).toHaveBeenCalledTimes(1)
+          })
+
+          it('does call mutation', () => {
+            expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1)
+          })
+
+          it('mutation is successful', () => {
+            expect(mocks.$toast.success).toHaveBeenCalledTimes(1)
+          })
+        })
+      })
+    })
+  })
+})
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index 55f12f534..0761b1de8 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -94,6 +94,7 @@ import HcCommentList from '~/components/comments/CommentList'
 import PostMutationHelpers from '~/mixins/PostMutationHelpers'
 
 export default {
+  name: 'PostSlug',
   transition: {
     name: 'slide-up',
     mode: 'out-in',
diff --git a/webapp/pages/profile/_id/_slug.spec.js b/webapp/pages/profile/_id/_slug.spec.js
index b7109d3f3..d79f9b885 100644
--- a/webapp/pages/profile/_id/_slug.spec.js
+++ b/webapp/pages/profile/_id/_slug.spec.js
@@ -1,50 +1,34 @@
-// import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
-import { mount, createLocalVue } from '@vue/test-utils'
-// import PostMutationHelpers from '~/mixins/PostMutationHelpers'
-import PostSlug from './_slug.vue'
-// import Vue from 'vue'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
+import ProfileSlug from './_slug.vue'
 import Vuex from 'vuex'
 import Styleguide from '@human-connection/styleguide'
-import VueRouter from 'vue-router'
 
-const routes = [
-  {
-    path: '/',
-  },
-]
-const router = new VueRouter({
-  routes,
-})
 const localVue = createLocalVue()
 
 localVue.use(Vuex)
 localVue.use(Styleguide)
-localVue.use(VueRouter)
 
-describe('PostSlug', () => {
+describe('ProfileSlug', () => {
   let wrapper
   let Wrapper
-  let propsData
   let mocks
 
   beforeEach(() => {
-    propsData = {}
     mocks = {
       post: {
         id: 'p23',
+        name: 'It is a post',
       },
       $t: jest.fn(),
-      // $filters: {
-      //   truncate: a => a
-      // },
-      // $router: {
-      //   history: {
-      //     push: jest.fn(),
-      //   },
-      // },
+      // If you mocking router, than don't use VueRouter with lacalVue: https://vue-test-utils.vuejs.org/guides/using-with-vue-router.html
+      $router: {
+        history: {
+          push: jest.fn(),
+        },
+      },
       $toast: {
-        success: () => {},
-        error: () => {},
+        success: jest.fn(),
+        error: jest.fn(),
       },
       $apollo: {
         mutate: jest.fn().mockResolvedValue(),
@@ -52,94 +36,16 @@ describe('PostSlug', () => {
     }
   })
 
-  // describe('shallowMount', () => {
-  //   Wrapper = () => {
-  //     return shallowMount(PostSlug, {
-  //       propsData,
-  //       mocks,
-  //       localVue,
-  //       router,
-  //     })
-  //   }
-  //   describe('given a post', () => {
-  //     beforeEach(() => {
-  //       // propsData = {
-  //       //   type: 'contribution',
-  //       //   id: 'p23',
-  //       //   name: 'It is a post',
-  //       //   // callbacks: {
-  //       //   //   confirm: () => Post.methods.deletePostCallback('list'),
-  //       //   //   cancel: null
-  //       //   // }
-  //       // }
-  //       mocks = {
-  //         ...mocks,
-  //         post: {
-  //           id: 'p23',
-  //           name: 'It is a post',
-  //         },
-  //       }
-  //     })
-
-  //     it('mentions post title', () => {
-  //       wrapper = Wrapper()
-  //       wrapper.vm.deletePostCallback('list')
-
-  //       console.log('mocks.$t: ', mocks.$t)
-  //       const calls = mocks.$t.mock.calls
-  //       const expected = [
-  //         [
-  //           'delete.contribution.message',
-  //           {
-  //             name: 'It is a post',
-  //           },
-  //         ],
-  //       ]
-  //       expect(calls).toEqual(expect.arrayContaining(expected))
-  //     })
-  //   })
-
-  //   // describe('given a comment', () => {
-  //   //   beforeEach(() => {
-  //   //     propsData = {
-  //   //       type: 'comment',
-  //   //       id: 'c3',
-  //   //       name: 'It is the user of the comment'
-  //   //     //   callbacks: {
-  //   //     //     confirm: () => Post.methods.deletePostCallback('list'),
-  //   //     //     cancel: null
-  //   //     //   }
-  //   //     }
-  //   //   })
-
-  //   //   it('mentions comments user name', () => {
-  //   //     Wrapper()
-  //   //     const calls = mocks.$t.mock.calls
-  //   //     const expected = [
-  //   //       ['delete.comment.message', { name: 'It is the user of the comment' }]
-  //   //     ]
-  //   //     expect(calls).toEqual(expect.arrayContaining(expected))
-  //   //   })
-  //   // })
-  // })
-
-  describe('mount', () => {
+  describe('shallowMount', () => {
     Wrapper = () => {
-      return mount(PostSlug, {
-        propsData,
+      return shallowMount(ProfileSlug, {
         mocks,
         localVue,
-        router,
       })
     }
 
     beforeEach(jest.useFakeTimers)
 
-    it('renders', () => {
-      // console.log(Wrapper().vm)
-      expect(Wrapper().is('div')).toBe(true)
-    })
-
     describe('test mixin "PostMutationHelpers"', () => {
       beforeEach(() => {
         wrapper = Wrapper()
@@ -154,45 +60,19 @@ describe('PostSlug', () => {
           beforeEach(jest.runAllTimers)
 
           it('emits "deletePost"', () => {
-            expect(wrapper.emitted().deletePost).toBeTruthy()
+            expect(wrapper.emitted().deletePost.length).toBe(1)
           })
 
-          it.todo('does not go to index (main) page')
-          // it('does not go to index (main) page', () => {
-          //   expect(mocks.$router.history.push).not.toHaveBeenCalled()
-          // })
+          it('does not go to index (main) page', () => {
+            expect(mocks.$router.history.push).not.toHaveBeenCalled()
+          })
 
           it('does call mutation', () => {
             expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1)
-            // expect(mocks.$toast.success).toHaveBeenCalledTimes(1)
-          })
-        })
-      })
-
-      describe('deletion of Post from Page by invoking "deletePostCallback(`page`)"', () => {
-        beforeEach(() => {
-          wrapper.vm.deletePostCallback('page')
-        })
-
-        describe('after timeout', () => {
-          beforeEach(jest.runAllTimers)
-
-          // it('fades away', () => {
-          //   expect(wrapper.vm.isOpen).toBe(false)
-          // })
-
-          it('not emits "deletePost"', () => {
-            expect(wrapper.emitted().deletePost).toBeFalsy()
           })
 
-          it.todo('does go to index (main) page')
-          // it('does go to index (main) page', () => {
-          //   expect(mocks.$router.history.push).toHaveBeenCalled()
-          // })
-
-          it('does call mutation', () => {
-            expect(mocks.$apollo.mutate).toHaveBeenCalled()
-            // expect(mocks.$toast.success).toHaveBeenCalledTimes(1)
+          it('mutation is successful', () => {
+            expect(mocks.$toast.success).toHaveBeenCalledTimes(1)
           })
         })
       })

From ad7627fe05b4df0f3d964f33dc01860b0d68d88e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 29 May 2019 18:18:58 +0200
Subject: [PATCH 20/38] Fixed the missing `ds-flex`in the PostCard

---
 webapp/components/PostCard/index.vue | 139 +++++++++++++--------------
 1 file changed, 67 insertions(+), 72 deletions(-)

diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index 7a6f5da89..e17cced61 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -1,80 +1,75 @@
 <template>
-  <ds-card
-    :header="post.title"
-    :image="post.image"
-    :class="{'post-card': true, 'disabled-content': post.disabled}"
-  >
-    <!-- Post Link Target -->
-    <nuxt-link
-      class="post-link"
-      :to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
+  <ds-flex-item :width="width">
+    <ds-card
+      :header="post.title"
+      :image="post.image"
+      :class="{'post-card': true, 'disabled-content': post.disabled}"
     >
-      {{ post.title }}
-    </nuxt-link>
-    <ds-space margin-bottom="small" />
-    <!-- Username, Image & Date of Post -->
-    <div>
-      <no-ssr>
-        <hc-user
-          :user="post.author"
-          :trunc="35"
-          :date-time="post.createdAt"
-        />
-      </no-ssr>
-      <hc-ribbon :text="$t('post.name')" />
-    </div>
-    <ds-space margin-bottom="small" />
-    <!-- Post Title -->
-    <ds-heading
-      tag="h3"
-      no-margin
-    >
-      {{ post.title }}
-    </ds-heading>
-    <ds-space margin-bottom="small" />
-    <!-- Post Content Excerpt -->
-    <!-- eslint-disable vue/no-v-html -->
-    <!-- TODO: replace editor content with tiptap render view -->
-    <div
-      class="hc-editor-content"
-      v-html="excerpt"
-    />
-    <!-- eslint-enable vue/no-v-html -->
-    <!-- Footer o the Post -->
-    <template slot="footer">
-      <div style="display: inline-block; opacity: .5;">
-        <!-- Categories -->
-        <hc-category
-          v-for="category in post.categories"
-          :key="category.id"
-          v-tooltip="{content: category.name, placement: 'bottom-start', delay: { show: 500 }}"
-          :icon="category.icon"
-        />
+      <!-- Post Link Target -->
+      <nuxt-link
+        class="post-link"
+        :to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
+      >
+{{ post.title }}
+</nuxt-link>
+      <ds-space margin-bottom="small" />
+      <!-- Username, Image & Date of Post -->
+      <div>
+        <no-ssr>
+          <hc-user :user="post.author"
+:trunc="35" :date-time="post.createdAt" />
+        </no-ssr>
+        <hc-ribbon :text="$t('post.name')" />
       </div>
-      <no-ssr>
-        <div style="display: inline-block; float: right">
-          <!-- Shouts Count -->
-          <span :style="{ opacity: post.shoutedCount ? 1 : .5 }">
-            <ds-icon name="bullhorn" />
-            <small>{{ post.shoutedCount }}</small>
-          </span>
-          &nbsp;
-          <!-- Comments Count -->
-          <span :style="{ opacity: post.commentsCount ? 1 : .5 }">
-            <ds-icon name="comments" />
-            <small>{{ post.commentsCount }}</small>
-          </span>
-          <!-- Menu -->
-          <content-menu
-            resource-type="contribution"
-            :resource="post"
-            :callbacks="{ confirm: deletePostCallback, cancel: null }"
-            :is-owner="isAuthor"
+      <ds-space margin-bottom="small" />
+      <!-- Post Title -->
+      <ds-heading tag="h3"
+no-margin>
+{{ post.title }}
+</ds-heading>
+      <ds-space margin-bottom="small" />
+      <!-- Post Content Excerpt -->
+      <!-- eslint-disable vue/no-v-html -->
+      <!-- TODO: replace editor content with tiptap render view -->
+      <div class="hc-editor-content"
+v-html="excerpt" />
+      <!-- eslint-enable vue/no-v-html -->
+      <!-- Footer o the Post -->
+      <template slot="footer">
+        <div style="display: inline-block; opacity: .5;">
+          <!-- Categories -->
+          <hc-category
+            v-for="category in post.categories"
+            :key="category.id"
+            v-tooltip="{content: category.name, placement: 'bottom-start', delay: { show: 500 }}"
+            :icon="category.icon"
           />
         </div>
-      </no-ssr>
-    </template>
-  </ds-card>
+        <no-ssr>
+          <div style="display: inline-block; float: right">
+            <!-- Shouts Count -->
+            <span :style="{ opacity: post.shoutedCount ? 1 : .5 }">
+              <ds-icon name="bullhorn" />
+              <small>{{ post.shoutedCount }}</small>
+            </span>
+            &nbsp;
+            <!-- Comments Count -->
+            <span :style="{ opacity: post.commentsCount ? 1 : .5 }">
+              <ds-icon name="comments" />
+              <small>{{ post.commentsCount }}</small>
+            </span>
+            <!-- Menu -->
+            <content-menu
+              resource-type="contribution"
+              :resource="post"
+              :callbacks="{ confirm: deletePostCallback, cancel: null }"
+              :is-owner="isAuthor"
+            />
+          </div>
+        </no-ssr>
+      </template>
+    </ds-card>
+  </ds-flex-item>
 </template>
 
 <script>

From 542e281450b07cfa7eb59033e65352343a0c70d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 29 May 2019 18:30:53 +0200
Subject: [PATCH 21/38] Fixed lint

---
 webapp/components/PostCard/index.vue | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index e17cced61..f71be3d5d 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -10,29 +10,36 @@
         class="post-link"
         :to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
       >
-{{ post.title }}
-</nuxt-link>
+        {{ post.title }}
+      </nuxt-link>
       <ds-space margin-bottom="small" />
       <!-- Username, Image & Date of Post -->
       <div>
         <no-ssr>
-          <hc-user :user="post.author"
-:trunc="35" :date-time="post.createdAt" />
+          <hc-user
+            :user="post.author"
+            :trunc="35"
+            :date-time="post.createdAt"
+          />
         </no-ssr>
         <hc-ribbon :text="$t('post.name')" />
       </div>
       <ds-space margin-bottom="small" />
       <!-- Post Title -->
-      <ds-heading tag="h3"
-no-margin>
-{{ post.title }}
-</ds-heading>
+      <ds-heading
+        tag="h3"
+        no-margin
+      >
+        {{ post.title }}
+      </ds-heading>
       <ds-space margin-bottom="small" />
       <!-- Post Content Excerpt -->
       <!-- eslint-disable vue/no-v-html -->
       <!-- TODO: replace editor content with tiptap render view -->
-      <div class="hc-editor-content"
-v-html="excerpt" />
+      <div
+        class="hc-editor-content"
+        v-html="excerpt"
+      />
       <!-- eslint-enable vue/no-v-html -->
       <!-- Footer o the Post -->
       <template slot="footer">

From 76469df059391148cc31553268e274b1b1d01ff7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Fri, 31 May 2019 11:36:27 +0200
Subject: [PATCH 22/38] Getting Jest Tests to run again.

---
 webapp/components/ContentMenu.vue            | 35 +++++---------
 webapp/components/Modal.spec.js              | 46 +++++++++++++++++--
 webapp/components/Modal.vue                  |  2 +-
 webapp/components/Modal/DeleteModal.spec.js  |  2 +-
 webapp/components/Modal/DisableModal.spec.js | 48 ++++++++++++++++----
 webapp/components/Modal/DisableModal.vue     |  1 +
 webapp/components/Modal/ReportModal.spec.js  | 43 ++++++++++++++----
 7 files changed, 130 insertions(+), 47 deletions(-)

diff --git a/webapp/components/ContentMenu.vue b/webapp/components/ContentMenu.vue
index a8b4db02f..ffa42fec0 100644
--- a/webapp/components/ContentMenu.vue
+++ b/webapp/components/ContentMenu.vue
@@ -1,32 +1,18 @@
 <template>
-  <dropdown
-    class="content-menu"
-    :placement="placement"
-    offset="5"
-  >
-    <template
-      slot="default"
-      slot-scope="{toggleMenu}"
-    >
-      <slot
-        name="button"
-        :toggleMenu="toggleMenu"
-      >
-        <ds-button
-          class="content-menu-trigger"
-          size="small"
-          ghost
-          @click.prevent="toggleMenu"
-        >
+  <dropdown class="content-menu"
+:placement="placement" offset="5">
+    <template slot="default"
+slot-scope="{toggleMenu}">
+      <slot name="button"
+:toggleMenu="toggleMenu">
+        <ds-button class="content-menu-trigger"
+size="small" ghost @click.prevent="toggleMenu">
           <ds-icon name="ellipsis-v" />
         </ds-button>
       </slot>
     </template>
-    <div
-      slot="popover"
-      slot-scope="{toggleMenu}"
-      class="content-menu-popover"
-    >
+    <div slot="popover"
+slot-scope="{toggleMenu}" class="content-menu-popover">
       <ds-menu :routes="routes">
         <ds-menu-item
           slot="menuitem"
@@ -47,6 +33,7 @@
 import Dropdown from '~/components/Dropdown'
 
 export default {
+  name: 'ContentMenu',
   components: {
     Dropdown,
   },
diff --git a/webapp/components/Modal.spec.js b/webapp/components/Modal.spec.js
index 52d13c4a0..0e2158e96 100644
--- a/webapp/components/Modal.spec.js
+++ b/webapp/components/Modal.spec.js
@@ -1,5 +1,6 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
 import Modal from './Modal.vue'
+import DeleteModal from './Modal/DeleteModal.vue'
 import DisableModal from './Modal/DisableModal.vue'
 import ReportModal from './Modal/ReportModal.vue'
 import Vuex from 'vuex'
@@ -29,7 +30,11 @@ describe('Modal.vue', () => {
           'modal/SET_OPEN': mutations.SET_OPEN,
         },
       })
-      return mountMethod(Modal, { store, mocks, localVue })
+      return mountMethod(Modal, {
+        store,
+        mocks,
+        localVue,
+      })
     }
   }
 
@@ -55,6 +60,7 @@ describe('Modal.vue', () => {
 
     it('initially empty', () => {
       wrapper = Wrapper()
+      expect(wrapper.contains(DeleteModal)).toBe(false)
       expect(wrapper.contains(DisableModal)).toBe(false)
       expect(wrapper.contains(ReportModal)).toBe(false)
     })
@@ -69,6 +75,10 @@ describe('Modal.vue', () => {
               id: 'c456',
               title: 'some title',
             },
+            callbacks: {
+              confirm: null,
+              cancel: null,
+            },
           },
         }
         wrapper = Wrapper()
@@ -83,6 +93,10 @@ describe('Modal.vue', () => {
           type: 'contribution',
           name: 'some title',
           id: 'c456',
+          callbacks: {
+            confirm: null,
+            cancel: null,
+          },
         })
       })
 
@@ -97,23 +111,49 @@ describe('Modal.vue', () => {
         it('passes author name to disable modal', () => {
           state.data = {
             type: 'comment',
-            resource: { id: 'c456', author: { name: 'Author name' } },
+            resource: {
+              id: 'c456',
+              author: {
+                name: 'Author name',
+              },
+            },
+            callbacks: {
+              confirm: null,
+              cancel: null,
+            },
           }
           wrapper = Wrapper()
           expect(wrapper.find(DisableModal).props()).toEqual({
             type: 'comment',
             name: 'Author name',
             id: 'c456',
+            callbacks: {
+              confirm: null,
+              cancel: null,
+            },
           })
         })
 
         it('does not crash if author is undefined', () => {
-          state.data = { type: 'comment', resource: { id: 'c456' } }
+          state.data = {
+            type: 'comment',
+            resource: {
+              id: 'c456',
+            },
+            callbacks: {
+              confirm: null,
+              cancel: null,
+            },
+          }
           wrapper = Wrapper()
           expect(wrapper.find(DisableModal).props()).toEqual({
             type: 'comment',
             name: '',
             id: 'c456',
+            callbacks: {
+              confirm: null,
+              cancel: null,
+            },
           })
         })
       })
diff --git a/webapp/components/Modal.vue b/webapp/components/Modal.vue
index f06ed497a..efe1b8ab6 100644
--- a/webapp/components/Modal.vue
+++ b/webapp/components/Modal.vue
@@ -29,9 +29,9 @@
 </template>
 
 <script>
+import DeleteModal from '~/components/Modal/DeleteModal'
 import DisableModal from '~/components/Modal/DisableModal'
 import ReportModal from '~/components/Modal/ReportModal'
-import DeleteModal from '~/components/Modal/DeleteModal'
 import { mapGetters } from 'vuex'
 
 export default {
diff --git a/webapp/components/Modal/DeleteModal.spec.js b/webapp/components/Modal/DeleteModal.spec.js
index 008acdada..c5e9df001 100644
--- a/webapp/components/Modal/DeleteModal.spec.js
+++ b/webapp/components/Modal/DeleteModal.spec.js
@@ -8,7 +8,7 @@ const localVue = createLocalVue()
 localVue.use(Vuex)
 localVue.use(Styleguide)
 
-describe('DeleteModal', () => {
+describe('DeleteModal.vue', () => {
   let Wrapper
   let wrapper
   let propsData
diff --git a/webapp/components/Modal/DisableModal.spec.js b/webapp/components/Modal/DisableModal.spec.js
index c1cf38c60..02ae3fa5d 100644
--- a/webapp/components/Modal/DisableModal.spec.js
+++ b/webapp/components/Modal/DisableModal.spec.js
@@ -14,9 +14,12 @@ describe('DisableModal.vue', () => {
   beforeEach(() => {
     propsData = {
       type: 'contribution',
-      name: 'blah',
-      callbacks: { confirm: null, cancel: null },
       id: 'c42',
+      name: 'blah',
+      callbacks: {
+        confirm: jest.fn(),
+        cancel: jest.fn(),
+      },
     }
     mocks = {
       $filters: {
@@ -35,22 +38,34 @@ describe('DisableModal.vue', () => {
 
   describe('shallowMount', () => {
     const Wrapper = () => {
-      return shallowMount(DisableModal, { propsData, mocks, localVue })
+      return shallowMount(DisableModal, {
+        propsData,
+        mocks,
+        localVue,
+      })
     }
 
     describe('given a user', () => {
       beforeEach(() => {
         propsData = {
+          ...propsData,
           type: 'user',
-          id: 'u2',
           name: 'Bob Ross',
+          id: 'u2',
         }
       })
 
       it('mentions user name', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [['disable.user.message', { name: 'Bob Ross' }]]
+        const expected = [
+          [
+            'disable.user.message',
+            {
+              name: 'Bob Ross',
+            },
+          ],
+        ]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
@@ -58,16 +73,24 @@ describe('DisableModal.vue', () => {
     describe('given a contribution', () => {
       beforeEach(() => {
         propsData = {
+          ...propsData,
           type: 'contribution',
-          id: 'c3',
           name: 'This is some post title.',
+          id: 'c3',
         }
       })
 
       it('mentions contribution title', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [['disable.contribution.message', { name: 'This is some post title.' }]]
+        const expected = [
+          [
+            'disable.contribution.message',
+            {
+              name: 'This is some post title.',
+            },
+          ],
+        ]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
@@ -75,13 +98,18 @@ describe('DisableModal.vue', () => {
 
   describe('mount', () => {
     const Wrapper = () => {
-      return mount(DisableModal, { propsData, mocks, localVue })
+      return mount(DisableModal, {
+        propsData,
+        mocks,
+        localVue,
+      })
     }
     beforeEach(jest.useFakeTimers)
 
     describe('given id', () => {
       beforeEach(() => {
         propsData = {
+          ...propsData,
           type: 'user',
           id: 'u4711',
         }
@@ -127,7 +155,9 @@ describe('DisableModal.vue', () => {
         it('passes id to mutation', () => {
           const calls = mocks.$apollo.mutate.mock.calls
           const [[{ variables }]] = calls
-          expect(variables).toEqual({ id: 'u4711' })
+          expect(variables).toEqual({
+            id: 'u4711',
+          })
         })
 
         it('fades away', () => {
diff --git a/webapp/components/Modal/DisableModal.vue b/webapp/components/Modal/DisableModal.vue
index fe9921511..47ecce8e5 100644
--- a/webapp/components/Modal/DisableModal.vue
+++ b/webapp/components/Modal/DisableModal.vue
@@ -31,6 +31,7 @@
 import gql from 'graphql-tag'
 
 export default {
+  name: 'DisableModal',
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
diff --git a/webapp/components/Modal/ReportModal.spec.js b/webapp/components/Modal/ReportModal.spec.js
index 46c5a02bc..27262e998 100644
--- a/webapp/components/Modal/ReportModal.spec.js
+++ b/webapp/components/Modal/ReportModal.spec.js
@@ -17,7 +17,10 @@ describe('ReportModal.vue', () => {
     propsData = {
       type: 'contribution',
       id: 'c43',
-      callbacks: { confirm: null, cancel: null },
+      callbacks: {
+        confirm: jest.fn(),
+        cancel: jest.fn(),
+      },
     }
     mocks = {
       $t: jest.fn(),
@@ -36,7 +39,11 @@ describe('ReportModal.vue', () => {
 
   describe('shallowMount', () => {
     const Wrapper = () => {
-      return shallowMount(ReportModal, { propsData, mocks, localVue })
+      return shallowMount(ReportModal, {
+        propsData,
+        mocks,
+        localVue,
+      })
     }
 
     describe('defaults', () => {
@@ -52,17 +59,24 @@ describe('ReportModal.vue', () => {
     describe('given a user', () => {
       beforeEach(() => {
         propsData = {
+          ...propsData,
           type: 'user',
           id: 'u4',
           name: 'Bob Ross',
-          callbacks: { confirm: null, cancel: null },
         }
       })
 
       it('mentions user name', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [['report.user.message', { name: 'Bob Ross' }]]
+        const expected = [
+          [
+            'report.user.message',
+            {
+              name: 'Bob Ross',
+            },
+          ],
+        ]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
@@ -70,17 +84,24 @@ describe('ReportModal.vue', () => {
     describe('given a post', () => {
       beforeEach(() => {
         propsData = {
-          id: 'p23',
+          ...propsData,
           type: 'post',
+          id: 'p23',
           name: 'It is a post',
-          callbacks: { confirm: null, cancel: null },
         }
       })
 
       it('mentions post title', () => {
         Wrapper()
         const calls = mocks.$t.mock.calls
-        const expected = [['report.post.message', { name: 'It is a post' }]]
+        const expected = [
+          [
+            'report.post.message',
+            {
+              name: 'It is a post',
+            },
+          ],
+        ]
         expect(calls).toEqual(expect.arrayContaining(expected))
       })
     })
@@ -88,7 +109,11 @@ describe('ReportModal.vue', () => {
 
   describe('mount', () => {
     const Wrapper = () => {
-      return mount(ReportModal, { propsData, mocks, localVue })
+      return mount(ReportModal, {
+        propsData,
+        mocks,
+        localVue,
+      })
     }
 
     beforeEach(jest.useFakeTimers)
@@ -100,9 +125,9 @@ describe('ReportModal.vue', () => {
     describe('given id', () => {
       beforeEach(() => {
         propsData = {
+          ...propsData,
           type: 'user',
           id: 'u4711',
-          callbacks: { confirm: null, cancel: null },
         }
         wrapper = Wrapper()
       })

From e162cd480e86c0e7c531b3c08aa3441dedbbb0eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 31 May 2019 13:27:24 +0200
Subject: [PATCH 23/38] Run `yarn run lint --fix` on prettier v1.17.1

---
 webapp/yarn.lock | 64 +++++++++++++++++++++++++++++++++---------------
 1 file changed, 44 insertions(+), 20 deletions(-)

diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 3c6ad8347..02f1f0058 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -1142,14 +1142,14 @@
     webpack-node-externals "^1.7.2"
 
 "@nuxtjs/axios@~5.5.2":
-  version "5.5.2"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/axios/-/axios-5.5.2.tgz#b6447bb12707b56b16b942ae6c737a0b051cecba"
-  integrity sha512-S5+IkUjCSSFeMVZp/JAzjoit9P7Di2QM4beAlFbHXbOEG+/vSaZReW8l817u9WC6nuKa3x6HhZfWD3tJDTvljg==
+  version "5.5.3"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/axios/-/axios-5.5.3.tgz#1893609fc4a3e845516a45c1aaf428104cb3d524"
+  integrity sha512-WEgWcmgJqWLHWw8ZTieQvuV+I6vcaVgdnCmtzrsKliPsCTtbhDu1i7iFkM/dYAqppIxpL2v46lH6sQ4FfOOxTA==
   dependencies:
     "@nuxtjs/proxy" "^1.3.3"
-    axios "^0.18.0"
+    axios "^0.19.0"
     axios-retry "^3.1.2"
-    consola "^2.6.2"
+    consola "^2.7.1"
 
 "@nuxtjs/dotenv@~1.3.0":
   version "1.3.0"
@@ -2280,13 +2280,13 @@ axios-retry@^3.1.2:
   dependencies:
     is-retry-allowed "^1.1.0"
 
-axios@^0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.18.0.tgz#32d53e4851efdc0a11993b6cd000789d70c05102"
-  integrity sha1-MtU+SFHv3AoRmTts0AB4nXDAUQI=
+axios@^0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.0.tgz#8e09bff3d9122e133f7b8101c8fbdd00ed3d2ab8"
+  integrity sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==
   dependencies:
-    follow-redirects "^1.3.0"
-    is-buffer "^1.1.5"
+    follow-redirects "1.5.10"
+    is-buffer "^2.0.2"
 
 babel-code-frame@^6.26.0:
   version "6.26.0"
@@ -3224,10 +3224,10 @@ connect@^3.6.6:
     parseurl "~1.3.2"
     utils-merge "1.0.1"
 
-consola@^2.0.0-1, consola@^2.3.0, consola@^2.4.0, consola@^2.5.6, consola@^2.6.0, consola@^2.6.1, consola@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/consola/-/consola-2.6.2.tgz#4c1238814bb80688b19f0db97123508889577752"
-  integrity sha512-GNJhwvF4bJ8eiAlyB8r4WNM8kBqkl+y4DvMehMbyywoJiv37N0M6/xrKqrrZw/5maZA+UagQV8UZ+XBeuGMzUg==
+consola@^2.0.0-1, consola@^2.3.0, consola@^2.4.0, consola@^2.5.6, consola@^2.6.0, consola@^2.6.1, consola@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-2.7.1.tgz#3f7f7c53eb44362240c3aee41b9bb2641d5ca32e"
+  integrity sha512-u7JYs+HnMbZPD2cEuS1XHsLeqtazA0kd5lAk8r8DnnGdgNhOdb7DSubJ+QLdQkbtpmmxgp7gs8Ug44sCyY4FCQ==
 
 console-browserify@^1.1.0:
   version "1.1.0"
@@ -3753,6 +3753,13 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
+debug@=3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
+  integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
+  dependencies:
+    ms "2.0.0"
+
 debug@^3.1.0, debug@^3.2.6:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
@@ -4833,7 +4840,14 @@ flush-write-stream@^1.0.0:
     inherits "^2.0.3"
     readable-stream "^2.3.6"
 
-follow-redirects@^1.0.0, follow-redirects@^1.3.0:
+follow-redirects@1.5.10:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"
+  integrity sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==
+  dependencies:
+    debug "=3.1.0"
+
+follow-redirects@^1.0.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.7.0.tgz#489ebc198dc0e7f64167bd23b03c4c19b5784c76"
   integrity sha512-m/pZQy4Gj287eNy94nivy5wchN3Kp+Q5WgUPNy5lJSZ3sgkVKSYV/ZChMAQVIgx1SqfZ2zBZtPA2YlXIWxxJOQ==
@@ -4980,9 +4994,9 @@ functional-red-black-tree@^1.0.1:
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
 fuse.js@^3.4.4:
-  version "3.4.4"
-  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-3.4.4.tgz#f98f55fcb3b595cf6a3e629c5ffaf10982103e95"
-  integrity sha512-pyLQo/1oR5Ywf+a/tY8z4JygnIglmRxVUOiyFAbd11o9keUDpUJSMGRWJngcnkURj30kDHPmhoKY8ChJiz3EpQ==
+  version "3.4.5"
+  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-3.4.5.tgz#8954fb43f9729bd5dbcb8c08f251db552595a7a6"
+  integrity sha512-s9PGTaQIkT69HaeoTVjwGsLfb8V8ScJLx5XGFcKHg0MqLUH/UZ4EKOtqtXX9k7AFqCGxD1aJmYb8Q5VYDibVRQ==
 
 gauge@~2.7.3:
   version "2.7.4"
@@ -5723,6 +5737,11 @@ is-buffer@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
+is-buffer@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.3.tgz#4ecf3fcf749cbd1e472689e109ac66261a25e725"
+  integrity sha512-U15Q7MXTuZlrbymiz95PJpZxu8IlipAp4dtS3wOdgPXx3mqBnslrWU14kxfHB+Py/+2PVKSr37dMAgM2A4uArw==
+
 is-callable@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
@@ -8797,7 +8816,12 @@ prettier@1.16.3:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
   integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
 
-prettier@^1.15.2, prettier@~1.17.1:
+prettier@^1.15.2:
+  version "1.17.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008"
+  integrity sha512-sXe5lSt2WQlCbydGETgfm1YBShgOX4HxQkFPvbxkcwgDvGDeqVau8h+12+lmSVlP3rHPz0oavfddSZg/q+Szjw==
+
+prettier@~1.17.1:
   version "1.17.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.1.tgz#ed64b4e93e370cb8a25b9ef7fef3e4fd1c0995db"
   integrity sha512-TzGRNvuUSmPgwivDqkZ9tM/qTGW9hqDKWOE9YHiyQdixlKbv7kvEqsmDPrcHJTKwthU774TQwZXVtaQ/mMsvjg==

From b46016203acf99927ab7e82e7b404c450568e342 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Fri, 31 May 2019 14:57:44 +0200
Subject: [PATCH 24/38] Started writing Jest tests for Deletion of Comments

---
 webapp/components/Comment.spec.js | 68 ++++++++++++++++++++++++++-----
 1 file changed, 58 insertions(+), 10 deletions(-)

diff --git a/webapp/components/Comment.spec.js b/webapp/components/Comment.spec.js
index ebb9b8bf8..fa22679c5 100644
--- a/webapp/components/Comment.spec.js
+++ b/webapp/components/Comment.spec.js
@@ -1,4 +1,8 @@
-import { config, shallowMount, createLocalVue } from '@vue/test-utils'
+import {
+  config,
+  shallowMount,
+  createLocalVue
+} from '@vue/test-utils'
 import Comment from './Comment.vue'
 import Vuex from 'vuex'
 import Styleguide from '@human-connection/styleguide'
@@ -14,6 +18,8 @@ describe('Comment.vue', () => {
   let propsData
   let mocks
   let getters
+  let wrapper
+  let Wrapper
 
   beforeEach(() => {
     propsData = {}
@@ -29,11 +35,16 @@ describe('Comment.vue', () => {
   })
 
   describe('shallowMount', () => {
-    const Wrapper = () => {
+    Wrapper = () => {
       const store = new Vuex.Store({
         getters,
       })
-      return shallowMount(Comment, { store, propsData, mocks, localVue })
+      return shallowMount(Comment, {
+        store,
+        propsData,
+        mocks,
+        localVue,
+      })
     }
 
     describe('given a comment', () => {
@@ -45,7 +56,7 @@ describe('Comment.vue', () => {
       })
 
       it('renders content', () => {
-        const wrapper = Wrapper()
+        wrapper = Wrapper()
         expect(wrapper.text()).toMatch('Hello I am a comment content')
       })
 
@@ -55,19 +66,22 @@ describe('Comment.vue', () => {
         })
 
         it('renders no comment data', () => {
-          const wrapper = Wrapper()
+          wrapper = Wrapper()
           expect(wrapper.text()).not.toMatch('comment content')
         })
 
         it('has no "disabled-content" css class', () => {
-          const wrapper = Wrapper()
+          wrapper = Wrapper()
           expect(wrapper.classes()).not.toContain('disabled-content')
         })
 
         it('translates a placeholder', () => {
-          /* const wrapper = */ Wrapper()
+          /* const wrapper = */
+          Wrapper()
           const calls = mocks.$t.mock.calls
-          const expected = [['comment.content.unavailable-placeholder']]
+          const expected = [
+            ['comment.content.unavailable-placeholder']
+          ]
           expect(calls).toEqual(expect.arrayContaining(expected))
         })
 
@@ -77,16 +91,50 @@ describe('Comment.vue', () => {
           })
 
           it('renders comment data', () => {
-            const wrapper = Wrapper()
+            wrapper = Wrapper()
             expect(wrapper.text()).toMatch('comment content')
           })
 
           it('has a "disabled-content" css class', () => {
-            const wrapper = Wrapper()
+            wrapper = Wrapper()
             expect(wrapper.classes()).toContain('disabled-content')
           })
         })
       })
+
+      beforeEach(jest.useFakeTimers)
+
+      describe('test callbacks', () => {
+        beforeEach(() => {
+          wrapper = Wrapper()
+        })
+
+        describe('deletion of Comment from List by invoking "deleteCommentCallback()"', () => {
+          beforeEach(() => {
+            wrapper.vm.deleteCommentCallback()
+          })
+
+          describe('after timeout', () => {
+            beforeEach(jest.runAllTimers)
+
+            it('emits "deleteComment"', () => {
+              expect(wrapper.emitted().deleteComment.length).toBe(1)
+            })
+
+            // it('does not go to index (main) page', () => {
+            //   expect(mocks.$router.history.push).not.toHaveBeenCalled()
+            // })
+
+            it('does call mutation', () => {
+              expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1)
+            })
+
+            it('mutation is successful', () => {
+              expect(mocks.$toast.success).toHaveBeenCalledTimes(1)
+            })
+          })
+        })
+      })
     })
   })
 })

From cd9d58980135310ee217b15bec76f3d29c0adec5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 31 May 2019 14:57:59 +0200
Subject: [PATCH 25/38] Update lockfile

---
 webapp/yarn.lock | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index f81246c4c..2c63537e2 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -8821,10 +8821,10 @@ prettier@^1.15.2:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008"
   integrity sha512-sXe5lSt2WQlCbydGETgfm1YBShgOX4HxQkFPvbxkcwgDvGDeqVau8h+12+lmSVlP3rHPz0oavfddSZg/q+Szjw==
 
-prettier@~1.14.3:
-  version "1.14.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.14.3.tgz#90238dd4c0684b7edce5f83b0fb7328e48bd0895"
-  integrity sha512-qZDVnCrnpsRJJq5nSsiHCE3BYMED2OtsI+cmzIzF1QIfqm5ALf8tEJcO27zV1gKNKRPdhjO0dNWnrzssDQ1tFg==
+prettier@~1.17.1:
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.1.tgz#ed64b4e93e370cb8a25b9ef7fef3e4fd1c0995db"
+  integrity sha512-TzGRNvuUSmPgwivDqkZ9tM/qTGW9hqDKWOE9YHiyQdixlKbv7kvEqsmDPrcHJTKwthU774TQwZXVtaQ/mMsvjg==
 
 pretty-bytes@^5.2.0:
   version "5.2.0"

From 5bec0f1d72cf8c3a5fd4de0503b12513fee99b5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Fri, 31 May 2019 15:46:34 +0200
Subject: [PATCH 26/38] Refined list deletion functions and started writing
 custom mutation for DeleteComment and their tests

---
 .../src/middleware/permissionsMiddleware.js   |  26 +-
 backend/src/resolvers/comments.js             |   5 +
 backend/src/resolvers/comments.spec.js        | 244 ++++++++++++++++--
 webapp/components/Comment.spec.js             |  24 +-
 webapp/components/ContentMenu.vue             |  34 ++-
 .../components/comments/CommentList/index.vue |   5 +-
 webapp/pages/index.vue                        |  17 +-
 webapp/pages/post/_id/_slug/more-info.vue     |  44 ++--
 webapp/pages/profile/_id/_slug.vue            | 197 +++-----------
 9 files changed, 352 insertions(+), 244 deletions(-)

diff --git a/backend/src/middleware/permissionsMiddleware.js b/backend/src/middleware/permissionsMiddleware.js
index b1a08a14d..ea4ba3dd2 100644
--- a/backend/src/middleware/permissionsMiddleware.js
+++ b/backend/src/middleware/permissionsMiddleware.js
@@ -16,11 +16,15 @@ const isAdmin = rule()(async (parent, args, { user }, info) => {
   return user && user.role === 'admin'
 })
 
-const isMyOwn = rule({ cache: 'no_cache' })(async (parent, args, context, info) => {
+const isMyOwn = rule({
+  cache: 'no_cache',
+})(async (parent, args, context, info) => {
   return context.user.id === parent.id
 })
 
-const belongsToMe = rule({ cache: 'no_cache' })(async (_, args, context) => {
+const belongsToMe = rule({
+  cache: 'no_cache',
+})(async (_, args, context) => {
   const {
     driver,
     user: { id: userId },
@@ -32,7 +36,10 @@ const belongsToMe = rule({ cache: 'no_cache' })(async (_, args, context) => {
   MATCH (u:User {id: $userId})<-[:NOTIFIED]-(n:Notification {id: $notificationId})
   RETURN n
   `,
-    { userId, notificationId },
+    {
+      userId,
+      notificationId,
+    },
   )
   const [notification] = result.records.map(record => {
     return record.get('n')
@@ -41,12 +48,16 @@ const belongsToMe = rule({ cache: 'no_cache' })(async (_, args, context) => {
   return Boolean(notification)
 })
 
-const onlyEnabledContent = rule({ cache: 'strict' })(async (parent, args, ctx, info) => {
+const onlyEnabledContent = rule({
+  cache: 'strict',
+})(async (parent, args, ctx, info) => {
   const { disabled, deleted } = args
   return !(disabled || deleted)
 })
 
-const isAuthor = rule({ cache: 'no_cache' })(async (parent, args, { user, driver }) => {
+const isAuthor = rule({
+  cache: 'no_cache',
+})(async (parent, args, { user, driver }) => {
   if (!user) return false
   const session = driver.session()
   const { id: postId } = args
@@ -55,7 +66,9 @@ const isAuthor = rule({ cache: 'no_cache' })(async (parent, args, { user, driver
   MATCH (post:Post {id: $postId})<-[:WROTE]-(author)
   RETURN author
   `,
-    { postId },
+    {
+      postId,
+    },
   )
   const [author] = result.records.map(record => {
     return record.get('author')
@@ -100,6 +113,7 @@ const permissions = shield({
     enable: isModerator,
     disable: isModerator,
     CreateComment: isAuthenticated,
+    DeleteComment: isAuthenticated,
     // CreateUser: allow,
   },
   User: {
diff --git a/backend/src/resolvers/comments.js b/backend/src/resolvers/comments.js
index 949b77041..a4b3c21b1 100644
--- a/backend/src/resolvers/comments.js
+++ b/backend/src/resolvers/comments.js
@@ -53,6 +53,11 @@ export default {
       )
       session.close()
 
+      return comment
+    },
+    DeleteComment: async (object, params, context, resolveInfo) => {
+      const socialMedia = await neo4jgraphql(object, params, context, resolveInfo, false)
+
       return comment
     },
   },
diff --git a/backend/src/resolvers/comments.spec.js b/backend/src/resolvers/comments.spec.js
index 451c559f1..4d86d2d58 100644
--- a/backend/src/resolvers/comments.spec.js
+++ b/backend/src/resolvers/comments.spec.js
@@ -1,3 +1,4 @@
+import gql from 'graphql-tag'
 import Factory from '../seed/factories'
 import { GraphQLClient } from 'graphql-request'
 import { host, login } from '../jest/helpers'
@@ -5,6 +6,7 @@ import { host, login } from '../jest/helpers'
 const factory = Factory()
 let client
 let createCommentVariables
+let deleteCommentVariables
 let createPostVariables
 let createCommentVariablesSansPostId
 let createCommentVariablesWithNonExistentPost
@@ -21,22 +23,22 @@ afterEach(async () => {
 })
 
 describe('CreateComment', () => {
-  const createCommentMutation = `
-  mutation($postId: ID, $content: String!) {
-    CreateComment(postId: $postId, content: $content) {
-      id
-      content
+  const createCommentMutation = gql`
+    mutation($postId: ID, $content: String!) {
+      CreateComment(postId: $postId, content: $content) {
+        id
+        content
+      }
     }
-  }
   `
-  const createPostMutation = `
-  mutation($id: ID!, $title: String!, $content: String!) {
-    CreatePost(id: $id, title: $title, content: $content) {
-      id
+  const createPostMutation = gql`
+    mutation($id: ID!, $title: String!, $content: String!) {
+      CreatePost(id: $id, title: $title, content: $content) {
+        id
+      }
     }
-  }
   `
-  const commentQueryForPostId = `
+  const commentQueryForPostId = gql`
     query($content: String) {
       Comment(content: $content) {
         postId
@@ -59,8 +61,13 @@ describe('CreateComment', () => {
   describe('authenticated', () => {
     let headers
     beforeEach(async () => {
-      headers = await login({ email: 'test@example.org', password: '1234' })
-      client = new GraphQLClient(host, { headers })
+      headers = await login({
+        email: 'test@example.org',
+        password: '1234',
+      })
+      client = new GraphQLClient(host, {
+        headers,
+      })
       createCommentVariables = {
         postId: 'p1',
         content: "I'm authorised to comment",
@@ -96,7 +103,15 @@ describe('CreateComment', () => {
           }
         }`)
 
-      expect(User).toEqual([{ comments: [{ content: "I'm authorised to comment" }] }])
+      expect(User).toEqual([
+        {
+          comments: [
+            {
+              content: "I'm authorised to comment",
+            },
+          ],
+        },
+      ])
     })
 
     it('throw an error if an empty string is sent from the editor as content', async () => {
@@ -186,7 +201,204 @@ describe('CreateComment', () => {
         commentQueryForPostId,
         commentQueryVariablesByContent,
       )
-      expect(Comment).toEqual([{ postId: null }])
+      expect(Comment).toEqual([
+        {
+          postId: null,
+        },
+      ])
     })
   })
 })
+
+// describe('DeleteComment', () => {
+//   const createCommentMutation = gql `
+//   mutation($postId: ID, $content: String!) {
+//     CreateComment(postId: $postId, content: $content) {
+//       id
+//       content
+//     }
+//   }
+//   `
+//   const deleteCommentMutation = gql `
+//   mutation($id: ID!) {
+//     DeleteComment(id: $id) {
+//       id
+//       content
+//     }
+//   }
+//   `
+//   const createPostMutation = gql `
+//   mutation($id: ID!, $title: String!, $content: String!) {
+//     CreatePost(id: $id, title: $title, content: $content) {
+//       id
+//     }
+//   }
+//   `
+//   const commentQueryForPostId = gql `
+//     query($content: String) {
+//       Comment(content: $content) {
+//         postId
+//       }
+//     }
+//   `
+//   describe('unauthenticated', () => {
+//     it('throws authorization error', async () => {
+//       deleteCommentVariables = {
+//         id: 'c1',
+//       }
+//       client = new GraphQLClient(host)
+//       await expect(client.request(deleteCommentMutation, deleteCommentVariables)).rejects.toThrow(
+//         'Not Authorised',
+//       )
+//     })
+//   })
+
+//   // describe('authenticated', () => {
+//   //   let headers
+//   //   beforeEach(async () => {
+//   //     headers = await login({
+//   //       email: 'test@example.org',
+//   //       password: '1234'
+//   //     })
+//   //     client = new GraphQLClient(host, {
+//   //       headers
+//   //     })
+//   //     createCommentVariables = {
+//   //       postId: 'p1',
+//   //       content: "I'm authorised to comment",
+//   //     }
+//   //     createPostVariables = {
+//   //       id: 'p1',
+//   //       title: 'post to comment on',
+//   //       content: 'please comment on me',
+//   //     }
+//   //     await client.request(createPostMutation, createPostVariables)
+//   //   })
+
+//   //   it('creates a comment', async () => {
+//   //     const expected = {
+//   //       CreateComment: {
+//   //         content: "I'm authorised to comment",
+//   //       },
+//   //     }
+
+//   //     await expect(
+//   //       client.request(createCommentMutation, createCommentVariables),
+//   //     ).resolves.toMatchObject(expected)
+//   //   })
+
+//   //   it('assigns the authenticated user as author', async () => {
+//   //     await client.request(createCommentMutation, createCommentVariables)
+
+//   //     const {
+//   //       User
+//   //     } = await client.request(`{
+//   //         User(email: "test@example.org") {
+//   //           comments {
+//   //             content
+//   //           }
+//   //         }
+//   //       }`)
+
+//   //     expect(User).toEqual([{
+//   //       comments: [{
+//   //         content: "I'm authorised to comment"
+//   //       }]
+//   //     }])
+//   //   })
+
+//   //   it('throw an error if an empty string is sent from the editor as content', async () => {
+//   //     createCommentVariables = {
+//   //       postId: 'p1',
+//   //       content: '<p></p>',
+//   //     }
+
+//   //     await expect(client.request(createCommentMutation, createCommentVariables)).rejects.toThrow(
+//   //       'Comment must be at least 1 character long!',
+//   //     )
+//   //   })
+
+//   //   it('throws an error if a comment sent from the editor does not contain a single character', async () => {
+//   //     createCommentVariables = {
+//   //       postId: 'p1',
+//   //       content: '<p> </p>',
+//   //     }
+
+//   //     await expect(client.request(createCommentMutation, createCommentVariables)).rejects.toThrow(
+//   //       'Comment must be at least 1 character long!',
+//   //     )
+//   //   })
+
+//   //   it('throws an error if postId is sent as an empty string', async () => {
+//   //     createCommentVariables = {
+//   //       postId: 'p1',
+//   //       content: '',
+//   //     }
+
+//   //     await expect(client.request(createCommentMutation, createCommentVariables)).rejects.toThrow(
+//   //       'Comment must be at least 1 character long!',
+//   //     )
+//   //   })
+
+//   //   it('throws an error if content is sent as an string of empty characters', async () => {
+//   //     createCommentVariables = {
+//   //       postId: 'p1',
+//   //       content: '    ',
+//   //     }
+
+//   //     await expect(client.request(createCommentMutation, createCommentVariables)).rejects.toThrow(
+//   //       'Comment must be at least 1 character long!',
+//   //     )
+//   //   })
+
+//   //   it('throws an error if postId is sent as an empty string', async () => {
+//   //     createCommentVariablesSansPostId = {
+//   //       postId: '',
+//   //       content: 'this comment should not be created',
+//   //     }
+
+//   //     await expect(
+//   //       client.request(createCommentMutation, createCommentVariablesSansPostId),
+//   //     ).rejects.toThrow('Comment cannot be created without a post!')
+//   //   })
+
+//   //   it('throws an error if postId is sent as an string of empty characters', async () => {
+//   //     createCommentVariablesSansPostId = {
+//   //       postId: '   ',
+//   //       content: 'this comment should not be created',
+//   //     }
+
+//   //     await expect(
+//   //       client.request(createCommentMutation, createCommentVariablesSansPostId),
+//   //     ).rejects.toThrow('Comment cannot be created without a post!')
+//   //   })
+
+//   //   it('throws an error if the post does not exist in the database', async () => {
+//   //     createCommentVariablesWithNonExistentPost = {
+//   //       postId: 'p2',
+//   //       content: "comment should not be created cause the post doesn't exist",
+//   //     }
+
+//   //     await expect(
+//   //       client.request(createCommentMutation, createCommentVariablesWithNonExistentPost),
+//   //     ).rejects.toThrow('Comment cannot be created without a post!')
+//   //   })
+
+//   //   it('does not create the comment with the postId as an attribute', async () => {
+//   //     const commentQueryVariablesByContent = {
+//   //       content: "I'm authorised to comment",
+//   //     }
+
+//   //     await client.request(createCommentMutation, createCommentVariables)
+//   //     const {
+//   //       Comment
+//   //     } = await client.request(
+//   //       commentQueryForPostId,
+//   //       commentQueryVariablesByContent,
+//   //     )
+//   //     expect(Comment).toEqual([{
+//   //       postId: null
+//   //     }])
+//   //   })
+//   // })
+// })
diff --git a/webapp/components/Comment.spec.js b/webapp/components/Comment.spec.js
index fa22679c5..e899a05e1 100644
--- a/webapp/components/Comment.spec.js
+++ b/webapp/components/Comment.spec.js
@@ -1,8 +1,4 @@
-import {
-  config,
-  shallowMount,
-  createLocalVue
-} from '@vue/test-utils'
+import { config, shallowMount, createLocalVue } from '@vue/test-utils'
 import Comment from './Comment.vue'
 import Vuex from 'vuex'
 import Styleguide from '@human-connection/styleguide'
@@ -25,6 +21,13 @@ describe('Comment.vue', () => {
     propsData = {}
     mocks = {
       $t: jest.fn(),
+      $toast: {
+        success: jest.fn(),
+        error: jest.fn(),
+      },
+      $apollo: {
+        mutate: jest.fn().mockResolvedValue(),
+      },
     }
     getters = {
       'auth/user': () => {
@@ -76,12 +79,9 @@ describe('Comment.vue', () => {
         })
 
         it('translates a placeholder', () => {
-          /* const wrapper = */
-          Wrapper()
+          wrapper = Wrapper()
           const calls = mocks.$t.mock.calls
-          const expected = [
-            ['comment.content.unavailable-placeholder']
-          ]
+          const expected = [['comment.content.unavailable-placeholder']]
           expect(calls).toEqual(expect.arrayContaining(expected))
         })
 
@@ -121,10 +121,6 @@ describe('Comment.vue', () => {
               expect(wrapper.emitted().deleteComment.length).toBe(1)
             })
 
-            // it('does not go to index (main) page', () => {
-            //   expect(mocks.$router.history.push).not.toHaveBeenCalled()
-            // })
-
             it('does call mutation', () => {
               expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1)
             })
diff --git a/webapp/components/ContentMenu.vue b/webapp/components/ContentMenu.vue
index ffa42fec0..60cc4b658 100644
--- a/webapp/components/ContentMenu.vue
+++ b/webapp/components/ContentMenu.vue
@@ -1,18 +1,32 @@
 <template>
-  <dropdown class="content-menu"
-:placement="placement" offset="5">
-    <template slot="default"
-slot-scope="{toggleMenu}">
-      <slot name="button"
-:toggleMenu="toggleMenu">
-        <ds-button class="content-menu-trigger"
-size="small" ghost @click.prevent="toggleMenu">
+  <dropdown
+    class="content-menu"
+    :placement="placement"
+    offset="5"
+  >
+    <template
+      slot="default"
+      slot-scope="{toggleMenu}"
+    >
+      <slot
+        name="button"
+        :toggleMenu="toggleMenu"
+      >
+        <ds-button
+          class="content-menu-trigger"
+          size="small"
+          ghost
+          @click.prevent="toggleMenu"
+        >
           <ds-icon name="ellipsis-v" />
         </ds-button>
       </slot>
     </template>
-    <div slot="popover"
-slot-scope="{toggleMenu}" class="content-menu-popover">
+    <div
+      slot="popover"
+      slot-scope="{toggleMenu}"
+      class="content-menu-popover"
+    >
       <ds-menu :routes="routes">
         <ds-menu-item
           slot="menuitem"
diff --git a/webapp/components/comments/CommentList/index.vue b/webapp/components/comments/CommentList/index.vue
index eb9cac088..6b81bebdf 100644
--- a/webapp/components/comments/CommentList/index.vue
+++ b/webapp/components/comments/CommentList/index.vue
@@ -22,7 +22,7 @@
         v-for="(comment, index) in comments"
         :key="comment.id"
         :comment="comment"
-        @deleteComment="deleteComment(index)"
+        @deleteComment="comments.splice(index, 1)"
       />
     </div>
     <hc-empty
@@ -65,9 +65,6 @@ export default {
         this.$apollo.queries.Post.refetch()
       }
     },
-    deleteComment(index) {
-      this.comments.splice(index, 1)
-    },
   },
   apollo: {
     Post: {
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index 21163282a..6d07388dc 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -1,10 +1,7 @@
 <template>
   <div>
-    <ds-flex
-      v-if="Post && Post.length"
-      :width="{ base: '100%' }"
-      gutter="base"
-    >
+    <ds-flex v-if="Post && Post.length"
+:width="{ base: '100%' }" gutter="base">
       <hc-post-card
         v-for="(post, index) in uniq(Post)"
         :key="post.id"
@@ -23,11 +20,8 @@
         primary
       />
     </no-ssr>
-    <hc-load-more
-      v-if="true"
-      :loading="$apollo.loading"
-      @click="showMoreContributions"
-    />
+    <hc-load-more v-if="true"
+:loading="$apollo.loading" @click="showMoreContributions" />
   </div>
 </template>
 
@@ -90,7 +84,8 @@ export default {
       this.Post = this.Post.filter(post => {
         return post.id !== postId
       })
-      // Ideal solution:
+      // Why "uniq(Post)" is used in the array for list creation?
+      // Ideal solution here:
       // this.Post.splice(index, 1)
     },
   },
diff --git a/webapp/pages/post/_id/_slug/more-info.vue b/webapp/pages/post/_id/_slug/more-info.vue
index f7f5d583e..be218dc85 100644
--- a/webapp/pages/post/_id/_slug/more-info.vue
+++ b/webapp/pages/post/_id/_slug/more-info.vue
@@ -1,11 +1,13 @@
 <template>
   <ds-card>
     <h2 style="margin-bottom: .2em;">
-      Mehr Informationen
-    </h2>
+Mehr Informationen
+</h2>
     <p>Hier findest du weitere infos zum Thema.</p>
     <ds-space />
-    <h3><ds-icon name="compass" /> Themenkategorien</h3>
+    <h3>
+      <ds-icon name="compass" />Themenkategorien
+    </h3>
     <div class="tags">
       <ds-icon
         v-for="category in post.categories"
@@ -16,39 +18,34 @@
       />&nbsp;
       <!--<ds-tag
         v-for="category in post.categories"
-        :key="category.id"><ds-icon :name="category.icon" /> {{ category.name }}</ds-tag>-->
+      :key="category.id"><ds-icon :name="category.icon" /> {{ category.name }}</ds-tag>-->
     </div>
     <template v-if="post.tags && post.tags.length">
-      <h3><ds-icon name="tags" /> Schlagwörter</h3>
+      <h3>
+        <ds-icon name="tags" />Schlagwörter
+      </h3>
       <div class="tags">
-        <ds-tag
-          v-for="tag in post.tags"
-          :key="tag.id"
-        >
-          <ds-icon name="tag" /> {{ tag.name }}
+        <ds-tag v-for="tag in post.tags"
+:key="tag.id">
+          <ds-icon name="tag" />
+          {{ tag.name }}
         </ds-tag>
       </div>
     </template>
     <h3>Verwandte Beiträge</h3>
     <ds-section style="margin: 0 -1.5rem; padding: 1.5rem;">
-      <ds-flex
-        v-if="post.relatedContributions && post.relatedContributions.length"
-        gutter="small"
-      >
+      <ds-flex v-if="post.relatedContributions && post.relatedContributions.length"
+gutter="small">
         <hc-post-card
           v-for="(relatedPost, index) in post.relatedContributions"
           :key="relatedPost.id"
           :post="relatedPost"
           :width="{ base: '100%', lg: 1 }"
-          @deletePost="deletePost(index)"
+          @deletePost="post.relatedContributions.splice(index, 1)"
         />
       </ds-flex>
-      <hc-empty
-        v-else
-        margin="large"
-        icon="file"
-        message="No related Posts"
-      />
+      <hc-empty v-else
+margin="large" icon="file" message="No related Posts" />
     </ds-section>
     <ds-space margin-bottom="large" />
   </ds-card>
@@ -73,11 +70,6 @@ export default {
       return this.Post ? this.Post[0] || {} : {}
     },
   },
-  methods: {
-    deletePost(index) {
-      this.post.relatedContributions.splice(index, 1)
-    },
-  },
   apollo: {
     Post: {
       query() {
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 710d87031..b109dc65b 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -3,27 +3,15 @@
     <ds-card v-if="user && user.image">
       <p>PROFILE IMAGE</p>
     </ds-card>
-    <ds-space />
-    <ds-flex
-      v-if="user"
-      :width="{ base: '100%' }"
-      gutter="base"
-    >
+    <ds-space/>
+    <ds-flex v-if="user" :width="{ base: '100%' }" gutter="base">
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
         <ds-card
           :class="{'disabled-content': user.disabled}"
           style="position: relative; height: auto;"
         >
-          <hc-upload
-            v-if="myProfile"
-            :user="user"
-          />
-          <hc-avatar
-            v-else
-            :user="user"
-            class="profile-avatar"
-            size="x-large"
-          />
+          <hc-upload v-if="myProfile" :user="user"/>
+          <hc-avatar v-else :user="user" class="profile-avatar" size="x-large"/>
           <no-ssr>
             <content-menu
               placement="bottom-end"
@@ -35,54 +23,32 @@
             />
           </no-ssr>
           <ds-space margin="small">
-            <ds-heading
-              tag="h3"
-              align="center"
-              no-margin
-            >
-              {{ userName }}
-            </ds-heading>
-            <ds-text
-              v-if="user.location"
-              align="center"
-              color="soft"
-              size="small"
-            >
-              <ds-icon name="map-marker" />
+            <ds-heading tag="h3" align="center" no-margin>{{ userName }}</ds-heading>
+            <ds-text v-if="user.location" align="center" color="soft" size="small">
+              <ds-icon name="map-marker"/>
               {{ user.location.name }}
             </ds-text>
             <ds-text
               align="center"
               color="soft"
               size="small"
-            >
-              {{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}
-            </ds-text>
+            >{{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}</ds-text>
           </ds-space>
-          <ds-space
-            v-if="user.badges && user.badges.length"
-            margin="x-small"
-          >
-            <hc-badges :badges="user.badges" />
+          <ds-space v-if="user.badges && user.badges.length" margin="x-small">
+            <hc-badges :badges="user.badges"/>
           </ds-space>
           <ds-flex>
             <ds-flex-item>
               <no-ssr>
                 <ds-number :label="$t('profile.followers')">
-                  <hc-count-to
-                    slot="count"
-                    :end-val="followedByCount"
-                  />
+                  <hc-count-to slot="count" :end-val="followedByCount"/>
                 </ds-number>
               </no-ssr>
             </ds-flex-item>
             <ds-flex-item>
               <no-ssr>
                 <ds-number :label="$t('profile.following')">
-                  <hc-count-to
-                    slot="count"
-                    :end-val="Number(user.followingCount) || 0"
-                  />
+                  <hc-count-to slot="count" :end-val="Number(user.followingCount) || 0"/>
                 </ds-number>
               </no-ssr>
             </ds-flex-item>
@@ -98,136 +64,69 @@
           </ds-space>
           <template v-if="user.about">
             <hr>
-            <ds-space
-              margin-top="small"
-              margin-bottom="small"
-            >
-              <ds-text
-                color="soft"
-                size="small"
-              >
-                {{ user.about }}
-              </ds-text>
+            <ds-space margin-top="small" margin-bottom="small">
+              <ds-text color="soft" size="small">{{ user.about }}</ds-text>
             </ds-space>
           </template>
         </ds-card>
-        <ds-space />
-        <ds-heading
-          tag="h3"
-          soft
-          style="text-align: center; margin-bottom: 10px;"
-        >
-          Netzwerk
-        </ds-heading>
+        <ds-space/>
+        <ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px;">Netzwerk</ds-heading>
         <ds-card style="position: relative; height: auto;">
-          <ds-space
-            v-if="user.following && user.following.length"
-            margin="x-small"
-          >
-            <ds-text
-              tag="h5"
-              color="soft"
-            >
-              Wem folgt {{ userName | truncate(15) }}?
-            </ds-text>
+          <ds-space v-if="user.following && user.following.length" margin="x-small">
+            <ds-text tag="h5" color="soft">Wem folgt {{ userName | truncate(15) }}?</ds-text>
           </ds-space>
           <template v-if="user.following && user.following.length">
-            <ds-space
-              v-for="follow in uniq(user.following)"
-              :key="follow.id"
-              margin="x-small"
-            >
+            <ds-space v-for="follow in uniq(user.following)" :key="follow.id" margin="x-small">
               <!-- TODO: find better solution for rendering errors -->
               <no-ssr>
-                <user
-                  :user="follow"
-                  :trunc="15"
-                />
+                <user :user="follow" :trunc="15"/>
               </no-ssr>
             </ds-space>
-            <ds-space
-              v-if="user.followingCount - user.following.length"
-              margin="small"
-            >
+            <ds-space v-if="user.followingCount - user.following.length" margin="small">
               <ds-text
                 size="small"
                 color="softer"
-              >
-                und {{ user.followingCount - user.following.length }} weitere
-              </ds-text>
+              >und {{ user.followingCount - user.following.length }} weitere</ds-text>
             </ds-space>
           </template>
           <template v-else>
-            <p style="text-align: center; opacity: .5;">
-              {{ userName }} folgt niemandem
-            </p>
+            <p style="text-align: center; opacity: .5;">{{ userName }} folgt niemandem</p>
           </template>
         </ds-card>
-        <ds-space />
+        <ds-space/>
         <ds-card style="position: relative; height: auto;">
-          <ds-space
-            v-if="user.followedBy && user.followedBy.length"
-            margin="x-small"
-          >
-            <ds-text
-              tag="h5"
-              color="soft"
-            >
-              Wer folgt {{ userName | truncate(15) }}?
-            </ds-text>
+          <ds-space v-if="user.followedBy && user.followedBy.length" margin="x-small">
+            <ds-text tag="h5" color="soft">Wer folgt {{ userName | truncate(15) }}?</ds-text>
           </ds-space>
           <template v-if="user.followedBy && user.followedBy.length">
-            <ds-space
-              v-for="follow in uniq(user.followedBy)"
-              :key="follow.id"
-              margin="x-small"
-            >
+            <ds-space v-for="follow in uniq(user.followedBy)" :key="follow.id" margin="x-small">
               <!-- TODO: find better solution for rendering errors -->
               <no-ssr>
-                <user
-                  :user="follow"
-                  :trunc="15"
-                />
+                <user :user="follow" :trunc="15"/>
               </no-ssr>
             </ds-space>
-            <ds-space
-              v-if="user.followedByCount - user.followedBy.length"
-              margin="small"
-            >
+            <ds-space v-if="user.followedByCount - user.followedBy.length" margin="small">
               <ds-text
                 size="small"
                 color="softer"
-              >
-                und {{ user.followedByCount - user.followedBy.length }} weitere
-              </ds-text>
+              >und {{ user.followedByCount - user.followedBy.length }} weitere</ds-text>
             </ds-space>
           </template>
           <template v-else>
-            <p style="text-align: center; opacity: .5;">
-              niemand folgt {{ userName }}
-            </p>
+            <p style="text-align: center; opacity: .5;">niemand folgt {{ userName }}</p>
           </template>
         </ds-card>
-        <ds-space
-          v-if="user.socialMedia && user.socialMedia.length"
-          margin="large"
-        >
+        <ds-space v-if="user.socialMedia && user.socialMedia.length" margin="large">
           <ds-card style="position: relative; height: auto;">
             <ds-space margin="x-small">
               <ds-text
                 tag="h5"
                 color="soft"
-              >
-                {{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?
-              </ds-text>
+              >{{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?</ds-text>
               <template>
-                <ds-space
-                  v-for="link in socialMediaLinks"
-                  :key="link.username"
-                  margin="x-small"
-                >
+                <ds-space v-for="link in socialMediaLinks" :key="link.username" margin="x-small">
                   <a :href="link.url">
-                    <ds-avatar :image="link.favicon" />
+                    <ds-avatar :image="link.favicon"/>
                     {{ 'link.username' }}
                   </a>
                 </ds-space>
@@ -237,10 +136,7 @@
         </ds-space>
       </ds-flex-item>
       <ds-flex-item :width="{ base: '100%', sm: 3, md: 5, lg: 3 }">
-        <ds-flex
-          :width="{ base: '100%' }"
-          gutter="small"
-        >
+        <ds-flex :width="{ base: '100%' }" gutter="small">
           <ds-flex-item class="profile-top-navigation">
             <ds-card class="ds-tab-nav">
               <ds-flex>
@@ -249,10 +145,7 @@
                     <!-- TODO: find better solution for rendering errors -->
                     <no-ssr>
                       <ds-number :label="$t('common.post', null, user.contributionsCount)">
-                        <hc-count-to
-                          slot="count"
-                          :end-val="user.contributionsCount"
-                        />
+                        <hc-count-to slot="count" :end-val="user.contributionsCount"/>
                       </ds-number>
                     </no-ssr>
                   </ds-space>
@@ -299,23 +192,16 @@
               :key="post.id"
               :post="post"
               :width="{ base: '100%', md: '100%', xl: '50%' }"
-              @deletePost="deletePost(index)"
+              @deletePost="user.contributions.splice(index, 1)"
             />
           </template>
           <template v-else>
             <ds-flex-item :width="{ base: '100%' }">
-              <hc-empty
-                margin="xx-large"
-                icon="file"
-              />
+              <hc-empty margin="xx-large" icon="file"/>
             </ds-flex-item>
           </template>
         </ds-flex>
-        <hc-load-more
-          v-if="hasMore"
-          :loading="$apollo.loading"
-          @click="showMoreContributions"
-        />
+        <hc-load-more v-if="hasMore" :loading="$apollo.loading" @click="showMoreContributions"/>
       </ds-flex-item>
     </ds-flex>
   </div>
@@ -440,9 +326,6 @@ export default {
         fetchPolicy: 'cache-and-network',
       })
     },
-    deletePost(index) {
-      this.user.contributions.splice(index, 1)
-    },
   },
   apollo: {
     User: {

From 038e2167487a90166f7c7cb397dc284d79232e1a Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <dependabot-preview[bot]@users.noreply.github.com>
Date: Fri, 31 May 2019 15:06:18 +0000
Subject: [PATCH 27/38] Bump node from 10-alpine to 12.3.1-alpine in /webapp

Bumps node from 10-alpine to 12.3.1-alpine.
---
 webapp/Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/Dockerfile b/webapp/Dockerfile
index 7274693a4..3c44167af 100644
--- a/webapp/Dockerfile
+++ b/webapp/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:10-alpine as base
+FROM node:12.3.1-alpine as base
 LABEL Description="Web Frontend of the Social Network Human-Connection.org" Vendor="Human-Connection gGmbH" Version="0.0.1" Maintainer="Human-Connection gGmbH (developer@human-connection.org)"
 
 EXPOSE 3000

From e63e4ad890583f12ac4b3d4c017878f6b6e1b7e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Fri, 31 May 2019 17:42:04 +0200
Subject: [PATCH 28/38] Written custom mutation and Jest tests for
 DeleteComment

---
 backend/src/resolvers/comments.js         |   2 +-
 backend/src/resolvers/comments.spec.js    | 270 +++++++---------------
 backend/src/resolvers/socialMedia.spec.js |  40 +++-
 webapp/components/Comment.vue             |   1 -
 webapp/pages/index.vue                    |  14 +-
 webapp/pages/post/_id/_slug/more-info.vue |  24 +-
 webapp/pages/profile/_id/_slug.vue        | 192 +++++++++++----
 7 files changed, 289 insertions(+), 254 deletions(-)

diff --git a/backend/src/resolvers/comments.js b/backend/src/resolvers/comments.js
index a4b3c21b1..7f3b11da4 100644
--- a/backend/src/resolvers/comments.js
+++ b/backend/src/resolvers/comments.js
@@ -56,7 +56,7 @@ export default {
       return comment
     },
     DeleteComment: async (object, params, context, resolveInfo) => {
-      const socialMedia = await neo4jgraphql(object, params, context, resolveInfo, false)
+      const comment = await neo4jgraphql(object, params, context, resolveInfo, false)
 
       return comment
     },
diff --git a/backend/src/resolvers/comments.spec.js b/backend/src/resolvers/comments.spec.js
index 4d86d2d58..e3bf00528 100644
--- a/backend/src/resolvers/comments.spec.js
+++ b/backend/src/resolvers/comments.spec.js
@@ -95,13 +95,15 @@ describe('CreateComment', () => {
     it('assigns the authenticated user as author', async () => {
       await client.request(createCommentMutation, createCommentVariables)
 
-      const { User } = await client.request(`{
+      const { User } = await client.request(gql`
+        {
           User(email: "test@example.org") {
             comments {
               content
             }
           }
-        }`)
+        }
+      `)
 
       expect(User).toEqual([
         {
@@ -210,195 +212,83 @@ describe('CreateComment', () => {
   })
 })
 
-// describe('DeleteComment', () => {
-//   const createCommentMutation = gql `
-//   mutation($postId: ID, $content: String!) {
-//     CreateComment(postId: $postId, content: $content) {
-//       id
-//       content
-//     }
-//   }
-//   `
-//   const deleteCommentMutation = gql `
-//   mutation($id: ID!) {
-//     DeleteComment(id: $id) {
-//       id
-//       content
-//     }
-//   }
-//   `
-//   const createPostMutation = gql `
-//   mutation($id: ID!, $title: String!, $content: String!) {
-//     CreatePost(id: $id, title: $title, content: $content) {
-//       id
-//     }
-//   }
-//   `
-//   const commentQueryForPostId = gql `
-//     query($content: String) {
-//       Comment(content: $content) {
-//         postId
-//       }
-//     }
-//   `
-//   describe('unauthenticated', () => {
-//     it('throws authorization error', async () => {
-//       deleteCommentVariables = {
-//         id: 'c1',
-//       }
-//       client = new GraphQLClient(host)
-//       await expect(client.request(deleteCommentMutation, deleteCommentVariables)).rejects.toThrow(
-//         'Not Authorised',
-//       )
-//     })
-//   })
+describe('DeleteComment', () => {
+  const createCommentMutation = gql`
+    mutation($postId: ID, $content: String!) {
+      CreateComment(postId: $postId, content: $content) {
+        id
+        content
+      }
+    }
+  `
+  const deleteCommentMutation = gql`
+    mutation($id: ID!) {
+      DeleteComment(id: $id) {
+        id
+      }
+    }
+  `
+  const createPostMutation = gql`
+    mutation($id: ID!, $title: String!, $content: String!) {
+      CreatePost(id: $id, title: $title, content: $content) {
+        id
+      }
+    }
+  `
+  describe('unauthenticated', () => {
+    it('throws authorization error', async () => {
+      deleteCommentVariables = {
+        id: 'c1',
+      }
+      client = new GraphQLClient(host)
+      await expect(client.request(deleteCommentMutation, deleteCommentVariables)).rejects.toThrow(
+        'Not Authorised',
+      )
+    })
+  })
 
-//   // describe('authenticated', () => {
-//   //   let headers
-//   //   beforeEach(async () => {
-//   //     headers = await login({
-//   //       email: 'test@example.org',
-//   //       password: '1234'
-//   //     })
-//   //     client = new GraphQLClient(host, {
-//   //       headers
-//   //     })
-//   //     createCommentVariables = {
-//   //       postId: 'p1',
-//   //       content: "I'm authorised to comment",
-//   //     }
-//   //     createPostVariables = {
-//   //       id: 'p1',
-//   //       title: 'post to comment on',
-//   //       content: 'please comment on me',
-//   //     }
-//   //     await client.request(createPostMutation, createPostVariables)
-//   //   })
+  describe('authenticated', () => {
+    let headers
+    beforeEach(async () => {
+      headers = await login({
+        email: 'test@example.org',
+        password: '1234',
+      })
+      client = new GraphQLClient(host, {
+        headers,
+      })
+      createCommentVariables = {
+        id: 'c1',
+        postId: 'p1',
+        content: "I'm authorised to comment",
+      }
+      deleteCommentVariables = {
+        id: 'c1',
+      }
+      createPostVariables = {
+        id: 'p1',
+        title: 'post to comment on',
+        content: 'please comment on me',
+      }
+      await client.request(createPostMutation, createPostVariables)
+    })
 
-//   //   it('creates a comment', async () => {
-//   //     const expected = {
-//   //       CreateComment: {
-//   //         content: "I'm authorised to comment",
-//   //       },
-//   //     }
+    it('deletes the authors comment', async () => {
+      const { CreateComment } = await client.request(createCommentMutation, createCommentVariables)
 
-//   //     await expect(
-//   //       client.request(createCommentMutation, createCommentVariables),
-//   //     ).resolves.toMatchObject(expected)
-//   //   })
+      deleteCommentVariables = {
+        id: CreateComment.id,
+      }
+      const expected = {
+        DeleteComment: {
+          id: CreateComment.id,
+        },
+      }
+      await expect(
+        client.request(deleteCommentMutation, deleteCommentVariables),
+      ).resolves.toMatchObject(expected)
+    })
 
-//   //   it('assigns the authenticated user as author', async () => {
-//   //     await client.request(createCommentMutation, createCommentVariables)
-
-//   //     const {
-//   //       User
-//   //     } = await client.request(`{
-//   //         User(email: "test@example.org") {
-//   //           comments {
-//   //             content
-//   //           }
-//   //         }
-//   //       }`)
-
-//   //     expect(User).toEqual([{
-//   //       comments: [{
-//   //         content: "I'm authorised to comment"
-//   //       }]
-//   //     }])
-//   //   })
-
-//   //   it('throw an error if an empty string is sent from the editor as content', async () => {
-//   //     createCommentVariables = {
-//   //       postId: 'p1',
-//   //       content: '<p></p>',
-//   //     }
-
-//   //     await expect(client.request(createCommentMutation, createCommentVariables)).rejects.toThrow(
-//   //       'Comment must be at least 1 character long!',
-//   //     )
-//   //   })
-
-//   //   it('throws an error if a comment sent from the editor does not contain a single character', async () => {
-//   //     createCommentVariables = {
-//   //       postId: 'p1',
-//   //       content: '<p> </p>',
-//   //     }
-
-//   //     await expect(client.request(createCommentMutation, createCommentVariables)).rejects.toThrow(
-//   //       'Comment must be at least 1 character long!',
-//   //     )
-//   //   })
-
-//   //   it('throws an error if postId is sent as an empty string', async () => {
-//   //     createCommentVariables = {
-//   //       postId: 'p1',
-//   //       content: '',
-//   //     }
-
-//   //     await expect(client.request(createCommentMutation, createCommentVariables)).rejects.toThrow(
-//   //       'Comment must be at least 1 character long!',
-//   //     )
-//   //   })
-
-//   //   it('throws an error if content is sent as an string of empty characters', async () => {
-//   //     createCommentVariables = {
-//   //       postId: 'p1',
-//   //       content: '    ',
-//   //     }
-
-//   //     await expect(client.request(createCommentMutation, createCommentVariables)).rejects.toThrow(
-//   //       'Comment must be at least 1 character long!',
-//   //     )
-//   //   })
-
-//   //   it('throws an error if postId is sent as an empty string', async () => {
-//   //     createCommentVariablesSansPostId = {
-//   //       postId: '',
-//   //       content: 'this comment should not be created',
-//   //     }
-
-//   //     await expect(
-//   //       client.request(createCommentMutation, createCommentVariablesSansPostId),
-//   //     ).rejects.toThrow('Comment cannot be created without a post!')
-//   //   })
-
-//   //   it('throws an error if postId is sent as an string of empty characters', async () => {
-//   //     createCommentVariablesSansPostId = {
-//   //       postId: '   ',
-//   //       content: 'this comment should not be created',
-//   //     }
-
-//   //     await expect(
-//   //       client.request(createCommentMutation, createCommentVariablesSansPostId),
-//   //     ).rejects.toThrow('Comment cannot be created without a post!')
-//   //   })
-
-//   //   it('throws an error if the post does not exist in the database', async () => {
-//   //     createCommentVariablesWithNonExistentPost = {
-//   //       postId: 'p2',
-//   //       content: "comment should not be created cause the post doesn't exist",
-//   //     }
-
-//   //     await expect(
-//   //       client.request(createCommentMutation, createCommentVariablesWithNonExistentPost),
-//   //     ).rejects.toThrow('Comment cannot be created without a post!')
-//   //   })
-
-//   //   it('does not create the comment with the postId as an attribute', async () => {
-//   //     const commentQueryVariablesByContent = {
-//   //       content: "I'm authorised to comment",
-//   //     }
-
-//   //     await client.request(createCommentMutation, createCommentVariables)
-//   //     const {
-//   //       Comment
-//   //     } = await client.request(
-//   //       commentQueryForPostId,
-//   //       commentQueryVariablesByContent,
-//   //     )
-//   //     expect(Comment).toEqual([{
-//   //       postId: null
-//   //     }])
-//   //   })
-//   // })
-// })
+    it.todo('throws an error if it tries to delete a comment not from this author')
+  })
+})
diff --git a/backend/src/resolvers/socialMedia.spec.js b/backend/src/resolvers/socialMedia.spec.js
index 5143587b1..4e298e783 100644
--- a/backend/src/resolvers/socialMedia.spec.js
+++ b/backend/src/resolvers/socialMedia.spec.js
@@ -1,13 +1,14 @@
+import gql from 'graphql-tag'
 import Factory from '../seed/factories'
 import { GraphQLClient } from 'graphql-request'
 import { host, login } from '../jest/helpers'
 
 const factory = Factory()
 
-describe('CreateSocialMedia', () => {
+describe('SocialMedia', () => {
   let client
   let headers
-  const mutationC = `
+  const mutationC = gql`
     mutation($url: String!) {
       CreateSocialMedia(url: $url) {
         id
@@ -15,7 +16,7 @@ describe('CreateSocialMedia', () => {
       }
     }
   `
-  const mutationD = `
+  const mutationD = gql`
     mutation($id: ID!) {
       DeleteSocialMedia(id: $id) {
         id
@@ -42,19 +43,28 @@ describe('CreateSocialMedia', () => {
   describe('unauthenticated', () => {
     it('throws authorization error', async () => {
       client = new GraphQLClient(host)
-      const variables = { url: 'http://nsosp.org' }
+      const variables = {
+        url: 'http://nsosp.org',
+      }
       await expect(client.request(mutationC, variables)).rejects.toThrow('Not Authorised')
     })
   })
 
   describe('authenticated', () => {
     beforeEach(async () => {
-      headers = await login({ email: 'test@example.org', password: '1234' })
-      client = new GraphQLClient(host, { headers })
+      headers = await login({
+        email: 'test@example.org',
+        password: '1234',
+      })
+      client = new GraphQLClient(host, {
+        headers,
+      })
     })
 
     it('creates social media with correct URL', async () => {
-      const variables = { url: 'http://nsosp.org' }
+      const variables = {
+        url: 'http://nsosp.org',
+      }
       await expect(client.request(mutationC, variables)).resolves.toEqual(
         expect.objectContaining({
           CreateSocialMedia: {
@@ -66,11 +76,15 @@ describe('CreateSocialMedia', () => {
     })
 
     it('deletes social media', async () => {
-      const creationVariables = { url: 'http://nsosp.org' }
+      const creationVariables = {
+        url: 'http://nsosp.org',
+      }
       const { CreateSocialMedia } = await client.request(mutationC, creationVariables)
       const { id } = CreateSocialMedia
 
-      const deletionVariables = { id }
+      const deletionVariables = {
+        id,
+      }
       const expected = {
         DeleteSocialMedia: {
           id: id,
@@ -81,12 +95,16 @@ describe('CreateSocialMedia', () => {
     })
 
     it('rejects empty string', async () => {
-      const variables = { url: '' }
+      const variables = {
+        url: '',
+      }
       await expect(client.request(mutationC, variables)).rejects.toThrow('Input is not a URL')
     })
 
     it('validates URLs', async () => {
-      const variables = { url: 'not-a-url' }
+      const variables = {
+        url: 'not-a-url',
+      }
       await expect(client.request(mutationC, variables)).rejects.toThrow('Input is not a URL')
     })
   })
diff --git a/webapp/components/Comment.vue b/webapp/components/Comment.vue
index ce5433332..7c85192d8 100644
--- a/webapp/components/Comment.vue
+++ b/webapp/components/Comment.vue
@@ -74,7 +74,6 @@ export default {
     },
     async deleteCommentCallback() {
       try {
-        // XXX Make custom mutation and tests in the Backend !!!
         var gqlMutation = gql`
           mutation($id: ID!) {
             DeleteComment(id: $id) {
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index 6d07388dc..42b0f3eb4 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -1,7 +1,10 @@
 <template>
   <div>
-    <ds-flex v-if="Post && Post.length"
-:width="{ base: '100%' }" gutter="base">
+    <ds-flex
+      v-if="Post && Post.length"
+      :width="{ base: '100%' }"
+      gutter="base"
+    >
       <hc-post-card
         v-for="(post, index) in uniq(Post)"
         :key="post.id"
@@ -20,8 +23,11 @@
         primary
       />
     </no-ssr>
-    <hc-load-more v-if="true"
-:loading="$apollo.loading" @click="showMoreContributions" />
+    <hc-load-more
+      v-if="true"
+      :loading="$apollo.loading"
+      @click="showMoreContributions"
+    />
   </div>
 </template>
 
diff --git a/webapp/pages/post/_id/_slug/more-info.vue b/webapp/pages/post/_id/_slug/more-info.vue
index be218dc85..aa7c250c8 100644
--- a/webapp/pages/post/_id/_slug/more-info.vue
+++ b/webapp/pages/post/_id/_slug/more-info.vue
@@ -1,8 +1,8 @@
 <template>
   <ds-card>
     <h2 style="margin-bottom: .2em;">
-Mehr Informationen
-</h2>
+      Mehr Informationen
+    </h2>
     <p>Hier findest du weitere infos zum Thema.</p>
     <ds-space />
     <h3>
@@ -25,8 +25,10 @@ Mehr Informationen
         <ds-icon name="tags" />Schlagwörter
       </h3>
       <div class="tags">
-        <ds-tag v-for="tag in post.tags"
-:key="tag.id">
+        <ds-tag
+          v-for="tag in post.tags"
+          :key="tag.id"
+        >
           <ds-icon name="tag" />
           {{ tag.name }}
         </ds-tag>
@@ -34,8 +36,10 @@ Mehr Informationen
     </template>
     <h3>Verwandte Beiträge</h3>
     <ds-section style="margin: 0 -1.5rem; padding: 1.5rem;">
-      <ds-flex v-if="post.relatedContributions && post.relatedContributions.length"
-gutter="small">
+      <ds-flex
+        v-if="post.relatedContributions && post.relatedContributions.length"
+        gutter="small"
+      >
         <hc-post-card
           v-for="(relatedPost, index) in post.relatedContributions"
           :key="relatedPost.id"
@@ -44,8 +48,12 @@ gutter="small">
           @deletePost="post.relatedContributions.splice(index, 1)"
         />
       </ds-flex>
-      <hc-empty v-else
-margin="large" icon="file" message="No related Posts" />
+      <hc-empty
+        v-else
+        margin="large"
+        icon="file"
+        message="No related Posts"
+      />
     </ds-section>
     <ds-space margin-bottom="large" />
   </ds-card>
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index b109dc65b..d99613ace 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -3,15 +3,27 @@
     <ds-card v-if="user && user.image">
       <p>PROFILE IMAGE</p>
     </ds-card>
-    <ds-space/>
-    <ds-flex v-if="user" :width="{ base: '100%' }" gutter="base">
+    <ds-space />
+    <ds-flex
+      v-if="user"
+      :width="{ base: '100%' }"
+      gutter="base"
+    >
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
         <ds-card
           :class="{'disabled-content': user.disabled}"
           style="position: relative; height: auto;"
         >
-          <hc-upload v-if="myProfile" :user="user"/>
-          <hc-avatar v-else :user="user" class="profile-avatar" size="x-large"/>
+          <hc-upload
+            v-if="myProfile"
+            :user="user"
+          />
+          <hc-avatar
+            v-else
+            :user="user"
+            class="profile-avatar"
+            size="x-large"
+          />
           <no-ssr>
             <content-menu
               placement="bottom-end"
@@ -23,32 +35,54 @@
             />
           </no-ssr>
           <ds-space margin="small">
-            <ds-heading tag="h3" align="center" no-margin>{{ userName }}</ds-heading>
-            <ds-text v-if="user.location" align="center" color="soft" size="small">
-              <ds-icon name="map-marker"/>
+            <ds-heading
+              tag="h3"
+              align="center"
+              no-margin
+            >
+              {{ userName }}
+            </ds-heading>
+            <ds-text
+              v-if="user.location"
+              align="center"
+              color="soft"
+              size="small"
+            >
+              <ds-icon name="map-marker" />
               {{ user.location.name }}
             </ds-text>
             <ds-text
               align="center"
               color="soft"
               size="small"
-            >{{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}</ds-text>
+            >
+              {{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}
+            </ds-text>
           </ds-space>
-          <ds-space v-if="user.badges && user.badges.length" margin="x-small">
-            <hc-badges :badges="user.badges"/>
+          <ds-space
+            v-if="user.badges && user.badges.length"
+            margin="x-small"
+          >
+            <hc-badges :badges="user.badges" />
           </ds-space>
           <ds-flex>
             <ds-flex-item>
               <no-ssr>
                 <ds-number :label="$t('profile.followers')">
-                  <hc-count-to slot="count" :end-val="followedByCount"/>
+                  <hc-count-to
+                    slot="count"
+                    :end-val="followedByCount"
+                  />
                 </ds-number>
               </no-ssr>
             </ds-flex-item>
             <ds-flex-item>
               <no-ssr>
                 <ds-number :label="$t('profile.following')">
-                  <hc-count-to slot="count" :end-val="Number(user.followingCount) || 0"/>
+                  <hc-count-to
+                    slot="count"
+                    :end-val="Number(user.followingCount) || 0"
+                  />
                 </ds-number>
               </no-ssr>
             </ds-flex-item>
@@ -64,69 +98,136 @@
           </ds-space>
           <template v-if="user.about">
             <hr>
-            <ds-space margin-top="small" margin-bottom="small">
-              <ds-text color="soft" size="small">{{ user.about }}</ds-text>
+            <ds-space
+              margin-top="small"
+              margin-bottom="small"
+            >
+              <ds-text
+                color="soft"
+                size="small"
+              >
+                {{ user.about }}
+              </ds-text>
             </ds-space>
           </template>
         </ds-card>
-        <ds-space/>
-        <ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px;">Netzwerk</ds-heading>
+        <ds-space />
+        <ds-heading
+          tag="h3"
+          soft
+          style="text-align: center; margin-bottom: 10px;"
+        >
+          Netzwerk
+        </ds-heading>
         <ds-card style="position: relative; height: auto;">
-          <ds-space v-if="user.following && user.following.length" margin="x-small">
-            <ds-text tag="h5" color="soft">Wem folgt {{ userName | truncate(15) }}?</ds-text>
+          <ds-space
+            v-if="user.following && user.following.length"
+            margin="x-small"
+          >
+            <ds-text
+              tag="h5"
+              color="soft"
+            >
+              Wem folgt {{ userName | truncate(15) }}?
+            </ds-text>
           </ds-space>
           <template v-if="user.following && user.following.length">
-            <ds-space v-for="follow in uniq(user.following)" :key="follow.id" margin="x-small">
+            <ds-space
+              v-for="follow in uniq(user.following)"
+              :key="follow.id"
+              margin="x-small"
+            >
               <!-- TODO: find better solution for rendering errors -->
               <no-ssr>
-                <user :user="follow" :trunc="15"/>
+                <user
+                  :user="follow"
+                  :trunc="15"
+                />
               </no-ssr>
             </ds-space>
-            <ds-space v-if="user.followingCount - user.following.length" margin="small">
+            <ds-space
+              v-if="user.followingCount - user.following.length"
+              margin="small"
+            >
               <ds-text
                 size="small"
                 color="softer"
-              >und {{ user.followingCount - user.following.length }} weitere</ds-text>
+              >
+                und {{ user.followingCount - user.following.length }} weitere
+              </ds-text>
             </ds-space>
           </template>
           <template v-else>
-            <p style="text-align: center; opacity: .5;">{{ userName }} folgt niemandem</p>
+            <p style="text-align: center; opacity: .5;">
+              {{ userName }} folgt niemandem
+            </p>
           </template>
         </ds-card>
-        <ds-space/>
+        <ds-space />
         <ds-card style="position: relative; height: auto;">
-          <ds-space v-if="user.followedBy && user.followedBy.length" margin="x-small">
-            <ds-text tag="h5" color="soft">Wer folgt {{ userName | truncate(15) }}?</ds-text>
+          <ds-space
+            v-if="user.followedBy && user.followedBy.length"
+            margin="x-small"
+          >
+            <ds-text
+              tag="h5"
+              color="soft"
+            >
+              Wer folgt {{ userName | truncate(15) }}?
+            </ds-text>
           </ds-space>
           <template v-if="user.followedBy && user.followedBy.length">
-            <ds-space v-for="follow in uniq(user.followedBy)" :key="follow.id" margin="x-small">
+            <ds-space
+              v-for="follow in uniq(user.followedBy)"
+              :key="follow.id"
+              margin="x-small"
+            >
               <!-- TODO: find better solution for rendering errors -->
               <no-ssr>
-                <user :user="follow" :trunc="15"/>
+                <user
+                  :user="follow"
+                  :trunc="15"
+                />
               </no-ssr>
             </ds-space>
-            <ds-space v-if="user.followedByCount - user.followedBy.length" margin="small">
+            <ds-space
+              v-if="user.followedByCount - user.followedBy.length"
+              margin="small"
+            >
               <ds-text
                 size="small"
                 color="softer"
-              >und {{ user.followedByCount - user.followedBy.length }} weitere</ds-text>
+              >
+                und {{ user.followedByCount - user.followedBy.length }} weitere
+              </ds-text>
             </ds-space>
           </template>
           <template v-else>
-            <p style="text-align: center; opacity: .5;">niemand folgt {{ userName }}</p>
+            <p style="text-align: center; opacity: .5;">
+              niemand folgt {{ userName }}
+            </p>
           </template>
         </ds-card>
-        <ds-space v-if="user.socialMedia && user.socialMedia.length" margin="large">
+        <ds-space
+          v-if="user.socialMedia && user.socialMedia.length"
+          margin="large"
+        >
           <ds-card style="position: relative; height: auto;">
             <ds-space margin="x-small">
               <ds-text
                 tag="h5"
                 color="soft"
-              >{{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?</ds-text>
+              >
+                {{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?
+              </ds-text>
               <template>
-                <ds-space v-for="link in socialMediaLinks" :key="link.username" margin="x-small">
+                <ds-space
+                  v-for="link in socialMediaLinks"
+                  :key="link.username"
+                  margin="x-small"
+                >
                   <a :href="link.url">
-                    <ds-avatar :image="link.favicon"/>
+                    <ds-avatar :image="link.favicon" />
                     {{ 'link.username' }}
                   </a>
                 </ds-space>
@@ -136,7 +237,10 @@
         </ds-space>
       </ds-flex-item>
       <ds-flex-item :width="{ base: '100%', sm: 3, md: 5, lg: 3 }">
-        <ds-flex :width="{ base: '100%' }" gutter="small">
+        <ds-flex
+          :width="{ base: '100%' }"
+          gutter="small"
+        >
           <ds-flex-item class="profile-top-navigation">
             <ds-card class="ds-tab-nav">
               <ds-flex>
@@ -145,7 +249,10 @@
                     <!-- TODO: find better solution for rendering errors -->
                     <no-ssr>
                       <ds-number :label="$t('common.post', null, user.contributionsCount)">
-                        <hc-count-to slot="count" :end-val="user.contributionsCount"/>
+                        <hc-count-to
+                          slot="count"
+                          :end-val="user.contributionsCount"
+                        />
                       </ds-number>
                     </no-ssr>
                   </ds-space>
@@ -197,11 +304,18 @@
           </template>
           <template v-else>
             <ds-flex-item :width="{ base: '100%' }">
-              <hc-empty margin="xx-large" icon="file"/>
+              <hc-empty
+                margin="xx-large"
+                icon="file"
+              />
             </ds-flex-item>
           </template>
         </ds-flex>
-        <hc-load-more v-if="hasMore" :loading="$apollo.loading" @click="showMoreContributions"/>
+        <hc-load-more
+          v-if="hasMore"
+          :loading="$apollo.loading"
+          @click="showMoreContributions"
+        />
       </ds-flex-item>
     </ds-flex>
   </div>

From 019fd04d4448e1aee6a0b6ce2db86bf7a7c3884c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 31 May 2019 18:35:31 +0200
Subject: [PATCH 29/38] Auto-push maintenance-worker image to dockerhub

---
 scripts/docker_push.sh | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/scripts/docker_push.sh b/scripts/docker_push.sh
index 1f627cf1a..9aa9a8e2a 100755
--- a/scripts/docker_push.sh
+++ b/scripts/docker_push.sh
@@ -2,5 +2,7 @@
 echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_USERNAME" --password-stdin
 docker build --build-arg BUILD_COMMIT=$TRAVIS_COMMIT --target production -t humanconnection/nitro-backend:latest $TRAVIS_BUILD_DIR/backend
 docker build --build-arg BUILD_COMMIT=$TRAVIS_COMMIT --target production -t humanconnection/nitro-web:latest $TRAVIS_BUILD_DIR/webapp
+docker build -t humanconnection/nitro-maintenance-worker:latest $TRAVIS_BUILD_DIR/deployment/legacy-migration/maintenance-worker
 docker push humanconnection/nitro-backend:latest
 docker push humanconnection/nitro-web:latest
+docker push humanconnection/nitro-maintenance-worker:latest

From 115022fc2e9cfa9fee5fa9f66d2942fcadb52d3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 31 May 2019 18:35:58 +0200
Subject: [PATCH 30/38] Decrease split size

This might take longer but will require less memory. I guess this might
work even on our kubernetes cluster.
---
 .../maintenance-worker/migration/mongo/export.sh                | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/deployment/legacy-migration/maintenance-worker/migration/mongo/export.sh b/deployment/legacy-migration/maintenance-worker/migration/mongo/export.sh
index 257bc4c61..339a5bd64 100755
--- a/deployment/legacy-migration/maintenance-worker/migration/mongo/export.sh
+++ b/deployment/legacy-migration/maintenance-worker/migration/mongo/export.sh
@@ -10,7 +10,7 @@ set +o allexport
 function export_collection () {
   "${EXPORT_MONGOEXPORT_BIN}" --db ${MONGODB_DATABASE} --host localhost -d ${MONGODB_DATABASE} --port 27018 --username ${MONGODB_USERNAME} --password ${MONGODB_PASSWORD} --authenticationDatabase ${MONGODB_AUTH_DB} --collection $1  --collection $1 --out "${EXPORT_PATH}$1.json"
   mkdir -p ${EXPORT_PATH}splits/$1/
-  split -l 1000 -a 3 ${EXPORT_PATH}$1.json ${EXPORT_PATH}splits/$1/
+  split -l 100 -a 3 ${EXPORT_PATH}$1.json ${EXPORT_PATH}splits/$1/
 }
 
 # Delete old export & ensure directory

From 1773d136e9f5e04da0201b3c47f02bcfbd43d158 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 31 May 2019 19:32:36 +0200
Subject: [PATCH 31/38] Yarn `--ignore-engines`, v12.x.x will become LTS

---
 webapp/Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/Dockerfile b/webapp/Dockerfile
index 3c44167af..fc3b17779 100644
--- a/webapp/Dockerfile
+++ b/webapp/Dockerfile
@@ -18,7 +18,7 @@ COPY . .
 
 FROM base as build-and-test
 RUN cp .env.template .env
-RUN yarn install --production=false --frozen-lockfile --non-interactive
+RUN yarn install --ignore-engines --production=false --frozen-lockfile --non-interactive
 RUN yarn run build
 
 FROM base as production

From f9e9aa47b706b8969a777fda61c50a315983c10c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 31 May 2019 20:14:08 +0200
Subject: [PATCH 32/38] Disable collections without import statement

Even if the import statement does literally nothing, this slows down the
import. Let's avoid this until we do sth. with the data.
---
 .../migration/neo4j/import.sh                 | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/deployment/legacy-migration/maintenance-worker/migration/neo4j/import.sh b/deployment/legacy-migration/maintenance-worker/migration/neo4j/import.sh
index 08c05c8cc..ac256e3f0 100755
--- a/deployment/legacy-migration/maintenance-worker/migration/neo4j/import.sh
+++ b/deployment/legacy-migration/maintenance-worker/migration/neo4j/import.sh
@@ -83,17 +83,17 @@ import_collection "contributions"
 import_collection "shouts"
 import_collection "comments"
 
-import_collection "emotions"
-import_collection "invites"
-import_collection "notifications"
-import_collection "organizations"
-import_collection "pages"
-import_collection "projects"
-import_collection "settings"
-import_collection "status"
-import_collection "systemnotifications"
-import_collection "userscandos"
-import_collection "usersettings"
+# import_collection "emotions"
+# import_collection "invites"
+# import_collection "notifications"
+# import_collection "organizations"
+# import_collection "pages"
+# import_collection "projects"
+# import_collection "settings"
+# import_collection "status"
+# import_collection "systemnotifications"
+# import_collection "userscandos"
+# import_collection "usersettings"
 
 echo "DONE"
 

From 78100bec3734cd583b2fc60a6afb1c2abf104b1e Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Sat, 1 Jun 2019 20:23:04 +0300
Subject: [PATCH 33/38] Add tests to upload error bug fix

Co-authored-by: mattwr18 <mattwr18@gmail.com>
---
 webapp/components/Upload/spec.js | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/webapp/components/Upload/spec.js b/webapp/components/Upload/spec.js
index 85215ea59..b81babb6e 100644
--- a/webapp/components/Upload/spec.js
+++ b/webapp/components/Upload/spec.js
@@ -26,6 +26,7 @@ describe('Upload', () => {
       success: jest.fn(),
       error: jest.fn(),
     },
+    $t: jest.fn(),
   }
 
   const propsData = {
@@ -34,7 +35,7 @@ describe('Upload', () => {
     },
   }
 
-  const file = {
+  const fileSuccess = {
     filename: 'avatar.jpg',
     previewElement: {
       classList: {
@@ -59,13 +60,38 @@ describe('Upload', () => {
     wrapper = shallowMount(Upload, { localVue, propsData, mocks })
   })
 
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
   it('sends a the UpdateUser mutation when vddrop is called', () => {
     wrapper.vm.vddrop([{ filename: 'avatar.jpg' }])
     expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1)
   })
 
   it('thumbnail', () => {
-    wrapper.vm.thumbnail(file, dataUrl)
-    expect(file.previewElement.classList.add).toHaveBeenCalledTimes(1)
+    wrapper.vm.thumbnail(fileSuccess, dataUrl)
+    expect(fileSuccess.previewElement.classList.add).toHaveBeenCalledTimes(1)
+  })
+
+  describe('error handling', () => {
+    const message = 'File upload failed'
+    const fileError = { status: 'error' }
+
+    it('defaults to error false', () => {
+      expect(wrapper.vm.error).toEqual(false)
+    })
+
+    it('shows an error toaster when verror is called', () => {
+      wrapper.vm.verror(fileError, message)
+      expect(mocks.$toast.error).toHaveBeenCalledWith(fileError.status, message)
+    })
+
+    it('changes error status from false to true to false', () => {
+      wrapper.vm.verror(fileError, message)
+      expect(wrapper.vm.error).toEqual(true)
+      jest.runAllTimers()
+      expect(wrapper.vm.error).toEqual(false)
+    })
   })
 })

From ebdfb028b87a2c87d1c6ee7f956143adf20dbcb6 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <dependabot-preview[bot]@users.noreply.github.com>
Date: Mon, 3 Jun 2019 04:57:55 +0000
Subject: [PATCH 34/38] Bump apollo-server-testing from 2.5.1 to 2.6.1 in
 /backend

Bumps [apollo-server-testing](https://github.com/apollographql/apollo-server) from 2.5.1 to 2.6.1.
- [Release notes](https://github.com/apollographql/apollo-server/releases)
- [Changelog](https://github.com/apollographql/apollo-server/blob/master/CHANGELOG.md)
- [Commits](https://github.com/apollographql/apollo-server/compare/apollo-server-testing@2.5.1...apollo-server-testing@2.6.1)
---
 backend/package.json |   2 +-
 backend/yarn.lock    | 100 ++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 96 insertions(+), 6 deletions(-)

diff --git a/backend/package.json b/backend/package.json
index b514e7a70..d8d0408f4 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -88,7 +88,7 @@
     "@babel/plugin-proposal-throw-expressions": "^7.2.0",
     "@babel/preset-env": "~7.4.5",
     "@babel/register": "~7.4.4",
-    "apollo-server-testing": "~2.5.1",
+    "apollo-server-testing": "~2.6.1",
     "babel-core": "~7.0.0-0",
     "babel-eslint": "~10.0.1",
     "babel-jest": "~24.8.0",
diff --git a/backend/yarn.lock b/backend/yarn.lock
index 35c7b740b..f4a968e16 100644
--- a/backend/yarn.lock
+++ b/backend/yarn.lock
@@ -1296,6 +1296,14 @@ apollo-cache-control@0.6.1:
     apollo-server-env "2.3.0"
     graphql-extensions "0.6.1"
 
+apollo-cache-control@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/apollo-cache-control/-/apollo-cache-control-0.7.1.tgz#3d4fba232f561f096f61051e103bf58ee4bf8b54"
+  integrity sha512-3h1TEoMnzex6IIiFb5Ja3owTyLwT5YzK69cRgrSpSscdpYc3ID4KVs0Ht9cbOUmb/L/UKtYVkRC8KeVAYmHEjQ==
+  dependencies:
+    apollo-server-env "2.4.0"
+    graphql-extensions "0.7.1"
+
 apollo-cache-control@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/apollo-cache-control/-/apollo-cache-control-0.1.1.tgz#173d14ceb3eb9e7cb53de7eb8b61bee6159d4171"
@@ -1353,6 +1361,14 @@ apollo-datasource@0.4.0:
     apollo-server-caching "0.4.0"
     apollo-server-env "2.3.0"
 
+apollo-datasource@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/apollo-datasource/-/apollo-datasource-0.5.0.tgz#7a8c97e23da7b9c15cb65103d63178ab19eca5e9"
+  integrity sha512-SVXxJyKlWguuDjxkY/WGlC/ykdsTmPxSF0z8FenagcQ91aPURXzXP1ZDz5PbamY+0iiCRubazkxtTQw4GWTFPg==
+  dependencies:
+    apollo-server-caching "0.4.0"
+    apollo-server-env "2.4.0"
+
 apollo-engine-reporting-protobuf@0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/apollo-engine-reporting-protobuf/-/apollo-engine-reporting-protobuf-0.3.0.tgz#2c764c054ff9968387cf16115546e0d5b04ee9f1"
@@ -1372,6 +1388,18 @@ apollo-engine-reporting@1.1.1:
     async-retry "^1.2.1"
     graphql-extensions "0.6.1"
 
+apollo-engine-reporting@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/apollo-engine-reporting/-/apollo-engine-reporting-1.2.1.tgz#0b77fad2e9221d62f4a29b8b4fab8f7f47dcc1d6"
+  integrity sha512-DVXZhz/nSZR4lphakjb1guAD0qJ7Wm1PVtZEBjN097cnOor4XSOzQlPfTaYtVuhlxUKUuCx1syiBbOuV8sKqXg==
+  dependencies:
+    apollo-engine-reporting-protobuf "0.3.0"
+    apollo-graphql "^0.3.0"
+    apollo-server-core "2.6.1"
+    apollo-server-env "2.4.0"
+    async-retry "^1.2.1"
+    graphql-extensions "0.7.1"
+
 apollo-env@0.4.1-alpha.1:
   version "0.4.1-alpha.1"
   resolved "https://registry.yarnpkg.com/apollo-env/-/apollo-env-0.4.1-alpha.1.tgz#10d3ea508b8f3ba03939ef4e6ec4b2b5db77e8f1"
@@ -1406,6 +1434,14 @@ apollo-graphql@^0.2.1-alpha.1:
     apollo-env "0.4.1-alpha.1"
     lodash.sortby "^4.7.0"
 
+apollo-graphql@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/apollo-graphql/-/apollo-graphql-0.3.1.tgz#d13b80cc0cae3fe7066b81b80914c6f983fac8d7"
+  integrity sha512-tbhtzNAAhNI34v4XY9OlZGnH7U0sX4BP1cJrUfSiNzQnZRg1UbQYZ06riHSOHpi5RSndFcA9LDM5C1ZKKOUeBg==
+  dependencies:
+    apollo-env "0.5.1"
+    lodash.sortby "^4.7.0"
+
 apollo-link-context@~1.0.14:
   version "1.0.17"
   resolved "https://registry.yarnpkg.com/apollo-link-context/-/apollo-link-context-1.0.17.tgz#439272cfb43ec1891506dd175ed907845b7de36c"
@@ -1482,6 +1518,32 @@ apollo-server-core@2.5.1:
     subscriptions-transport-ws "^0.9.11"
     ws "^6.0.0"
 
+apollo-server-core@2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/apollo-server-core/-/apollo-server-core-2.6.1.tgz#d0d878b0a4959b6c661fc43300ce45b29996176a"
+  integrity sha512-jO2BtcP7ozSSK5qtw1gGDwO66WSNtzhvpDJD7erkA9byv8Z0jB2QIPNWN6iaj311LaPahM05k+8hMIhFy9oHWg==
+  dependencies:
+    "@apollographql/apollo-tools" "^0.3.6"
+    "@apollographql/graphql-playground-html" "1.6.20"
+    "@types/ws" "^6.0.0"
+    apollo-cache-control "0.7.1"
+    apollo-datasource "0.5.0"
+    apollo-engine-reporting "1.2.1"
+    apollo-server-caching "0.4.0"
+    apollo-server-env "2.4.0"
+    apollo-server-errors "2.3.0"
+    apollo-server-plugin-base "0.5.1"
+    apollo-tracing "0.7.1"
+    fast-json-stable-stringify "^2.0.0"
+    graphql-extensions "0.7.1"
+    graphql-subscriptions "^1.0.0"
+    graphql-tag "^2.9.2"
+    graphql-tools "^4.0.0"
+    graphql-upload "^8.0.2"
+    sha.js "^2.4.11"
+    subscriptions-transport-ws "^0.9.11"
+    ws "^6.0.0"
+
 apollo-server-core@^1.3.6, apollo-server-core@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/apollo-server-core/-/apollo-server-core-1.4.0.tgz#4faff7f110bfdd6c3f47008302ae24140f94c592"
@@ -1499,6 +1561,14 @@ apollo-server-env@2.3.0:
     node-fetch "^2.1.2"
     util.promisify "^1.0.0"
 
+apollo-server-env@2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/apollo-server-env/-/apollo-server-env-2.4.0.tgz#6611556c6b627a1636eed31317d4f7ea30705872"
+  integrity sha512-7ispR68lv92viFeu5zsRUVGP+oxsVI3WeeBNniM22Cx619maBUwcYTIC3+Y3LpXILhLZCzA1FASZwusgSlyN9w==
+  dependencies:
+    node-fetch "^2.1.2"
+    util.promisify "^1.0.0"
+
 apollo-server-errors@2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/apollo-server-errors/-/apollo-server-errors-2.3.0.tgz#700622b66a16dffcad3b017e4796749814edc061"
@@ -1548,12 +1618,17 @@ apollo-server-plugin-base@0.4.1:
   resolved "https://registry.yarnpkg.com/apollo-server-plugin-base/-/apollo-server-plugin-base-0.4.1.tgz#be380b28d71ad3b6b146d0d6a8f7ebf5675b07ff"
   integrity sha512-D2G6Ca/KBdQgEbmSfYqZqYbdVJnk/rrSv7Vj2NntwjfL7WJf0TjufxYJlrTH5jF6xCbsszDNGqfmt2Nm8x/o4g==
 
-apollo-server-testing@~2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/apollo-server-testing/-/apollo-server-testing-2.5.1.tgz#9f210caa738a275a30269b6d8a3b29bce01b69a1"
-  integrity sha512-npaj92Z33sNt4beBuoLJqlicqtawqI/41CA9/IrcswI9WwlWIxNKhfpcMYo9MpQWRT8aCIGOOAkBdG2jZlhH4Q==
+apollo-server-plugin-base@0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/apollo-server-plugin-base/-/apollo-server-plugin-base-0.5.1.tgz#b81056666763879bdc98d8d58f3c4c43cbb30da6"
+  integrity sha512-UejnBk6XDqYQ+Ydkbm+gvlOzP+doQA8glVUULs8rCi0/MshsFSsBVl6rtzruELDBVgZhJgGsd4pUexcvNc3aZA==
+
+apollo-server-testing@~2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/apollo-server-testing/-/apollo-server-testing-2.6.1.tgz#447f34980819fa52b120f26c632fab4efc55435b"
+  integrity sha512-Qq0u79uKw3g14bq0nGxtUUiueFOv2ETkAax2mum+3f9Lm85VXELkY6c9bCWDVGjkUtt9Aog5qwSzWELb1KiUug==
   dependencies:
-    apollo-server-core "2.5.1"
+    apollo-server-core "2.6.1"
 
 apollo-server@~2.5.1:
   version "2.5.1"
@@ -1574,6 +1649,14 @@ apollo-tracing@0.6.1:
     apollo-server-env "2.3.0"
     graphql-extensions "0.6.1"
 
+apollo-tracing@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/apollo-tracing/-/apollo-tracing-0.7.1.tgz#6a7356b619f3aa0ca22c623b5d8bb1af5ca1c74c"
+  integrity sha512-1BYQua+jCWFkZZJP0/rSpzY4XbLLbCrRHCYu8sJn0RCH/hs34BMdFXscS9uSglgIpXwUAIafgsU0hAVCrJjbTw==
+  dependencies:
+    apollo-server-env "2.4.0"
+    graphql-extensions "0.7.1"
+
 apollo-tracing@^0.1.0:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/apollo-tracing/-/apollo-tracing-0.1.4.tgz#5b8ae1b01526b160ee6e552a7f131923a9aedcc7"
@@ -3756,6 +3839,13 @@ graphql-extensions@0.6.1:
   dependencies:
     "@apollographql/apollo-tools" "^0.3.6-alpha.1"
 
+graphql-extensions@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/graphql-extensions/-/graphql-extensions-0.7.1.tgz#f55b01ac8ddf09a215e21f34caeee3ae66a88f21"
+  integrity sha512-4NkAz/f0j5a1DSPl3V77OcesBmwhHz56Soj0yTImlcDdRv9knyO2e+ehi1TIeKBOyIKS7d3A7zqOW/4ieGxlVA==
+  dependencies:
+    "@apollographql/apollo-tools" "^0.3.6"
+
 graphql-extensions@^0.0.x, graphql-extensions@~0.0.9:
   version "0.0.10"
   resolved "https://registry.yarnpkg.com/graphql-extensions/-/graphql-extensions-0.0.10.tgz#34bdb2546d43f6a5bc89ab23c295ec0466c6843d"

From 1b35859861773ce093147eb58daf4a7d1223336a Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <dependabot-preview[bot]@users.noreply.github.com>
Date: Mon, 3 Jun 2019 11:05:10 +0000
Subject: [PATCH 35/38] Bump apollo-server from 2.5.1 to 2.6.1 in /backend

Bumps [apollo-server](https://github.com/apollographql/apollo-server) from 2.5.1 to 2.6.1.
- [Release notes](https://github.com/apollographql/apollo-server/releases)
- [Changelog](https://github.com/apollographql/apollo-server/blob/master/CHANGELOG.md)
- [Commits](https://github.com/apollographql/apollo-server/compare/apollo-server@2.5.1...apollo-server@2.6.1)
---
 backend/package.json |   2 +-
 backend/yarn.lock    | 133 ++++---------------------------------------
 2 files changed, 12 insertions(+), 123 deletions(-)

diff --git a/backend/package.json b/backend/package.json
index d8d0408f4..e2abde493 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -47,7 +47,7 @@
     "apollo-client": "~2.5.1",
     "apollo-link-context": "~1.0.14",
     "apollo-link-http": "~1.5.14",
-    "apollo-server": "~2.5.1",
+    "apollo-server": "~2.6.1",
     "bcryptjs": "~2.4.3",
     "cheerio": "~1.0.0-rc.3",
     "cors": "~2.8.5",
diff --git a/backend/yarn.lock b/backend/yarn.lock
index f4a968e16..d56871d83 100644
--- a/backend/yarn.lock
+++ b/backend/yarn.lock
@@ -9,13 +9,6 @@
   dependencies:
     apollo-env "0.5.1"
 
-"@apollographql/apollo-tools@^0.3.6-alpha.1":
-  version "0.3.6-alpha.1"
-  resolved "https://registry.yarnpkg.com/@apollographql/apollo-tools/-/apollo-tools-0.3.6-alpha.1.tgz#5199b36c65c2fddc4f8bc8bb97642f74e9fb00c5"
-  integrity sha512-fq74In3Vw9OmtKHze0L5/Ns/pdTZOqUeFVC6Um9NRgziVehXz/qswsh2r3+dsn82uqoa/AlvckHtd6aPPPYj9g==
-  dependencies:
-    apollo-env "0.4.1-alpha.1"
-
 "@apollographql/graphql-playground-html@1.6.20":
   version "1.6.20"
   resolved "https://registry.yarnpkg.com/@apollographql/graphql-playground-html/-/graphql-playground-html-1.6.20.tgz#bf9f2acdf319c0959fad8ec1239741dd2ead4e8d"
@@ -1288,14 +1281,6 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
-apollo-cache-control@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/apollo-cache-control/-/apollo-cache-control-0.6.1.tgz#c73ff521fe606faf18edcbd3463c421a966f3e5d"
-  integrity sha512-M3cDeQDXtRxYPQ/sL4pu3IVE5Q/9jpBlENB2IjwxTDir+WFZbJV1CAnvVwyJdL1DvS6ESR35DFOurJH4Ws/OPA==
-  dependencies:
-    apollo-server-env "2.3.0"
-    graphql-extensions "0.6.1"
-
 apollo-cache-control@0.7.1:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/apollo-cache-control/-/apollo-cache-control-0.7.1.tgz#3d4fba232f561f096f61051e103bf58ee4bf8b54"
@@ -1353,14 +1338,6 @@ apollo-client@~2.5.1:
     tslib "^1.9.3"
     zen-observable "^0.8.0"
 
-apollo-datasource@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/apollo-datasource/-/apollo-datasource-0.4.0.tgz#f042641fd2593fa5f4f002fc30d1fb1a20284df8"
-  integrity sha512-6QkgnLYwQrW0qv+yXIf617DojJbGmza2XJXUlgnzrGGhxzfAynzEjaLyYkc8rYS1m82vjrl9EOmLHTcnVkvZAQ==
-  dependencies:
-    apollo-server-caching "0.4.0"
-    apollo-server-env "2.3.0"
-
 apollo-datasource@0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/apollo-datasource/-/apollo-datasource-0.5.0.tgz#7a8c97e23da7b9c15cb65103d63178ab19eca5e9"
@@ -1376,18 +1353,6 @@ apollo-engine-reporting-protobuf@0.3.0:
   dependencies:
     protobufjs "^6.8.6"
 
-apollo-engine-reporting@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/apollo-engine-reporting/-/apollo-engine-reporting-1.1.1.tgz#f5a3240bc5c5afb210ff8c45d72995de7b0d2a13"
-  integrity sha512-K7BDsj99jr8ftd9NIuHL4oF/S7CBFcgMGjL0ChhfxpkgUv80FPxJ+9Fs+9ZkKIVylV3PCi2WnihpDeEO10eZAw==
-  dependencies:
-    apollo-engine-reporting-protobuf "0.3.0"
-    apollo-graphql "^0.2.1-alpha.1"
-    apollo-server-core "2.5.1"
-    apollo-server-env "2.3.0"
-    async-retry "^1.2.1"
-    graphql-extensions "0.6.1"
-
 apollo-engine-reporting@1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/apollo-engine-reporting/-/apollo-engine-reporting-1.2.1.tgz#0b77fad2e9221d62f4a29b8b4fab8f7f47dcc1d6"
@@ -1400,15 +1365,6 @@ apollo-engine-reporting@1.2.1:
     async-retry "^1.2.1"
     graphql-extensions "0.7.1"
 
-apollo-env@0.4.1-alpha.1:
-  version "0.4.1-alpha.1"
-  resolved "https://registry.yarnpkg.com/apollo-env/-/apollo-env-0.4.1-alpha.1.tgz#10d3ea508b8f3ba03939ef4e6ec4b2b5db77e8f1"
-  integrity sha512-4qWiaUKWh92jvKxxRsiZSjmW9YH9GWSG1W6X+S1BcC1uqtPiHsem7ExG9MMTt+UrzHsbpQLctj12xk8lI4lgCg==
-  dependencies:
-    core-js "3.0.0-beta.13"
-    node-fetch "^2.2.0"
-    sha.js "^2.4.11"
-
 apollo-env@0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/apollo-env/-/apollo-env-0.5.1.tgz#b9b0195c16feadf0fe9fd5563edb0b9b7d9e97d3"
@@ -1426,14 +1382,6 @@ apollo-errors@^1.9.0:
     assert "^1.4.1"
     extendable-error "^0.1.5"
 
-apollo-graphql@^0.2.1-alpha.1:
-  version "0.2.1-alpha.1"
-  resolved "https://registry.yarnpkg.com/apollo-graphql/-/apollo-graphql-0.2.1-alpha.1.tgz#a0cc0bd65e03c7e887c96c9f53421f3c6dd7b599"
-  integrity sha512-kObCSpYRHEf4IozJV+TZAXEL2Yni2DpzQckohJNYXg5/KRAF20jJ7lHxuJz+kMQrc7QO4wYGSa29HuFZH2AtQA==
-  dependencies:
-    apollo-env "0.4.1-alpha.1"
-    lodash.sortby "^4.7.0"
-
 apollo-graphql@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/apollo-graphql/-/apollo-graphql-0.3.1.tgz#d13b80cc0cae3fe7066b81b80914c6f983fac8d7"
@@ -1492,32 +1440,6 @@ apollo-server-caching@0.4.0:
   dependencies:
     lru-cache "^5.0.0"
 
-apollo-server-core@2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/apollo-server-core/-/apollo-server-core-2.5.1.tgz#0fdb6cfca56a0f5b5b3aecffb48db17b3c8e1d71"
-  integrity sha512-4QNrW1AUM3M/p0+hbBX/MsjSjZTy+2rt7JpiKKkG9RmeEIzd/VG7hwwwloAZSLjYx3twz0+BnASJ9y+rGEPC8A==
-  dependencies:
-    "@apollographql/apollo-tools" "^0.3.6"
-    "@apollographql/graphql-playground-html" "1.6.20"
-    "@types/ws" "^6.0.0"
-    apollo-cache-control "0.6.1"
-    apollo-datasource "0.4.0"
-    apollo-engine-reporting "1.1.1"
-    apollo-server-caching "0.4.0"
-    apollo-server-env "2.3.0"
-    apollo-server-errors "2.3.0"
-    apollo-server-plugin-base "0.4.1"
-    apollo-tracing "0.6.1"
-    fast-json-stable-stringify "^2.0.0"
-    graphql-extensions "0.6.1"
-    graphql-subscriptions "^1.0.0"
-    graphql-tag "^2.9.2"
-    graphql-tools "^4.0.0"
-    graphql-upload "^8.0.2"
-    sha.js "^2.4.11"
-    subscriptions-transport-ws "^0.9.11"
-    ws "^6.0.0"
-
 apollo-server-core@2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/apollo-server-core/-/apollo-server-core-2.6.1.tgz#d0d878b0a4959b6c661fc43300ce45b29996176a"
@@ -1553,14 +1475,6 @@ apollo-server-core@^1.3.6, apollo-server-core@^1.4.0:
     apollo-tracing "^0.1.0"
     graphql-extensions "^0.0.x"
 
-apollo-server-env@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/apollo-server-env/-/apollo-server-env-2.3.0.tgz#f0bf4484a6cc331a8c13763ded56e91beb16ba17"
-  integrity sha512-WIwlkCM/gir0CkoYWPMTCH8uGCCKB/aM074U1bKayvkFOBVO2VgG5x2kgsfkyF05IMQq2/GOTsKhNY7RnUEhTA==
-  dependencies:
-    node-fetch "^2.1.2"
-    util.promisify "^1.0.0"
-
 apollo-server-env@2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/apollo-server-env/-/apollo-server-env-2.4.0.tgz#6611556c6b627a1636eed31317d4f7ea30705872"
@@ -1574,10 +1488,10 @@ apollo-server-errors@2.3.0:
   resolved "https://registry.yarnpkg.com/apollo-server-errors/-/apollo-server-errors-2.3.0.tgz#700622b66a16dffcad3b017e4796749814edc061"
   integrity sha512-rUvzwMo2ZQgzzPh2kcJyfbRSfVKRMhfIlhY7BzUfM4x6ZT0aijlgsf714Ll3Mbf5Fxii32kD0A/DmKsTecpccw==
 
-apollo-server-express@2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/apollo-server-express/-/apollo-server-express-2.5.1.tgz#b112d9795f2fb39076d9cbc109f5eeb7835bed6b"
-  integrity sha512-528wDQnOMIenDaICkYPFWQykdXQZwpygxd+Ar0PmZiaST042NSVExV4iRWI09p1THqfsuyHygqpkK+K94bUtBA==
+apollo-server-express@2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/apollo-server-express/-/apollo-server-express-2.6.1.tgz#1e2649d3fd38c0c0a2c830090fd41e086b259c9f"
+  integrity sha512-TVu68LVp+COMGOXuxc0OFeCUQiPApxy7Isv2Vk85nikZV4t4FXlODB6PrRKf5rfvP31dvGsfE6GHPJTLLbKfyg==
   dependencies:
     "@apollographql/graphql-playground-html" "1.6.20"
     "@types/accepts" "^1.3.5"
@@ -1585,7 +1499,7 @@ apollo-server-express@2.5.1:
     "@types/cors" "^2.8.4"
     "@types/express" "4.16.1"
     accepts "^1.3.5"
-    apollo-server-core "2.5.1"
+    apollo-server-core "2.6.1"
     body-parser "^1.18.3"
     cors "^2.8.4"
     graphql-subscriptions "^1.0.0"
@@ -1613,11 +1527,6 @@ apollo-server-module-graphiql@^1.3.4, apollo-server-module-graphiql@^1.4.0:
   resolved "https://registry.yarnpkg.com/apollo-server-module-graphiql/-/apollo-server-module-graphiql-1.4.0.tgz#c559efa285578820709f1769bb85d3b3eed3d8ec"
   integrity sha512-GmkOcb5he2x5gat+TuiTvabnBf1m4jzdecal3XbXBh/Jg+kx4hcvO3TTDFQ9CuTprtzdcVyA11iqG7iOMOt7vA==
 
-apollo-server-plugin-base@0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/apollo-server-plugin-base/-/apollo-server-plugin-base-0.4.1.tgz#be380b28d71ad3b6b146d0d6a8f7ebf5675b07ff"
-  integrity sha512-D2G6Ca/KBdQgEbmSfYqZqYbdVJnk/rrSv7Vj2NntwjfL7WJf0TjufxYJlrTH5jF6xCbsszDNGqfmt2Nm8x/o4g==
-
 apollo-server-plugin-base@0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/apollo-server-plugin-base/-/apollo-server-plugin-base-0.5.1.tgz#b81056666763879bdc98d8d58f3c4c43cbb30da6"
@@ -1630,25 +1539,17 @@ apollo-server-testing@~2.6.1:
   dependencies:
     apollo-server-core "2.6.1"
 
-apollo-server@~2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/apollo-server/-/apollo-server-2.5.1.tgz#bfcfbebc123f692c0e6d85b0c56739646bd1bb7e"
-  integrity sha512-eH3ubq300xhpFAxek28kb+5WZINXpWcwzyNqBQDbuasTlW8qSsqY7xrV6IIz6WUYKdX+ET0mx+Ta1DdaYQPrqw==
+apollo-server@~2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/apollo-server/-/apollo-server-2.6.1.tgz#1b1fc6020b75c0913550da5fa0f2005c62f1bc53"
+  integrity sha512-Ed0zZjluRYPMC3Yr6oXQjcR11izu86nkjiS2MhjJA1mF8IXJfxbPp2hnX4Jf4vXPSkOP2e5ZHw0cdaIcu9GnRw==
   dependencies:
-    apollo-server-core "2.5.1"
-    apollo-server-express "2.5.1"
+    apollo-server-core "2.6.1"
+    apollo-server-express "2.6.1"
     express "^4.0.0"
     graphql-subscriptions "^1.0.0"
     graphql-tools "^4.0.0"
 
-apollo-tracing@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/apollo-tracing/-/apollo-tracing-0.6.1.tgz#48a6d6040f9b2f2b4365a890c2e97cb763eb2392"
-  integrity sha512-rrDBgTHa9GDA3wY8O7rDsFwC6ePIVzRGxpUsThgmLvIVkkCr0KS4wJJ4C01c+v4xsOXNuQwx0IyYhxZt4twwcA==
-  dependencies:
-    apollo-server-env "2.3.0"
-    graphql-extensions "0.6.1"
-
 apollo-tracing@0.7.1:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/apollo-tracing/-/apollo-tracing-0.7.1.tgz#6a7356b619f3aa0ca22c623b5d8bb1af5ca1c74c"
@@ -2524,11 +2425,6 @@ core-js-pure@3.1.2:
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.1.2.tgz#62fc435f35b7374b9b782013cdcb2f97e9f6dffa"
   integrity sha512-5ckIdBF26B3ldK9PM177y2ZcATP2oweam9RskHSoqfZCrJ2As6wVg8zJ1zTriFsZf6clj/N1ThDFRGaomMsh9w==
 
-core-js@3.0.0-beta.13:
-  version "3.0.0-beta.13"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.0.0-beta.13.tgz#7732c69be5e4758887917235fe7c0352c4cb42a1"
-  integrity sha512-16Q43c/3LT9NyePUJKL8nRIQgYWjcBhjJSMWg96PVSxoS0PeE0NHitPI3opBrs9MGGHjte1KoEVr9W63YKlTXQ==
-
 core-js@^2.4.0, core-js@^2.5.3, core-js@^2.5.7:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.2.tgz#267988d7268323b349e20b4588211655f0e83944"
@@ -3832,13 +3728,6 @@ graphql-deduplicator@^2.0.1:
   resolved "https://registry.yarnpkg.com/graphql-deduplicator/-/graphql-deduplicator-2.0.2.tgz#d8608161cf6be97725e178df0c41f6a1f9f778f3"
   integrity sha512-0CGmTmQh4UvJfsaTPppJAcHwHln8Ayat7yXXxdnuWT+Mb1dBzkbErabCWzjXyKh/RefqlGTTA7EQOZHofMaKJA==
 
-graphql-extensions@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/graphql-extensions/-/graphql-extensions-0.6.1.tgz#e61c4cb901e336dc5993a61093a8678a021dda59"
-  integrity sha512-vB2WNQJn99pncHfvxgcdyVoazmG3cD8XzkgcaDrHTvV+xJGJEBP6056EWi0mNt1d6ukYyRS2zexdekmMCjcq0w==
-  dependencies:
-    "@apollographql/apollo-tools" "^0.3.6-alpha.1"
-
 graphql-extensions@0.7.1:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/graphql-extensions/-/graphql-extensions-0.7.1.tgz#f55b01ac8ddf09a215e21f34caeee3ae66a88f21"

From df70ae451ce1fdd19754506b10e5bb6854df4f9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Mon, 3 Jun 2019 13:11:12 +0200
Subject: [PATCH 36/38] Parameterize split size

@ulfgebhardt that was a really good suggestion, thanks!
---
 .../legacy-migration/maintenance-worker/migration/mongo/.env   | 3 ++-
 .../maintenance-worker/migration/mongo/export.sh               | 2 +-
 docker-compose.maintenance.yml                                 | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/deployment/legacy-migration/maintenance-worker/migration/mongo/.env b/deployment/legacy-migration/maintenance-worker/migration/mongo/.env
index 602f51fc4..4c5f9e18c 100644
--- a/deployment/legacy-migration/maintenance-worker/migration/mongo/.env
+++ b/deployment/legacy-migration/maintenance-worker/migration/mongo/.env
@@ -12,5 +12,6 @@
 # On Windows this resolves to C:\Users\dornhoeschen\AppData\Local\Temp\mongo-export (MinGW)
 EXPORT_PATH='/tmp/mongo-export/'
 EXPORT_MONGOEXPORT_BIN='mongoexport'
+MONGO_EXPORT_SPLIT_SIZE=100
 # On Windows use something like this
-# EXPORT_MONGOEXPORT_BIN='C:\Program Files\MongoDB\Server\3.6\bin\mongoexport.exe'
\ No newline at end of file
+# EXPORT_MONGOEXPORT_BIN='C:\Program Files\MongoDB\Server\3.6\bin\mongoexport.exe'
diff --git a/deployment/legacy-migration/maintenance-worker/migration/mongo/export.sh b/deployment/legacy-migration/maintenance-worker/migration/mongo/export.sh
index 339a5bd64..abed9b0f5 100755
--- a/deployment/legacy-migration/maintenance-worker/migration/mongo/export.sh
+++ b/deployment/legacy-migration/maintenance-worker/migration/mongo/export.sh
@@ -10,7 +10,7 @@ set +o allexport
 function export_collection () {
   "${EXPORT_MONGOEXPORT_BIN}" --db ${MONGODB_DATABASE} --host localhost -d ${MONGODB_DATABASE} --port 27018 --username ${MONGODB_USERNAME} --password ${MONGODB_PASSWORD} --authenticationDatabase ${MONGODB_AUTH_DB} --collection $1  --collection $1 --out "${EXPORT_PATH}$1.json"
   mkdir -p ${EXPORT_PATH}splits/$1/
-  split -l 100 -a 3 ${EXPORT_PATH}$1.json ${EXPORT_PATH}splits/$1/
+  split -l ${MONGO_EXPORT_SPLIT_SIZE} -a 3 ${EXPORT_PATH}$1.json ${EXPORT_PATH}splits/$1/
 }
 
 # Delete old export & ensure directory
diff --git a/docker-compose.maintenance.yml b/docker-compose.maintenance.yml
index 113b4492c..4ff307594 100644
--- a/docker-compose.maintenance.yml
+++ b/docker-compose.maintenance.yml
@@ -30,6 +30,7 @@ services:
       - "MONGODB_AUTH_DB=${MONGODB_AUTH_DB}"
       - "MONGODB_DATABASE=${MONGODB_DATABASE}"
       - "UPLOADS_DIRECTORY=${UPLOADS_DIRECTORY}"
+      - "MONGO_EXPORT_SPLIT_SIZE=${MONGO_EXPORT_SPLIT_SIZE}"
     ports:
       - 7687:7687
       - 7474:7474

From d365f9368b4444581226d68d6e54f40b7b84406d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 3 Jun 2019 13:54:50 +0200
Subject: [PATCH 37/38] Lint Fixes

---
 webapp/components/Modal/DeleteModal.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/webapp/components/Modal/DeleteModal.vue b/webapp/components/Modal/DeleteModal.vue
index 5ee626f89..63703b8c6 100644
--- a/webapp/components/Modal/DeleteModal.vue
+++ b/webapp/components/Modal/DeleteModal.vue
@@ -2,23 +2,19 @@
   <ds-modal :title="title" :is-open="isOpen" @cancel="cancel">
     <transition name="ds-transition-fade">
       <ds-flex v-if="success" class="hc-modal-success" centered>
-        <sweetalert-icon icon="success"/>
+        <sweetalert-icon icon="success" />
       </ds-flex>
     </transition>
 
     <!-- eslint-disable-next-line vue/no-v-html -->
-    <p v-html="message"/>
+    <p v-html="message" />
 
     <template slot="footer">
       <ds-button class="cancel" icon="close" @click="cancel">{{ $t('delete.cancel') }}</ds-button>
 
-      <ds-button
-        danger
-        class="confirm"
-        icon="trash"
-        :loading="loading"
-        @click="confirm"
-      >{{ $t('delete.submit') }}</ds-button>
+      <ds-button danger class="confirm" icon="trash" :loading="loading" @click="confirm">
+        {{ $t('delete.submit') }}
+      </ds-button>
     </template>
   </ds-modal>
 </template>

From 5866804fd3cb279964af8cfdc62ab048a6486993 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Mon, 3 Jun 2019 14:14:57 +0200
Subject: [PATCH 38/38] Don't remove middlewares in production

@ulfgebhardt thank you for pointing out! That was a terrible bug.
---
 backend/src/middleware/index.js | 89 ++++++++++++++++++++-------------
 1 file changed, 55 insertions(+), 34 deletions(-)

diff --git a/backend/src/middleware/index.js b/backend/src/middleware/index.js
index bef6ceac9..8ddb8a62d 100644
--- a/backend/src/middleware/index.js
+++ b/backend/src/middleware/index.js
@@ -1,42 +1,63 @@
-import activityPubMiddleware from './activityPubMiddleware'
-import passwordMiddleware from './passwordMiddleware'
-import softDeleteMiddleware from './softDeleteMiddleware'
-import sluggifyMiddleware from './sluggifyMiddleware'
-import fixImageUrlsMiddleware from './fixImageUrlsMiddleware'
-import excerptMiddleware from './excerptMiddleware'
-import dateTimeMiddleware from './dateTimeMiddleware'
-import xssMiddleware from './xssMiddleware'
-import permissionsMiddleware from './permissionsMiddleware'
-import userMiddleware from './userMiddleware'
-import includedFieldsMiddleware from './includedFieldsMiddleware'
-import orderByMiddleware from './orderByMiddleware'
-import validationMiddleware from './validation'
-import notificationsMiddleware from './notifications'
+import activityPub from './activityPubMiddleware'
+import password from './passwordMiddleware'
+import softDelete from './softDeleteMiddleware'
+import sluggify from './sluggifyMiddleware'
+import fixImageUrls from './fixImageUrlsMiddleware'
+import excerpt from './excerptMiddleware'
+import dateTime from './dateTimeMiddleware'
+import xss from './xssMiddleware'
+import permissions from './permissionsMiddleware'
+import user from './userMiddleware'
+import includedFields from './includedFieldsMiddleware'
+import orderBy from './orderByMiddleware'
+import validation from './validation'
+import notifications from './notifications'
 
 export default schema => {
-  let middleware = [
-    passwordMiddleware,
-    dateTimeMiddleware,
-    validationMiddleware,
-    sluggifyMiddleware,
-    excerptMiddleware,
-    notificationsMiddleware,
-    xssMiddleware,
-    fixImageUrlsMiddleware,
-    softDeleteMiddleware,
-    userMiddleware,
-    includedFieldsMiddleware,
-    orderByMiddleware,
+  const middlewares = {
+    permissions: permissions,
+    activityPub: activityPub,
+    password: password,
+    dateTime: dateTime,
+    validation: validation,
+    sluggify: sluggify,
+    excerpt: excerpt,
+    notifications: notifications,
+    xss: xss,
+    fixImageUrls: fixImageUrls,
+    softDelete: softDelete,
+    user: user,
+    includedFields: includedFields,
+    orderBy: orderBy,
+  }
+
+  let order = [
+    'permissions',
+    'activityPub',
+    'password',
+    'dateTime',
+    'validation',
+    'sluggify',
+    'excerpt',
+    'notifications',
+    'xss',
+    'fixImageUrls',
+    'softDelete',
+    'user',
+    'includedFields',
+    'orderBy',
   ]
 
   // add permisions middleware at the first position (unless we're seeding)
-  // NOTE: DO NOT SET THE PERMISSION FLAT YOUR SELF
   if (process.env.NODE_ENV !== 'production') {
-    const DISABLED_MIDDLEWARES = process.env.DISABLED_MIDDLEWARES || ''
-    const disabled = DISABLED_MIDDLEWARES.split(',')
-    if (!disabled.includes('activityPub')) middleware.unshift(activityPubMiddleware)
-    if (!disabled.includes('permissions'))
-      middleware.unshift(permissionsMiddleware.generate(schema))
+    let disabledMiddlewares = process.env.DISABLED_MIDDLEWARES || ''
+    disabledMiddlewares = disabledMiddlewares.split(',')
+    order = order.filter(key => {
+      return !disabledMiddlewares.includes(key)
+    })
+    /* eslint-disable-next-line no-console */
+    console.log(`Warning: "${disabledMiddlewares}" middlewares have been disabled.`)
   }
-  return middleware
+
+  return order.map(key => middlewares[key])
 }