summaryrefslogtreecommitdiff
path: root/src/client/components/note.sub.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/components/note.sub.vue')
-rw-r--r--src/client/components/note.sub.vue146
1 files changed, 0 insertions, 146 deletions
diff --git a/src/client/components/note.sub.vue b/src/client/components/note.sub.vue
deleted file mode 100644
index 157b65ec5c..0000000000
--- a/src/client/components/note.sub.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-<div class="wrpstxzv" :class="{ children }" v-size="{ max: [450] }">
- <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 class="content" v-show="note.cw == null || showContent">
- <XSubNote-content class="text" :note="note"/>
- </div>
- </div>
- </div>
- </div>
- <XSub v-for="reply in replies" :key="reply.id" :note="reply" class="reply" :detail="true" :children="true"/>
-</div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import XNoteHeader from './note-header.vue';
-import XSubNoteContent from './sub-note-content.vue';
-import XCwButton from './cw-button.vue';
-import * as os from '@client/os';
-
-export default defineComponent({
- name: 'XSub',
-
- components: {
- XNoteHeader,
- XSubNoteContent,
- XCwButton,
- },
-
- props: {
- note: {
- type: Object,
- required: true
- },
- detail: {
- type: Boolean,
- required: false,
- default: false
- },
- children: {
- type: Boolean,
- required: false,
- default: false
- },
- // TODO
- truncate: {
- type: Boolean,
- default: true
- }
- },
-
- data() {
- return {
- showContent: false,
- replies: [],
- };
- },
-
- created() {
- if (this.detail) {
- os.api('notes/children', {
- noteId: this.note.id,
- limit: 5
- }).then(replies => {
- this.replies = replies;
- });
- }
- },
-});
-</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 {
- border-left: solid 0.5px var(--divider);
- margin-top: 10px;
- }
-}
-</style>