sim1222/misskey
1
0
Fork 0
mirror of https://github.com/sim1222/misskey.git synced 2025-06-03 20:07:28 +09:00
Code Issues Projects Releases Wiki Activity

feat: 30s undo

Browse Source 
fix: improve performance
This commit is contained in:
sim1222 2023-01-19 19:35:04 +09:00
parent d60def0e22
commit bb2b67dac9
No known key found for this signature in database
GPG Key ID: 04EF48D01BEB0298
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/frontend/src/components/MkNote.vue
View File

@ -100,6 +100,10 @@
<button ref="menuButton" :class="$style.footerButton" class="_button" @mousedown="menu()">
<i class="ti ti-dots"></i>
</button>
<button v-if="appearNote.userId === $i.id && getAgo() > 0 || ago > 0" :class="$style.footerButton" class="_button" style="color: red" @click="delEdit()">
<i class="ti ti-edit"></i>
<p :class="$style.footerButtonCount">{{ ago }}</p>
</button>
</footer>
</div>
</article>
@ -191,8 +195,32 @@ const translating = ref(false);
const urls = appearNote.text ? extractUrlFromMfm(mfm.parse(appearNote.text)) : null;
const showTicker = (defaultStore.state.instanceTicker === 'always') || (defaultStore.state.instanceTicker === 'remote' && appearNote.user.instance);
const canRenote = computed(() => ['public', 'home'].includes(appearNote.visibility) || appearNote.userId === $i.id);
const reacting = ref(false);
const ago = ref(0);
const getAgo = () => ago.value = (30 - (~~(((new Date().getTime()) - (new Date(appearNote.createdAt).getTime())) / 1000)));
const agoRealTime = setInterval(() => {
getAgo();
if (ago.value < 0) clearInterval(agoRealTime);
}, 1000);
onUnmounted(() => clearInterval(agoRealTime));
function delEdit(): void {
os.confirm({
type: 'warning',
text: i18n.ts.deleteAndEditConfirm,
}).then(({ canceled }) => {
if (canceled) return;
os.api('notes/delete', {
noteId: appearNote.id,
});
os.post({ initialNote: appearNote, renote: appearNote.renote, reply: appearNote.reply, channel: appearNote.channel });
});
}
const keymap = {
'r': () => reply(true),
'e|a|plus': () => react(true),