summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkNoteSub.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
commit9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch)
treece5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/components/MkNoteSub.vue
parentwip: retention for dashboard (diff)
downloadsharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.gz
sharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.bz2
sharkey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.zip
rename: client -> frontend
Diffstat (limited to 'packages/client/src/components/MkNoteSub.vue')
-rw-r--r--packages/client/src/components/MkNoteSub.vue140
1 files changed, 0 insertions, 140 deletions
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
deleted file mode 100644
index d03ce7c434..0000000000
--- a/packages/client/src/components/MkNoteSub.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-<div v-size="{ max: [450] }" class="wrpstxzv" :class="{ children: depth > 1 }">
- <div class="main">
- <MkAvatar class="avatar" :user="note.user"/>
- <div class="body">
- <XNoteHeader class="header" :note="note" :mini="true"/>
- <div class="body">
- <p v-if="note.cw != null" class="cw">
- <Mfm v-if="note.cw != ''" class="text" :text="note.cw" :author="note.user" :i="$i" :custom-emojis="note.emojis"/>
- <XCwButton v-model="showContent" :note="note"/>
- </p>
- <div v-show="note.cw == null || showContent" class="content">
- <MkSubNoteContent class="text" :note="note"/>
- </div>
- </div>
- </div>
- </div>
- <template v-if="depth < 5">
- <MkNoteSub v-for="reply in replies" :key="reply.id" :note="reply" class="reply" :detail="true" :depth="depth + 1"/>
- </template>
- <div v-else class="more">
- <MkA class="text _link" :to="notePage(note)">{{ i18n.ts.continueThread }} <i class="ti ti-chevron-double-right"></i></MkA>
- </div>
-</div>
-</template>
-
-<script lang="ts" setup>
-import { } from 'vue';
-import * as misskey from 'misskey-js';
-import XNoteHeader from '@/components/MkNoteHeader.vue';
-import MkSubNoteContent from '@/components/MkSubNoteContent.vue';
-import XCwButton from '@/components/MkCwButton.vue';
-import { notePage } from '@/filters/note';
-import * as os from '@/os';
-import { i18n } from '@/i18n';
-
-const props = withDefaults(defineProps<{
- note: misskey.entities.Note;
- detail?: boolean;
-
- // how many notes are in between this one and the note being viewed in detail
- depth?: number;
-}>(), {
- depth: 1,
-});
-
-let showContent = $ref(false);
-let replies: misskey.entities.Note[] = $ref([]);
-
-if (props.detail) {
- os.api('notes/children', {
- noteId: props.note.id,
- limit: 5,
- }).then(res => {
- replies = res;
- });
-}
-</script>
-
-<style lang="scss" scoped>
-.wrpstxzv {
- padding: 16px 32px;
- font-size: 0.9em;
-
- &.max-width_450px {
- padding: 14px 16px;
- }
-
- &.children {
- padding: 10px 0 0 16px;
- font-size: 1em;
-
- &.max-width_450px {
- padding: 10px 0 0 8px;
- }
- }
-
- > .main {
- display: flex;
-
- > .avatar {
- flex-shrink: 0;
- display: block;
- margin: 0 8px 0 0;
- width: 38px;
- height: 38px;
- border-radius: 8px;
- }
-
- > .body {
- flex: 1;
- min-width: 0;
-
- > .header {
- margin-bottom: 2px;
- }
-
- > .body {
- > .cw {
- cursor: default;
- display: block;
- margin: 0;
- padding: 0;
- overflow-wrap: break-word;
-
- > .text {
- margin-right: 8px;
- }
- }
-
- > .content {
- > .text {
- margin: 0;
- padding: 0;
- }
- }
- }
- }
- }
-
- > .reply, > .more {
- border-left: solid 0.5px var(--divider);
- margin-top: 10px;
- }
-
- > .more {
- padding: 10px 0 0 16px;
- }
-}
-
-@container (max-width: 450px) {
- .wrpstxzv {
- padding: 14px 16px;
-
- &.children {
- padding: 10px 0 0 8px;
- }
- }
-}
-</style>