From 1da82646e8017af14a816d29be59f05ce9df4e1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 15 Nov 2018 15:52:06 +0100
Subject: [PATCH 1/2] Use timeline entry component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/TimelineEntry.vue | 17 +++++++++++------
 src/views/Timeline.vue           |  6 +-----
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue
index 69c96371..d9f2bd17 100644
--- a/src/components/TimelineEntry.vue
+++ b/src/components/TimelineEntry.vue
@@ -2,18 +2,23 @@
 	<div class="timeline-entry">
 		<div class="entry-content">
 			<div class="post-avatar">
-				<avatar :size="32" :url="item.authorAvatar" />
+				<avatar :size="32" :user="item.actor_info.preferredUsername" />
 			</div>
 			<div class="post-content">
 				<div class="post-author-wrapper">
-					<router-link :to="{ name: 'profile', params: { account: item.authorId }}">
-						<span class="post-author">{{ item.author }}</span>
-						<span class="post-author-id">{{ item.authorId }}</span>
+					<router-link v-if="item.actor_info.local" :to="{ name: 'profile', params: { account: item.actor_info.preferredUsername }}">
+						<span class="post-author">{{ item.actor_info.preferredUsername }}</span>
+						<span class="post-author-id">{{ item.actor_info.account }}</span>
 					</router-link>
+					<a :href="item.actor_info.url" v-else>
+						<span class="post-author">{{ item.actor_info.preferredUsername }}</span>
+						<span class="post-author-id">{{ item.actor_info.account }}</span>
+					</a>
 				</div>
 				<div class="post-message" v-html="formatedMessage" />
+				<!--<pre style="height: 200px; overflow:scroll;">{{item}}</pre> //-->
 			</div>
-			<div class="post-timestamp">{{ item.timestamp }}</div>
+			<div class="post-timestamp">{{ item.published }}</div>
 		</div>
 	</div>
 </template>
@@ -36,7 +41,7 @@ export default {
 	},
 	computed: {
 		formatedMessage: function() {
-			let message = this.item.message
+			let message = this.item.content
 			message = message.replace(/(?:\r\n|\r|\n)/g, '<br />')
 			return message
 		}
diff --git a/src/views/Timeline.vue b/src/views/Timeline.vue
index 24f5487f..60dd52e4 100644
--- a/src/views/Timeline.vue
+++ b/src/views/Timeline.vue
@@ -27,11 +27,7 @@
 						<div class="submitLoading icon-loading-small hidden" />
 					</form>
 				</div>
-				<!--<timeline-entry v-for="entry in timeline" :item="entry" :key="entry.id" /> //-->
-				<div v-for="entry in timeline">
-					{{entry.content}}
-				<pre style="height: 200px; overflow:scroll;">{{entry}}</pre>
-				</div>
+				<timeline-entry v-for="entry in timeline" :item="entry" :key="entry.id" />
 				<infinite-loading @infinite="infiniteHandler" ref="infiniteLoading">
 				<div slot="spinner"><div class="icon-loading"></div></div>
 				<div slot="no-more"><div class="list-end"></div></div>

From 81ff286ad8b2a17577256565c5d2a7bc5a581e11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 15 Nov 2018 15:59:04 +0100
Subject: [PATCH 2/2] Automatically link urls
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 package.json                     | 1 +
 src/components/TimelineEntry.vue | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0b0e770b..a1e96ceb 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
 	},
 	"dependencies": {
 		"@babel/polyfill": "^7.0.0",
+		"linkifyjs": "^2.1.7",
 		"nextcloud-axios": "^0.1.2",
 		"nextcloud-vue": "^0.4.2",
 		"uuid": "^3.3.2",
diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue
index d9f2bd17..0c811e73 100644
--- a/src/components/TimelineEntry.vue
+++ b/src/components/TimelineEntry.vue
@@ -25,6 +25,7 @@
 
 <script>
 import { Avatar } from 'nextcloud-vue'
+import linkifyStr from 'linkifyjs/string';
 
 export default {
 	name: 'TimelineEntry',
@@ -43,7 +44,7 @@ export default {
 		formatedMessage: function() {
 			let message = this.item.content
 			message = message.replace(/(?:\r\n|\r|\n)/g, '<br />')
-			return message
+			return message.linkify()
 		}
 	}
 }