refs #116 Open account profile when click favourite user

This commit is contained in:
AkiraFukushima 2018-03-30 17:45:20 +09:00
parent 92585f948e
commit aac7c33a99
1 changed files with 14 additions and 3 deletions

View File

@ -5,7 +5,7 @@
<icon name="star" scale="0.7"></icon> <icon name="star" scale="0.7"></icon>
</div> </div>
<div class="action-detail"> <div class="action-detail">
<span class="bold">{{ username(message.account) }}</span> favourited your status <span class="bold" @click="openUser(message.account)">{{ username(message.account) }}</span> favourited your status
</div> </div>
<div class="action-icon"> <div class="action-icon">
<img :src="message.account.avatar" /> <img :src="message.account.avatar" />
@ -13,12 +13,12 @@
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
<div class="target"> <div class="target">
<div class="icon"> <div class="icon" @click="openUser(message.status.account)">
<img :src="message.status.account.avatar" /> <img :src="message.status.account.avatar" />
</div> </div>
<div class="detail"> <div class="detail">
<div class="toot-header"> <div class="toot-header">
<div class="user"> <div class="user" @click="openUser(message.status.account)">
{{ username(message.status.account) }} {{ username(message.status.account) }}
</div> </div>
<div class="timestamp"> <div class="timestamp">
@ -56,6 +56,11 @@ export default {
if (link !== null) { if (link !== null) {
shell.openExternal(link) shell.openExternal(link)
} }
},
openUser (account) {
this.$store.dispatch('TimelineSpace/Contents/SideBar/openAccountComponent')
this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/changeAccount', account)
this.$store.commit('TimelineSpace/Contents/SideBar/changeOpenSideBar', true)
} }
} }
} }
@ -103,6 +108,10 @@ function findLink (target) {
margin-left: 10px; margin-left: 10px;
font-size: 14px; font-size: 14px;
float: left; float: left;
.bold {
cursor: pointer;
}
} }
.action-icon { .action-icon {
@ -121,6 +130,7 @@ function findLink (target) {
.icon { .icon {
float: left; float: left;
width: 42px; width: 42px;
cursor: pointer;
img { img {
width: 32px; width: 32px;
@ -137,6 +147,7 @@ function findLink (target) {
.user { .user {
float: left; float: left;
font-size: 14px; font-size: 14px;
cursor: pointer;
} }
.timestamp { .timestamp {