board timeline

Signed-off-by: Jakob <jakob.roehrl@web.de>

src/components/board/TimelineTabSidebard.vue

@@ -1,10 +1,17 @@
 <template>
 	<div>
-		timeline
+		<div v-for="entry in boardActivity" :key="entry.activity_id">
+			<img :src="entry.icon">
+			{{ entry.activity_id }}
+			{{ entry.subject }}
+			{{ getTime(entry.datetime) }}
+		</div>
+		<button @click="loadMore">Load More</button>
 	</div>
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
 
 export default {
 	name: 'TimelineTabSidebard',
@@ -19,8 +26,38 @@ export default {
 	},
 	data() {
 		return {
+			isLoading: false,
+			params: {
+				limit: 50,
+				since: 0
+			}
+		}
+	},
+	computed: {
+		...mapGetters({
+			boardActivity: 'boardActivity'
+		})
+	},
+	created() {
+		this.loadBoardActivity()
+	},
+	methods: {
+		loadBoardActivity() {
+			this.isLoading = true
+			this.$store.dispatch('loadBoardActivity', this.params).then(response => {
+				this.isLoading = false
+			})
+		},
+		getTime(timestamp) {
+			return OC.Util.relativeModifiedDate(timestamp)
+		},
+		loadMore() {
+			let array = Object.values(this.boardActivity)
+			let aId = (array[array.length - 1].activity_id)
+
+			this.params.since = aId
+			this.loadBoardActivity()
 		}
 	}
-
 }
 </script>