mirror of https://github.com/pixelfed/pixelfed
Update Timeline component
Daniel Supernault
3 years ago
parent
3b885709b8
commit
8efb4047b1
@ -1,348 +1,382 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="card-header border-0" style="border-top-left-radius: 15px;border-top-right-radius: 15px;">
|
<div>
|
||||||
<div class="media align-items-center">
|
<div v-if="isReblog" class="card-header bg-light border-0" style="border-top-left-radius: 15px;border-top-right-radius: 15px;">
|
||||||
<a :href="status.account.url" @click.prevent="goToProfile()" style="margin-right: 10px;">
|
<div class="media align-items-center" style="height:10px;">
|
||||||
<img :src="getStatusAvatar()" style="border-radius:15px;" width="44" height="44" onerror="this.onerror=null;this.src='/storage/avatars/default.png?v=0';">
|
<a :href="reblogAccount.url" class="mx-2" @click.prevent="goToProfileById(reblogAccount.id)">
|
||||||
</a>
|
<img :src="reblogAccount.avatar" style="border-radius:10px;" width="24" height="24" onerror="this.onerror=null;this.src='/storage/avatars/default.png?v=0';">
|
||||||
|
</a>
|
||||||
<div class="media-body">
|
<div style="font-size:12px;font-weight:bold">
|
||||||
<p class="font-weight-bold username">
|
<i class="far fa-retweet text-warning mr-1"></i> Reblogged by <a :href="reblogAccount.url" class="text-dark" @click.prevent="goToProfileById(reblogAccount.id)">@{{ reblogAccount.acct }}</a>
|
||||||
<a :href="status.account.url" class="text-dark" :id="'apop_'+status.id" @click.prevent="goToProfile">
|
</div>
|
||||||
{{ status.account.acct }}
|
</div>
|
||||||
</a>
|
</div>
|
||||||
<b-popover :target="'apop_'+status.id" triggers="hover" placement="bottom" custom-class="shadow border-0 rounded-px">
|
<div class="card-header border-0" style="border-top-left-radius: 15px;border-top-right-radius: 15px;">
|
||||||
<profile-hover-card
|
<div class="media align-items-center">
|
||||||
:profile="status.account"
|
<a :href="status.account.url" @click.prevent="goToProfile()" style="margin-right: 10px;">
|
||||||
v-on:follow="follow"
|
<img :src="getStatusAvatar()" style="border-radius:15px;" width="44" height="44" onerror="this.onerror=null;this.src='/storage/avatars/default.png?v=0';">
|
||||||
v-on:unfollow="unfollow" />
|
</a>
|
||||||
</b-popover>
|
|
||||||
</p>
|
<div class="media-body">
|
||||||
<p class="text-lighter mb-0" style="font-size: 13px;">
|
<p class="font-weight-bold username">
|
||||||
<span v-if="status.account.is_admin" class="d-none d-md-inline-block">
|
<a :href="status.account.url" class="text-dark" :id="'apop_'+status.id" @click.prevent="goToProfile">
|
||||||
<span class="badge badge-light text-danger user-select-none" title="Admin account">ADMIN</span>
|
{{ status.account.acct }}
|
||||||
<span class="mx-1 text-lighter">·</span>
|
</a>
|
||||||
</span>
|
<b-popover :target="'apop_'+status.id" triggers="hover" placement="bottom" custom-class="shadow border-0 rounded-px">
|
||||||
<a class="timestamp text-lighter" :href="status.url" @click.prevent="goToPost()" :title="status.created_at">
|
<profile-hover-card
|
||||||
{{ timeago(status.created_at) }}
|
:profile="status.account"
|
||||||
</a>
|
v-on:follow="follow"
|
||||||
|
v-on:unfollow="unfollow" />
|
||||||
<span v-if="config.ab.pue && status.hasOwnProperty('edited_at') && status.edited_at">
|
</b-popover>
|
||||||
<span class="mx-1 text-lighter">·</span>
|
</p>
|
||||||
<a class="text-lighter" href="#" @click.prevent="openEditModal">Edited</a>
|
<p class="text-lighter mb-0" style="font-size: 13px;">
|
||||||
</span>
|
<span v-if="status.account.is_admin" class="d-none d-md-inline-block">
|
||||||
|
<span class="badge badge-light text-danger user-select-none" title="Admin account">ADMIN</span>
|
||||||
<span class="mx-1 text-lighter">·</span>
|
<span class="mx-1 text-lighter">·</span>
|
||||||
<span class="visibility text-lighter" :title="scopeTitle(status.visibility)"><i :class="scopeIcon(status.visibility)"></i></span>
|
</span>
|
||||||
|
<a class="timestamp text-lighter" :href="status.url" @click.prevent="goToPost()" :title="status.created_at">
|
||||||
<span v-if="status.place && status.place.hasOwnProperty('name')" class="d-none d-md-inline-block">
|
{{ timeago(status.created_at) }}
|
||||||
<span class="mx-1 text-lighter">·</span>
|
</a>
|
||||||
<span class="location text-lighter"><i class="far fa-map-marker-alt"></i> {{ status.place.name }}, {{ status.place.country }}</span>
|
|
||||||
</span>
|
<span v-if="config.ab.pue && status.hasOwnProperty('edited_at') && status.edited_at">
|
||||||
</p>
|
<span class="mx-1 text-lighter">·</span>
|
||||||
</div>
|
<a class="text-lighter" href="#" @click.prevent="openEditModal">Edited</a>
|
||||||
|
</span>
|
||||||
<button v-if="!useDropdownMenu" class="btn btn-link text-lighter" @click="openMenu">
|
|
||||||
<i class="far fa-ellipsis-v fa-lg"></i>
|
<span class="mx-1 text-lighter">·</span>
|
||||||
</button>
|
<span class="visibility text-lighter" :title="scopeTitle(status.visibility)"><i :class="scopeIcon(status.visibility)"></i></span>
|
||||||
|
|
||||||
<b-dropdown
|
<span v-if="status.place && status.place.hasOwnProperty('name')" class="d-none d-md-inline-block">
|
||||||
v-else
|
<span class="mx-1 text-lighter">·</span>
|
||||||
no-caret
|
<span class="location text-lighter"><i class="far fa-map-marker-alt"></i> {{ status.place.name }}, {{ status.place.country }}</span>
|
||||||
right
|
</span>
|
||||||
variant="link"
|
</p>
|
||||||
toggle-class="text-lighter"
|
</div>
|
||||||
html="<i class='far fa-ellipsis-v fa-lg px-3'></i>"
|
|
||||||
>
|
<button v-if="!useDropdownMenu" class="btn btn-link text-lighter" @click="openMenu">
|
||||||
<b-dropdown-item>
|
<i class="far fa-ellipsis-v fa-lg"></i>
|
||||||
<p class="mb-0 font-weight-bold">{{ $t('menu.viewPost') }}</p>
|
</button>
|
||||||
</b-dropdown-item>
|
|
||||||
<b-dropdown-item>
|
<b-dropdown
|
||||||
<p class="mb-0 font-weight-bold">{{ $t('common.copyLink') }}</p>
|
v-else
|
||||||
</b-dropdown-item>
|
no-caret
|
||||||
<b-dropdown-item v-if="status.local">
|
right
|
||||||
<p class="mb-0 font-weight-bold">{{ $t('menu.embed') }}</p>
|
variant="link"
|
||||||
</b-dropdown-item>
|
toggle-class="text-lighter"
|
||||||
<b-dropdown-divider v-if="!owner"></b-dropdown-divider>
|
html="<i class='far fa-ellipsis-v fa-lg px-3'></i>"
|
||||||
<b-dropdown-item v-if="!owner">
|
>
|
||||||
<p class="mb-0 font-weight-bold">{{ $t('menu.report') }}</p>
|
<b-dropdown-item>
|
||||||
<p class="small text-muted mb-0">Report content that violate our rules</p>
|
<p class="mb-0 font-weight-bold">{{ $t('menu.viewPost') }}</p>
|
||||||
</b-dropdown-item>
|
</b-dropdown-item>
|
||||||
<b-dropdown-item v-if="!owner && status.hasOwnProperty('relationship')">
|
<b-dropdown-item>
|
||||||
<p class="mb-0 font-weight-bold">{{ status.relationship.muting ? 'Unmute' : 'Mute' }}</p>
|
<p class="mb-0 font-weight-bold">{{ $t('common.copyLink') }}</p>
|
||||||
<p class="small text-muted mb-0">Hide posts from this account in your feeds</p>
|
</b-dropdown-item>
|
||||||
</b-dropdown-item>
|
<b-dropdown-item v-if="status.local">
|
||||||
<b-dropdown-item v-if="!owner && status.hasOwnProperty('relationship')">
|
<p class="mb-0 font-weight-bold">{{ $t('menu.embed') }}</p>
|
||||||
<p class="mb-0 font-weight-bold text-danger">{{ status.relationship.blocking ? 'Unblock' : 'Block' }}</p>
|
</b-dropdown-item>
|
||||||
<p class="small text-muted mb-0">Restrict all content from this account</p>
|
<b-dropdown-divider v-if="!owner"></b-dropdown-divider>
|
||||||
</b-dropdown-item>
|
<b-dropdown-item v-if="!owner">
|
||||||
<b-dropdown-divider v-if="owner || admin"></b-dropdown-divider>
|
<p class="mb-0 font-weight-bold">{{ $t('menu.report') }}</p>
|
||||||
<b-dropdown-item v-if="owner || admin">
|
<p class="small text-muted mb-0">Report content that violate our rules</p>
|
||||||
<p class="mb-0 font-weight-bold text-danger">
|
</b-dropdown-item>
|
||||||
{{ $t('common.delete') }}
|
<b-dropdown-item v-if="!owner && status.hasOwnProperty('relationship')">
|
||||||
</p>
|
<p class="mb-0 font-weight-bold">{{ status.relationship.muting ? 'Unmute' : 'Mute' }}</p>
|
||||||
</b-dropdown-item>
|
<p class="small text-muted mb-0">Hide posts from this account in your feeds</p>
|
||||||
</b-dropdown>
|
</b-dropdown-item>
|
||||||
</div>
|
<b-dropdown-item v-if="!owner && status.hasOwnProperty('relationship')">
|
||||||
|
<p class="mb-0 font-weight-bold text-danger">{{ status.relationship.blocking ? 'Unblock' : 'Block' }}</p>
|
||||||
<edit-history-modal ref="editModal" :status="status" />
|
<p class="small text-muted mb-0">Restrict all content from this account</p>
|
||||||
</div>
|
</b-dropdown-item>
|
||||||
|
<b-dropdown-divider v-if="owner || admin"></b-dropdown-divider>
|
||||||
|
<b-dropdown-item v-if="owner || admin">
|
||||||
|
<p class="mb-0 font-weight-bold text-danger">
|
||||||
|
{{ $t('common.delete') }}
|
||||||
|
</p>
|
||||||
|
</b-dropdown-item>
|
||||||
|
</b-dropdown>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<edit-history-modal ref="editModal" :status="status" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
import ProfileHoverCard from './../profile/ProfileHoverCard.vue';
|
import ProfileHoverCard from './../profile/ProfileHoverCard.vue';
|
||||||
import EditHistoryModal from './EditHistoryModal.vue';
|
import EditHistoryModal from './EditHistoryModal.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
status: {
|
status: {
|
||||||
type: Object
|
type: Object
|
||||||
},
|
},
|
||||||
|
|
||||||
profile: {
|
profile: {
|
||||||
type: Object
|
type: Object
|
||||||
},
|
},
|
||||||
|
|
||||||
useDropdownMenu: {
|
useDropdownMenu: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
}
|
},
|
||||||
},
|
|
||||||
|
isReblog: {
|
||||||
components: {
|
type: Boolean,
|
||||||
"profile-hover-card": ProfileHoverCard,
|
default: false
|
||||||
"edit-history-modal": EditHistoryModal
|
},
|
||||||
},
|
|
||||||
|
reblogAccount: {
|
||||||
data() {
|
type: Object
|
||||||
return {
|
}
|
||||||
config: window.App.config,
|
},
|
||||||
menuLoading: true,
|
|
||||||
owner: false,
|
components: {
|
||||||
admin: false,
|
"profile-hover-card": ProfileHoverCard,
|
||||||
license: false
|
"edit-history-modal": EditHistoryModal
|
||||||
}
|
},
|
||||||
},
|
|
||||||
|
data() {
|
||||||
methods: {
|
return {
|
||||||
timeago(ts) {
|
config: window.App.config,
|
||||||
let short = App.util.format.timeAgo(ts);
|
menuLoading: true,
|
||||||
if(
|
owner: false,
|
||||||
short.endsWith('s') ||
|
admin: false,
|
||||||
short.endsWith('m') ||
|
license: false
|
||||||
short.endsWith('h')
|
}
|
||||||
) {
|
},
|
||||||
return short;
|
|
||||||
}
|
methods: {
|
||||||
const intl = new Intl.DateTimeFormat(undefined, {
|
timeago(ts) {
|
||||||
year: 'numeric',
|
let short = App.util.format.timeAgo(ts);
|
||||||
month: 'short',
|
if(
|
||||||
day: 'numeric',
|
short.endsWith('s') ||
|
||||||
hour: 'numeric',
|
short.endsWith('m') ||
|
||||||
minute: 'numeric'
|
short.endsWith('h')
|
||||||
});
|
) {
|
||||||
return intl.format(new Date(ts));
|
return short;
|
||||||
},
|
}
|
||||||
|
const intl = new Intl.DateTimeFormat(undefined, {
|
||||||
openMenu() {
|
year: 'numeric',
|
||||||
this.$emit('menu');
|
month: 'short',
|
||||||
},
|
day: 'numeric',
|
||||||
|
hour: 'numeric',
|
||||||
scopeIcon(scope) {
|
minute: 'numeric'
|
||||||
switch(scope) {
|
});
|
||||||
case 'public':
|
return intl.format(new Date(ts));
|
||||||
return 'far fa-globe';
|
},
|
||||||
break;
|
|
||||||
|
openMenu() {
|
||||||
case 'unlisted':
|
this.$emit('menu');
|
||||||
return 'far fa-lock-open';
|
},
|
||||||
break;
|
|
||||||
|
scopeIcon(scope) {
|
||||||
case 'private':
|
switch(scope) {
|
||||||
return 'far fa-lock';
|
case 'public':
|
||||||
break;
|
return 'far fa-globe';
|
||||||
|
break;
|
||||||
default:
|
|
||||||
return 'far fa-globe';
|
case 'unlisted':
|
||||||
break;
|
return 'far fa-lock-open';
|
||||||
}
|
break;
|
||||||
},
|
|
||||||
|
case 'private':
|
||||||
scopeTitle(scope) {
|
return 'far fa-lock';
|
||||||
switch(scope) {
|
break;
|
||||||
case 'public':
|
|
||||||
return 'Visible to everyone';
|
default:
|
||||||
break;
|
return 'far fa-globe';
|
||||||
|
break;
|
||||||
case 'unlisted':
|
}
|
||||||
return 'Hidden from public feeds';
|
},
|
||||||
break;
|
|
||||||
|
scopeTitle(scope) {
|
||||||
case 'private':
|
switch(scope) {
|
||||||
return 'Only visible to followers';
|
case 'public':
|
||||||
break;
|
return 'Visible to everyone';
|
||||||
|
break;
|
||||||
default:
|
|
||||||
return '';
|
case 'unlisted':
|
||||||
break;
|
return 'Hidden from public feeds';
|
||||||
}
|
break;
|
||||||
},
|
|
||||||
|
case 'private':
|
||||||
goToPost() {
|
return 'Only visible to followers';
|
||||||
if(location.pathname.split('/').pop() == this.status.id) {
|
break;
|
||||||
location.href = this.status.local ? this.status.url + '?fs=1' : this.status.url;
|
|
||||||
return;
|
default:
|
||||||
}
|
return '';
|
||||||
|
break;
|
||||||
this.$router.push({
|
}
|
||||||
name: 'post',
|
},
|
||||||
path: `/i/web/post/${this.status.id}`,
|
|
||||||
params: {
|
goToPost() {
|
||||||
id: this.status.id,
|
if(location.pathname.split('/').pop() == this.status.id) {
|
||||||
cachedStatus: this.status,
|
location.href = this.status.local ? this.status.url + '?fs=1' : this.status.url;
|
||||||
cachedProfile: this.profile
|
return;
|
||||||
}
|
}
|
||||||
})
|
|
||||||
},
|
this.$router.push({
|
||||||
|
name: 'post',
|
||||||
goToProfile() {
|
path: `/i/web/post/${this.status.id}`,
|
||||||
this.$nextTick(() => {
|
params: {
|
||||||
this.$router.push({
|
id: this.status.id,
|
||||||
name: 'profile',
|
cachedStatus: this.status,
|
||||||
path: `/i/web/profile/${this.status.account.id}`,
|
cachedProfile: this.profile
|
||||||
params: {
|
}
|
||||||
id: this.status.account.id,
|
})
|
||||||
cachedProfile: this.status.account,
|
},
|
||||||
cachedUser: this.profile
|
|
||||||
}
|
goToProfileById(id) {
|
||||||
});
|
this.$nextTick(() => {
|
||||||
});
|
this.$router.push({
|
||||||
},
|
name: 'profile',
|
||||||
|
path: `/i/web/profile/${id}`,
|
||||||
toggleContentWarning() {
|
params: {
|
||||||
this.key++;
|
id: id,
|
||||||
this.sensitive = true;
|
cachedUser: this.profile
|
||||||
this.status.sensitive = !this.status.sensitive;
|
}
|
||||||
},
|
});
|
||||||
|
});
|
||||||
like() {
|
},
|
||||||
event.currentTarget.blur();
|
|
||||||
if(this.status.favourited) {
|
goToProfile() {
|
||||||
this.$emit('unlike');
|
this.$nextTick(() => {
|
||||||
} else {
|
this.$router.push({
|
||||||
this.$emit('like');
|
name: 'profile',
|
||||||
}
|
path: `/i/web/profile/${this.status.account.id}`,
|
||||||
},
|
params: {
|
||||||
|
id: this.status.account.id,
|
||||||
toggleMenu(bvEvent) {
|
cachedProfile: this.status.account,
|
||||||
setTimeout(() => {
|
cachedUser: this.profile
|
||||||
this.menuLoading = false;
|
}
|
||||||
}, 500);
|
});
|
||||||
},
|
});
|
||||||
|
},
|
||||||
closeMenu(bvEvent) {
|
|
||||||
setTimeout(() => {
|
toggleContentWarning() {
|
||||||
bvEvent.target.parentNode.firstElementChild.blur();
|
this.key++;
|
||||||
}, 100);
|
this.sensitive = true;
|
||||||
},
|
this.status.sensitive = !this.status.sensitive;
|
||||||
|
},
|
||||||
showLikes() {
|
|
||||||
event.currentTarget.blur();
|
like() {
|
||||||
this.$emit('likes-modal');
|
event.currentTarget.blur();
|
||||||
},
|
if(this.status.favourited) {
|
||||||
|
this.$emit('unlike');
|
||||||
showShares() {
|
} else {
|
||||||
event.currentTarget.blur();
|
this.$emit('like');
|
||||||
this.$emit('shares-modal');
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
showComments() {
|
toggleMenu(bvEvent) {
|
||||||
event.currentTarget.blur();
|
setTimeout(() => {
|
||||||
this.showCommentDrawer = !this.showCommentDrawer;
|
this.menuLoading = false;
|
||||||
},
|
}, 500);
|
||||||
|
},
|
||||||
copyLink() {
|
|
||||||
event.currentTarget.blur();
|
closeMenu(bvEvent) {
|
||||||
App.util.clipboard(this.status.url);
|
setTimeout(() => {
|
||||||
},
|
bvEvent.target.parentNode.firstElementChild.blur();
|
||||||
|
}, 100);
|
||||||
shareToOther() {
|
},
|
||||||
if (navigator.canShare) {
|
|
||||||
navigator.share({
|
showLikes() {
|
||||||
url: this.status.url
|
event.currentTarget.blur();
|
||||||
})
|
this.$emit('likes-modal');
|
||||||
.then(() => console.log('Share was successful.'))
|
},
|
||||||
.catch((error) => console.log('Sharing failed', error));
|
|
||||||
} else {
|
showShares() {
|
||||||
swal('Not supported', 'Your current device does not support native sharing.', 'error');
|
event.currentTarget.blur();
|
||||||
}
|
this.$emit('shares-modal');
|
||||||
},
|
},
|
||||||
|
|
||||||
counterChange(type) {
|
showComments() {
|
||||||
this.$emit('counter-change', type);
|
event.currentTarget.blur();
|
||||||
},
|
this.showCommentDrawer = !this.showCommentDrawer;
|
||||||
|
},
|
||||||
showCommentLikes(post) {
|
|
||||||
this.$emit('comment-likes-modal', post);
|
copyLink() {
|
||||||
},
|
event.currentTarget.blur();
|
||||||
|
App.util.clipboard(this.status.url);
|
||||||
shareStatus() {
|
},
|
||||||
this.$emit('share');
|
|
||||||
},
|
shareToOther() {
|
||||||
|
if (navigator.canShare) {
|
||||||
unshareStatus() {
|
navigator.share({
|
||||||
this.$emit('unshare');
|
url: this.status.url
|
||||||
},
|
})
|
||||||
|
.then(() => console.log('Share was successful.'))
|
||||||
handleReport(post) {
|
.catch((error) => console.log('Sharing failed', error));
|
||||||
this.$emit('handle-report', post);
|
} else {
|
||||||
},
|
swal('Not supported', 'Your current device does not support native sharing.', 'error');
|
||||||
|
}
|
||||||
follow() {
|
},
|
||||||
this.$emit('follow');
|
|
||||||
},
|
counterChange(type) {
|
||||||
|
this.$emit('counter-change', type);
|
||||||
unfollow() {
|
},
|
||||||
this.$emit('unfollow');
|
|
||||||
},
|
showCommentLikes(post) {
|
||||||
|
this.$emit('comment-likes-modal', post);
|
||||||
handleReblog() {
|
},
|
||||||
this.isReblogging = true;
|
|
||||||
if(this.status.reblogged) {
|
shareStatus() {
|
||||||
this.$emit('unshare');
|
this.$emit('share');
|
||||||
} else {
|
},
|
||||||
this.$emit('share');
|
|
||||||
}
|
unshareStatus() {
|
||||||
|
this.$emit('unshare');
|
||||||
setTimeout(() => {
|
},
|
||||||
this.isReblogging = false;
|
|
||||||
}, 5000);
|
handleReport(post) {
|
||||||
},
|
this.$emit('handle-report', post);
|
||||||
|
},
|
||||||
handleBookmark() {
|
|
||||||
event.currentTarget.blur();
|
follow() {
|
||||||
this.isBookmarking = true;
|
this.$emit('follow');
|
||||||
this.$emit('bookmark');
|
},
|
||||||
|
|
||||||
setTimeout(() => {
|
unfollow() {
|
||||||
this.isBookmarking = false;
|
this.$emit('unfollow');
|
||||||
}, 5000);
|
},
|
||||||
},
|
|
||||||
|
handleReblog() {
|
||||||
getStatusAvatar() {
|
this.isReblogging = true;
|
||||||
if(window._sharedData.user.id == this.status.account.id) {
|
if(this.status.reblogged) {
|
||||||
return window._sharedData.user.avatar;
|
this.$emit('unshare');
|
||||||
}
|
} else {
|
||||||
|
this.$emit('share');
|
||||||
return this.status.account.avatar;
|
}
|
||||||
},
|
|
||||||
|
setTimeout(() => {
|
||||||
openModTools() {
|
this.isReblogging = false;
|
||||||
this.$emit('mod-tools');
|
}, 5000);
|
||||||
},
|
},
|
||||||
|
|
||||||
openEditModal() {
|
handleBookmark() {
|
||||||
this.$refs.editModal.open();
|
event.currentTarget.blur();
|
||||||
}
|
this.isBookmarking = true;
|
||||||
}
|
this.$emit('bookmark');
|
||||||
}
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.isBookmarking = false;
|
||||||
|
}, 5000);
|
||||||
|
},
|
||||||
|
|
||||||
|
getStatusAvatar() {
|
||||||
|
if(window._sharedData.user.id == this.status.account.id) {
|
||||||
|
return window._sharedData.user.avatar;
|
||||||
|
}
|
||||||
|
|
||||||
|
return this.status.account.avatar;
|
||||||
|
},
|
||||||
|
|
||||||
|
openModTools() {
|
||||||
|
this.$emit('mod-tools');
|
||||||
|
},
|
||||||
|
|
||||||
|
openEditModal() {
|
||||||
|
this.$refs.editModal.open();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Loading…
Reference in New Issue