Implement post deletion and add animation to timeline list

Signed-off-by: Julius Härtl <jus@bitgrid.net>

1 files changed, 13 insertions, 0 deletions

diff --git a/src/store/timeline.js b/src/store/timeline.js
index be1ca66c..38f9e090 100644
--- a/src/store/timeline.js
+++ b/src/store/timeline.js
@@ -37,6 +37,9 @@ const mutations = {
 			Vue.set(state.timeline, data[item].id, data[item])
 		}
 	},
+	removePost(state, post) {
+		Vue.delete(state.timeline, post.id)
+	},
 	resetTimeline(state) {
 		state.timeline = {}
 		state.since = Math.floor(Date.now() / 1000) + 1
@@ -83,6 +86,16 @@ const actions = {
 			})
 		})
 	},
+	postDelete(context, post) {
+		return axios.delete(OC.generateUrl(`apps/social/api/v1/post?id=${post.id}`)).then((response) => {
+			context.commit('removePost', post)
+			// eslint-disable-next-line no-console
+			console.log('Post deleted with token ' + response.data.result.token)
+		}).catch((error) => {
+			OC.Notification.showTemporary('Failed to delete the post')
+			console.error('Failed to delete the post', error)
+		})
+	},
 	refreshTimeline(context) {
 		return this.dispatch('fetchTimeline', { sinceTimestamp: Math.floor(Date.now() / 1000) + 1 })
 	},