summaryrefslogtreecommitdiff
path: root/src/client/components/note-header.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2021-11-12 02:02:25 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2021-11-12 02:02:25 +0900
commit0e4a111f81cceed275d9bec2695f6e401fb654d8 (patch)
tree40874799472fa07416f17b50a398ac33b7771905 /src/client/components/note-header.vue
parentupdate deps (diff)
downloadsharkey-0e4a111f81cceed275d9bec2695f6e401fb654d8.tar.gz
sharkey-0e4a111f81cceed275d9bec2695f6e401fb654d8.tar.bz2
sharkey-0e4a111f81cceed275d9bec2695f6e401fb654d8.zip
refactoring
Resolve #7779
Diffstat (limited to 'src/client/components/note-header.vue')
-rw-r--r--src/client/components/note-header.vue115
1 files changed, 0 insertions, 115 deletions
diff --git a/src/client/components/note-header.vue b/src/client/components/note-header.vue
deleted file mode 100644
index 80bfea9b07..0000000000
--- a/src/client/components/note-header.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-<header class="kkwtjztg">
- <MkA class="name" :to="userPage(note.user)" v-user-preview="note.user.id">
- <MkUserName :user="note.user"/>
- </MkA>
- <div class="is-bot" v-if="note.user.isBot">bot</div>
- <div class="username"><MkAcct :user="note.user"/></div>
- <div class="admin" v-if="note.user.isAdmin"><i class="fas fa-bookmark"></i></div>
- <div class="moderator" v-if="!note.user.isAdmin && note.user.isModerator"><i class="far fa-bookmark"></i></div>
- <div class="info">
- <span class="mobile" v-if="note.viaMobile"><i class="fas fa-mobile-alt"></i></span>
- <MkA class="created-at" :to="notePage(note)">
- <MkTime :time="note.createdAt"/>
- </MkA>
- <span class="visibility" v-if="note.visibility !== 'public'">
- <i v-if="note.visibility === 'home'" class="fas fa-home"></i>
- <i v-else-if="note.visibility === 'followers'" class="fas fa-unlock"></i>
- <i v-else-if="note.visibility === 'specified'" class="fas fa-envelope"></i>
- </span>
- <span class="localOnly" v-if="note.localOnly"><i class="fas fa-biohazard"></i></span>
- </div>
-</header>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import notePage from '@client/filters/note';
-import { userPage } from '@client/filters/user';
-import * as os from '@client/os';
-
-export default defineComponent({
- props: {
- note: {
- type: Object,
- required: true
- },
- },
-
- data() {
- return {
- };
- },
-
- methods: {
- notePage,
- userPage
- }
-});
-</script>
-
-<style lang="scss" scoped>
-.kkwtjztg {
- display: flex;
- align-items: baseline;
- white-space: nowrap;
-
- > .name {
- flex-shrink: 1;
- display: block;
- margin: 0 .5em 0 0;
- padding: 0;
- overflow: hidden;
- font-size: 1em;
- font-weight: bold;
- text-decoration: none;
- text-overflow: ellipsis;
-
- &:hover {
- text-decoration: underline;
- }
- }
-
- > .is-bot {
- flex-shrink: 0;
- align-self: center;
- margin: 0 .5em 0 0;
- padding: 1px 6px;
- font-size: 80%;
- border: solid 0.5px var(--divider);
- border-radius: 3px;
- }
-
- > .admin,
- > .moderator {
- flex-shrink: 0;
- margin-right: 0.5em;
- color: var(--badge);
- }
-
- > .username {
- flex-shrink: 9999999;
- margin: 0 .5em 0 0;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- > .info {
- flex-shrink: 0;
- margin-left: auto;
- font-size: 0.9em;
-
- > .mobile {
- margin-right: 8px;
- }
-
- > .visibility {
- margin-left: 8px;
- }
-
- > .localOnly {
- margin-left: 8px;
- }
- }
-}
-</style>