moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make timeline a list of articles

This commit is contained in:
tusooa 2022-11-07 13:53:56 -05:00
parent 038b45e64a
commit d41e7a4c6d
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
3 changed files with 35 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/conversation/conversation.vue
View File

@ -60,7 +60,7 @@
v-if="shouldShowAncestors" v-if="shouldShowAncestors"
class="thread-ancestors" class="thread-ancestors"
> >
<div <article
v-for="status in ancestorsOf(diveRoot)" v-for="status in ancestorsOf(diveRoot)"
:key="status.id" :key="status.id"
class="thread-ancestor" class="thread-ancestor"
@ -130,7 +130,7 @@
</i18n-t> </i18n-t>
</div> </div>
</div> </div>
</div> </article>
</div> </div>
<thread-tree <thread-tree
v-for="status in showingTopLevel" v-for="status in showingTopLevel"
@ -168,34 +168,36 @@
v-if="isLinearView" v-if="isLinearView"
class="thread-body" class="thread-body"
> >
<status <article>
v-for="status in conversation" <status
:key="status.id" v-for="status in conversation"
ref="statusComponent" :key="status.id"
:inline-expanded="collapsable && isExpanded" ref="statusComponent"
:statusoid="status" :inline-expanded="collapsable && isExpanded"
:expandable="!isExpanded" :statusoid="status"
:show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]" :expandable="!isExpanded"
:focused="focused(status.id)" :show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]"
:in-conversation="isExpanded" :focused="focused(status.id)"
:highlight="getHighlight()" :in-conversation="isExpanded"
:replies="getReplies(status.id)" :highlight="getHighlight()"
:in-profile="inProfile" :replies="getReplies(status.id)"
:profile-user-id="profileUserId" :in-profile="inProfile"
class="conversation-status status-fadein panel-body" :profile-user-id="profileUserId"
class="conversation-status status-fadein panel-body"
:toggle-thread-display="toggleThreadDisplay" :toggle-thread-display="toggleThreadDisplay"
:thread-display-status="threadDisplayStatus" :thread-display-status="threadDisplayStatus"
:show-thread-recursively="showThreadRecursively" :show-thread-recursively="showThreadRecursively"
:total-reply-count="totalReplyCount" :total-reply-count="totalReplyCount"
:total-reply-depth="totalReplyDepth" :total-reply-depth="totalReplyDepth"
:status-content-properties="statusContentProperties" :status-content-properties="statusContentProperties"
:set-status-content-property="setStatusContentProperty" :set-status-content-property="setStatusContentProperty"
:toggle-status-content-property="toggleStatusContentProperty" :toggle-status-content-property="toggleStatusContentProperty"
@goto="setHighlight" @goto="setHighlight"
@toggleExpanded="toggleExpanded" @toggleExpanded="toggleExpanded"
/> />
</article>
</div> </div>
</div> </div>
</div> </div>

4
src/components/thread_tree/thread_tree.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="thread-tree"> <article class="thread-tree">
<status <status
:key="status.id" :key="status.id"
ref="statusComponent" ref="statusComponent"
@ -113,7 +113,7 @@
</template> </template>
</i18n-t> </i18n-t>
</div> </div>
</div> </article>
</template> </template>
<script src="./thread_tree.js"></script> <script src="./thread_tree.js"></script>

3
src/components/timeline/timeline.vue
View File

@ -79,10 +79,12 @@
<div <div
ref="timeline" ref="timeline"
class="timeline" class="timeline"
role="list"
> >
<conversation <conversation
v-for="statusId in filteredPinnedStatusIds" v-for="statusId in filteredPinnedStatusIds"
:key="statusId + '-pinned'" :key="statusId + '-pinned'"
role="listitem"
class="status-fadein" class="status-fadein"
:status-id="statusId" :status-id="statusId"
:collapsable="true" :collapsable="true"
@ -93,6 +95,7 @@
<conversation <conversation
v-for="status in filteredVisibleStatuses" v-for="status in filteredVisibleStatuses"
:key="status.id" :key="status.id"
role="listitem"
class="status-fadein" class="status-fadein"
:status-id="status.id" :status-id="status.id"
:collapsable="true" :collapsable="true"