mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-03 01:09:01 +09:00
Code

差分表示をできるように

Browse Source
This commit is contained in:
CyberRex 2023-09-30 22:23:14 +09:00
parent 5d9d5b6819
commit a56d404b5d
No known key found for this signature in database
GPG Key ID: C1CD3C0860B46F02
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/frontend/src/components/MkNoteDetailed.vue
View File

@ -176,16 +176,20 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div v-else-if="tab === 'history'" :class="$style.tab_history"> <div v-else-if="tab === 'history'" :class="$style.tab_history">
<div style="display: grid;"> <div style="display: grid;">
<div v-for="text in appearNote.noteEditHistory" :class="$style.historyRoot" :key="text"> <div v-for="(text, index) in appearNote.noteEditHistory" :key="text" :class="$style.historyRoot">
<MkAvatar :class="$style.avatar" :user="appearNote.user" link preview/> <MkAvatar :class="$style.avatar" :user="appearNote.user" link preview/>
<div :class="$style.historyMain"> <div :class="$style.historyMain">
<div :class="$style.historyHeader"> <div :class="$style.historyHeader">
<MkUserName :user="appearNote.user" :nowrap="true"/> <MkUserName :user="appearNote.user" :nowrap="true"/>
</div> </div>
<div> <div>
<div> <CodeDiff
<Mfm :text="text.trim()" :author="appearNote.user" :i="$i"/> :old-string="appearNote.noteEditHistory[index - 1] || appearNote.noteEditHistory[0]"
</div> :new-string="text"
:trim="true"
:hideHeader="true"
diffStyle="char"
/>
</div> </div>
</div> </div>
</div> </div>
@ -205,7 +209,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed, inject, onMounted, ref, shallowRef } from 'vue'; import { computed, inject, onMounted, onUnmounted, ref, shallowRef } from 'vue';
import * as mfm from 'mfm-js'; import * as mfm from 'mfm-js';
import * as Misskey from 'misskey-js'; import * as Misskey from 'misskey-js';
import MkNoteSub from '@/components/MkNoteSub.vue'; import MkNoteSub from '@/components/MkNoteSub.vue';
@ -240,6 +244,7 @@ import MkUserCardMini from '@/components/MkUserCardMini.vue';
import MkPagination, { Paging } from '@/components/MkPagination.vue'; import MkPagination, { Paging } from '@/components/MkPagination.vue';
import MkReactionIcon from '@/components/MkReactionIcon.vue'; import MkReactionIcon from '@/components/MkReactionIcon.vue';
import MkButton from '@/components/MkButton.vue'; import MkButton from '@/components/MkButton.vue';
import { CodeDiff } from 'v-code-diff';
const props = defineProps<{ const props = defineProps<{
note: Misskey.entities.Note; note: Misskey.entities.Note;