diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-08-07 18:53:23 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-07 19:19:29 -0500 |
| commit | d9a9f97751b2f51f55848652e5126700aea0f3fe (patch) | |
| tree | fcb50e83c15a01879759332a47f91bfbe2a69684 /src/components/thread_tree/thread_tree.vue | |
| parent | 8c0deb905eb9860430d831d8d215e1eb6910f117 (diff) | |
Add simple tree style navigation
Diffstat (limited to 'src/components/thread_tree/thread_tree.vue')
| -rw-r--r-- | src/components/thread_tree/thread_tree.vue | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/src/components/thread_tree/thread_tree.vue b/src/components/thread_tree/thread_tree.vue index f0a103d1..b803f80f 100644 --- a/src/components/thread_tree/thread_tree.vue +++ b/src/components/thread_tree/thread_tree.vue @@ -9,12 +9,13 @@ :show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]" :focused="focused(status.id)" :in-conversation="isExpanded" - :highlight="getHighlight()" + :highlight="highlight" :replies="getReplies(status.id)" :in-profile="inProfile" :profile-user-id="profileUserId" class="conversation-status conversation-status-treeview status-fadein panel-body" + :simple-tree="simple" :controlled-thread-display-status="threadDisplayStatus[status.id]" :controlled-toggle-thread-display="() => toggleThreadDisplay(status.id)" @@ -49,10 +50,11 @@ :focused="focused" :get-replies="getReplies" - :get-highlight="getHighlight" + :highlight="highlight" :set-highlight="setHighlight" :toggle-expanded="toggleExpanded" + :simple="simple" :toggle-thread-display="toggleThreadDisplay" :thread-display-status="threadDisplayStatus" :show-thread-recursively="showThreadRecursively" @@ -69,6 +71,22 @@ class="thread-tree-replies thread-tree-replies-hidden" > <i18n + v-if="simple" + tag="button" + path="status.thread_follow_with_icon" + class="button-unstyled -link thread-tree-show-replies-button" + @click.prevent="dive(status.id)" + > + <FAIcon + place="icon" + icon="angle-double-right" + /> + <span place="text"> + {{ $tc('status.thread_follow', totalReplyCount[status.id], { numStatus: totalReplyCount[status.id] }) }} + </span> + </i18n> + <i18n + v-else tag="button" path="status.thread_show_full_with_icon" class="button-unstyled -link thread-tree-show-replies-button" |