This commit is contained in:
syuilo
2018-02-13 13:49:48 +09:00
parent c775e7d965
commit f789f111c1
4 changed files with 80 additions and 60 deletions

View File

@@ -4,7 +4,7 @@
@mousemove="onMousemove"
@mouseleave="onMouseleave"
@click.prevent="onClick"
:style="styles"
:style="style"
:title="image.name"></a>
</template>

View File

@@ -1,5 +1,5 @@
<template>
<div class="mk-posts-post" tabindex="-1" :title="title" @keydown="onKeydown" @dblclick="onDblClick">
<div class="mk-posts-post" tabindex="-1" :title="title" @keydown="onKeydown">
<div class="reply-to" v-if="p.reply">
<mk-posts-post-sub post="p.reply"/>
</div>
@@ -58,7 +58,7 @@
<button @click="menu" ref="menuButton">
%fa:ellipsis-h%
</button>
<button @click="toggleDetail" title="%i18n:desktop.tags.mk-timeline-post.detail">
<button title="%i18n:desktop.tags.mk-timeline-post.detail">
<template v-if="!isDetailOpened">%fa:caret-down%</template>
<template v-if="isDetailOpened">%fa:caret-up%</template>
</button>
@@ -94,6 +94,7 @@ export default Vue.extend({
props: ['post'],
data() {
return {
isDetailOpened: false,
connection: null,
connectionId: null
};
@@ -109,7 +110,11 @@ export default Vue.extend({
return this.isRepost ? this.post.repost : this.post;
},
reactionsCount(): number {
return this.p.reaction_counts ? Object.keys(this.p.reaction_counts).map(key => this.p.reaction_counts[key]).reduce((a, b) => a + b) : 0;
return this.p.reaction_counts
? Object.keys(this.p.reaction_counts)
.map(key => this.p.reaction_counts[key])
.reduce((a, b) => a + b)
: 0;
},
title(): string {
return dateStringify(this.p.created_at);