Unfucked note view
This commit is contained in:
parent
6dbabccabe
commit
b5a410df8a
|
@ -11,12 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
v-hotkey="keymap"
|
v-hotkey="keymap"
|
||||||
:class="$style.root"
|
:class="$style.root"
|
||||||
>
|
>
|
||||||
<div v-if="appearNote.reply && appearNote.reply.replyId">
|
<MkNoteSub v-for="note in conversation" :key="note.id" :class="$style.replyToMore" :note="note"/>
|
||||||
<div v-if="!conversationLoaded" style="padding: 16px">
|
|
||||||
<MkButton style="margin: 0 auto;" primary rounded @click="loadConversation">{{ i18n.ts.loadConversation }}</MkButton>
|
|
||||||
</div>
|
|
||||||
<MkNoteSub v-for="note in conversation" :key="note.id" :class="$style.replyToMore" :note="note"/>
|
|
||||||
</div>
|
|
||||||
<MkNoteSub v-if="appearNote.reply" :note="appearNote.reply" :class="$style.replyTo"/>
|
<MkNoteSub v-if="appearNote.reply" :note="appearNote.reply" :class="$style.replyTo"/>
|
||||||
<div v-if="isRenote" :class="$style.renote">
|
<div v-if="isRenote" :class="$style.renote">
|
||||||
<MkAvatar :class="$style.renoteAvatar" :user="note.user" link preview/>
|
<MkAvatar :class="$style.renoteAvatar" :user="note.user" link preview/>
|
||||||
|
@ -145,12 +140,9 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
<button class="_button" :class="[$style.tab, { [$style.tabActive]: tab === 'reactions' }]" @click="tab = 'reactions'"><i class="ti ti-icons"></i> {{ i18n.ts.reactions }}</button>
|
<button class="_button" :class="[$style.tab, { [$style.tabActive]: tab === 'reactions' }]" @click="tab = 'reactions'"><i class="ti ti-icons"></i> {{ i18n.ts.reactions }}</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div v-if="tab === 'replies'">
|
<div v-if="tab === 'replies'" :class="$style.tab_replies">
|
||||||
<div v-if="!repliesLoaded" style="padding: 16px">
|
|
||||||
<MkButton style="margin: 0 auto;" primary rounded @click="loadReplies">{{ i18n.ts.loadReplies }}</MkButton>
|
|
||||||
</div>
|
|
||||||
<MkNoteSub v-for="note in replies" :key="note.id" :note="note" :class="$style.reply" :detail="true"/>
|
<MkNoteSub v-for="note in replies" :key="note.id" :note="note" :class="$style.reply" :detail="true"/>
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="tab === 'renotes'" :class="$style.tab_renotes">
|
<div v-else-if="tab === 'renotes'" :class="$style.tab_renotes">
|
||||||
<MkPagination :pagination="renotesPagination" :disableAutoLoad="true">
|
<MkPagination :pagination="renotesPagination" :disableAutoLoad="true">
|
||||||
<template #default="{ items }">
|
<template #default="{ items }">
|
||||||
|
@ -467,23 +459,14 @@ function blur() {
|
||||||
rootEl.value?.blur();
|
rootEl.value?.blur();
|
||||||
}
|
}
|
||||||
|
|
||||||
const repliesLoaded = ref(false);
|
misskeyApi('notes/children', {
|
||||||
|
noteId: appearNote.value.id,
|
||||||
|
limit: 30,
|
||||||
|
}).then(res => {
|
||||||
|
replies.value = res;
|
||||||
|
});
|
||||||
|
|
||||||
function loadReplies() {
|
if (appearNote.replyId) {
|
||||||
repliesLoaded.value = true;
|
|
||||||
misskeyApi('notes/children', {
|
|
||||||
noteId: appearNote.value.id,
|
|
||||||
limit: 30,
|
|
||||||
}).then(res => {
|
|
||||||
replies.value = res;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const conversationLoaded = ref(false);
|
|
||||||
|
|
||||||
function loadConversation() {
|
|
||||||
conversationLoaded.value = true;
|
|
||||||
if (appearNote.value.replyId == null) return;
|
|
||||||
misskeyApi('notes/conversation', {
|
misskeyApi('notes/conversation', {
|
||||||
noteId: appearNote.value.replyId,
|
noteId: appearNote.value.replyId,
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
|
|
Loading…
Reference in New Issue