diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-08-07 11:59:10 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-07 19:19:29 -0500 |
| commit | 84a3cd92a3da885fe1a76809c589b8f464eed432 (patch) | |
| tree | c457824875ad021a516d0a90ef3ef2f17d25586b /src/components/conversation/conversation.vue | |
| parent | ace1f5067c90be2fa0b8da22d39b0e2c88f590fb (diff) | |
Support diving into one status in a conversation
Diffstat (limited to 'src/components/conversation/conversation.vue')
| -rw-r--r-- | src/components/conversation/conversation.vue | 30 |
1 files changed, 29 insertions, 1 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index 08cb72d0..84e8d8b2 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -18,9 +18,22 @@ {{ $t('timeline.collapse') }} </button> </div> + <div + v-if="diveMode" + class="conversation-undive-box" + > + <i18n + path="status.show_all_conversation" + tag="button" + class="button-unstyled -link" + @click.prevent="undive" + > + <FAIcon icon="angle-double-left" /> + </i18n> + </div> <div v-if="isTreeView"> <thread-tree - v-for="status in topLevel" + v-for="status in showingTopLevel" :key="status.id" ref="statusComponent" :depth="0" @@ -47,6 +60,7 @@ :status-content-properties="statusContentProperties" :set-status-content-property="setStatusContentProperty" :toggle-status-content-property="toggleStatusContentProperty" + :dive="diveIntoStatus" /> </div> <div v-if="isLinearView"> @@ -65,6 +79,16 @@ :in-profile="inProfile" :profile-user-id="profileUserId" class="conversation-status status-fadein panel-body" + + :toggle-thread-display="toggleThreadDisplay" + :thread-display-status="threadDisplayStatus" + :show-thread-recursively="showThreadRecursively" + :total-reply-count="totalReplyCount" + :total-reply-depth="totalReplyDepth" + :status-content-properties="statusContentProperties" + :set-status-content-property="setStatusContentProperty" + :toggle-status-content-property="toggleStatusContentProperty" + @goto="setHighlight" @toggleExpanded="toggleExpanded" /> @@ -82,6 +106,10 @@ @import '../../_variables.scss'; .Conversation { + .conversation-undive-box { + padding: 1em; + } + .conversation-undive-box, .conversation-status { border-bottom-width: 1px; border-bottom-style: solid; |