Renoteを解除できるように

Resolve #2231
This commit is contained in:
syuilo 2020-02-06 09:09:24 +09:00
parent ee0531b048
commit 416accbe78
4 changed files with 30 additions and 6 deletions

View file

@ -42,6 +42,7 @@ v12ではいくつかインスタンスにとって破壊的な変更があり
* ユーザーの登録日を表示するように * ユーザーの登録日を表示するように
* タイムラインウィジェットを追加 * タイムラインウィジェットを追加
* 投稿フォームでメンションを追加するのが簡単に * 投稿フォームでメンションを追加するのが簡単に
* Renoteを解除できるように
* スマホ/タブレットでも絵文字ピッカーを使えるように * スマホ/タブレットでも絵文字ピッカーを使えるように
* ユーザーを選択する操作が便利に * ユーザーを選択する操作が便利に
* ユーザーページからユーザーにメッセージを送れるように * ユーザーページからユーザーにメッセージを送れるように

View file

@ -93,6 +93,7 @@ unfollow: "フォロー解除"
followRequestPending: "フォロー許可待ち" followRequestPending: "フォロー許可待ち"
enterEmoji: "絵文字を入力" enterEmoji: "絵文字を入力"
renote: "Renote" renote: "Renote"
unrenote: "Renote解除"
quote: "引用" quote: "引用"
pinnedNote: "ピン留めされた投稿" pinnedNote: "ピン留めされた投稿"
you: "あなた" you: "あなた"

View file

@ -1,8 +1,8 @@
<template> <template>
<div <div
class="note _panel" class="note _panel"
v-show="appearNote.deletedAt == null && !hideThisNote" v-show="!isDeleted && !hideThisNote"
:tabindex="appearNote.deletedAt == null ? '-1' : null" :tabindex="!isDeleted ? '-1' : null"
:class="{ renote: isRenote }" :class="{ renote: isRenote }"
v-hotkey="keymap" v-hotkey="keymap"
v-size="[{ max: 500 }, { max: 450 }, { max: 350 }, { max: 300 }]" v-size="[{ max: 500 }, { max: 450 }, { max: 350 }, { max: 300 }]"
@ -19,7 +19,7 @@
</router-link> </router-link>
</i18n> </i18n>
<div class="info"> <div class="info">
<mk-time :time="note.createdAt"/> <button class="_button time" @click="showRenoteMenu"><mk-time :time="note.createdAt"/></button>
<span class="visibility" v-if="note.visibility != 'public'"> <span class="visibility" v-if="note.visibility != 'public'">
<fa v-if="note.visibility == 'home'" :icon="faHome"/> <fa v-if="note.visibility == 'home'" :icon="faHome"/>
<fa v-if="note.visibility == 'followers'" :icon="faUnlock"/> <fa v-if="note.visibility == 'followers'" :icon="faUnlock"/>
@ -83,7 +83,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import { faPlus, faMinus, faRetweet, faReply, faReplyAll, faEllipsisH, faHome, faUnlock, faEnvelope, faThumbtack, faBan } from '@fortawesome/free-solid-svg-icons'; import { faPlus, faMinus, faRetweet, faReply, faReplyAll, faEllipsisH, faHome, faUnlock, faEnvelope, faThumbtack, faBan, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
import { parse } from '../../mfm/parse'; import { parse } from '../../mfm/parse';
import { sum, unique } from '../../prelude/array'; import { sum, unique } from '../../prelude/array';
import i18n from '../i18n'; import i18n from '../i18n';
@ -192,6 +192,10 @@ export default Vue.extend({
return this.isRenote ? this.note.renote : this.note; return this.isRenote ? this.note.renote : this.note;
}, },
isDeleted(): boolean {
return this.appearNote.deletedAt != null || this.note.deletedAt != null;
},
isMyNote(): boolean { isMyNote(): boolean {
return this.$store.getters.isSignedIn && (this.$store.state.i.id === this.appearNote.userId); return this.$store.getters.isSignedIn && (this.$store.state.i.id === this.appearNote.userId);
}, },
@ -453,6 +457,23 @@ export default Vue.extend({
}); });
}, },
showRenoteMenu(ev) {
if (!this.isMyNote) return;
this.$root.menu({
items: [{
text: this.$t('unrenote'),
icon: faTrashAlt,
action: () => {
this.$root.api('notes/delete', {
noteId: this.note.id
});
Vue.set(this.note, 'deletedAt', new Date());
}
}],
source: ev.currentTarget || ev.target,
});
},
toggleShowContent() { toggleShowContent() {
this.showContent = !this.showContent; this.showContent = !this.showContent;
}, },
@ -609,8 +630,9 @@ export default Vue.extend({
margin-left: auto; margin-left: auto;
font-size: 0.9em; font-size: 0.9em;
> .mk-time { > .time {
flex-shrink: 0; flex-shrink: 0;
color: inherit;
} }
> .visibility { > .visibility {

View file

@ -1,8 +1,8 @@
<template> <template>
<x-popup :source="source" ref="popup" @closed="() => { $emit('closed'); destroyDom(); }" v-hotkey.global="keymap"> <x-popup :source="source" ref="popup" @closed="() => { $emit('closed'); destroyDom(); }" v-hotkey.global="keymap">
<div class="rdfaahpc"> <div class="rdfaahpc">
<button class="_button" @click="renote()"><fa :icon="faRetweet"/></button>
<button class="_button" @click="quote()"><fa :icon="faQuoteRight"/></button> <button class="_button" @click="quote()"><fa :icon="faQuoteRight"/></button>
<button class="_button" @click="renote()"><fa :icon="faRetweet"/></button>
</div> </div>
</x-popup> </x-popup>
</template> </template>