Use timeline entry component

Signed-off-by: Julius Härtl <jus@bitgrid.net>
pull/31/head
Julius Härtl 2018-11-15 15:52:06 +01:00
rodzic 48dfd0030a
commit 1da82646e8
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 4C614C6ED2CDE6DF
2 zmienionych plików z 12 dodań i 11 usunięć

Wyświetl plik

@ -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
}

Wyświetl plik

@ -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>