a806d43f05
* upstream/develop: (60 commits) whoops whoops DM timeline: stream new statuses update-japanese-translation Add actual user search. incorporate most translation changes from MR 368 update french translation Always show dm panel. Add direct message tab. api service url remove deploy stage remove deploy stage updated and completed German translation On logout switch to public timeline. minor modification of Chinese translation update Chinese translation Add Chinese language Fix posting. Put oauth text into description. Display OAuth login on login form button. ...
104 lines
3.6 KiB
JavaScript
104 lines
3.6 KiB
JavaScript
import StillImage from '../still-image/still-image.vue'
|
|
import { hex2rgb } from '../../services/color_convert/color_convert.js'
|
|
|
|
export default {
|
|
props: [ 'user', 'switcher', 'selected', 'hideBio' ],
|
|
data () {
|
|
return {
|
|
hideUserStatsLocal: typeof this.$store.state.config.hideUserStats === 'undefined'
|
|
? this.$store.state.instance.hideUserStats
|
|
: this.$store.state.config.hideUserStats
|
|
}
|
|
},
|
|
computed: {
|
|
headingStyle () {
|
|
const color = this.$store.state.config.customTheme.colors.bg
|
|
if (color) {
|
|
const rgb = (typeof color === 'string') ? hex2rgb(color) : color
|
|
const tintColor = `rgba(${Math.floor(rgb.r)}, ${Math.floor(rgb.g)}, ${Math.floor(rgb.b)}, .5)`
|
|
return {
|
|
backgroundColor: `rgb(${Math.floor(rgb.r * 0.53)}, ${Math.floor(rgb.g * 0.56)}, ${Math.floor(rgb.b * 0.59)})`,
|
|
backgroundImage: [
|
|
`linear-gradient(to bottom, ${tintColor}, ${tintColor})`,
|
|
`url(${this.user.cover_photo})`
|
|
].join(', ')
|
|
}
|
|
}
|
|
},
|
|
isOtherUser () {
|
|
return this.user.id !== this.$store.state.users.currentUser.id
|
|
},
|
|
subscribeUrl () {
|
|
// eslint-disable-next-line no-undef
|
|
const serverUrl = new URL(this.user.statusnet_profile_url)
|
|
return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
|
|
},
|
|
loggedIn () {
|
|
return this.$store.state.users.currentUser
|
|
},
|
|
dailyAvg () {
|
|
const days = Math.ceil((new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000))
|
|
return Math.round(this.user.statuses_count / days)
|
|
},
|
|
userHighlightType: {
|
|
get () {
|
|
const data = this.$store.state.config.highlight[this.user.screen_name]
|
|
return data && data.type || 'disabled'
|
|
},
|
|
set (type) {
|
|
const data = this.$store.state.config.highlight[this.user.screen_name]
|
|
if (type !== 'disabled') {
|
|
this.$store.dispatch('setHighlight', { user: this.user.screen_name, color: data && data.color || '#FFFFFF', type })
|
|
} else {
|
|
this.$store.dispatch('setHighlight', { user: this.user.screen_name, color: undefined })
|
|
}
|
|
}
|
|
},
|
|
userHighlightColor: {
|
|
get () {
|
|
const data = this.$store.state.config.highlight[this.user.screen_name]
|
|
return data && data.color
|
|
},
|
|
set (color) {
|
|
this.$store.dispatch('setHighlight', { user: this.user.screen_name, color })
|
|
}
|
|
}
|
|
},
|
|
components: {
|
|
StillImage
|
|
},
|
|
methods: {
|
|
followUser () {
|
|
const store = this.$store
|
|
store.state.api.backendInteractor.followUser(this.user.id)
|
|
.then((followedUser) => store.commit('addNewUsers', [followedUser]))
|
|
},
|
|
unfollowUser () {
|
|
const store = this.$store
|
|
store.state.api.backendInteractor.unfollowUser(this.user.id)
|
|
.then((unfollowedUser) => store.commit('addNewUsers', [unfollowedUser]))
|
|
},
|
|
blockUser () {
|
|
const store = this.$store
|
|
store.state.api.backendInteractor.blockUser(this.user.id)
|
|
.then((blockedUser) => store.commit('addNewUsers', [blockedUser]))
|
|
},
|
|
unblockUser () {
|
|
const store = this.$store
|
|
store.state.api.backendInteractor.unblockUser(this.user.id)
|
|
.then((unblockedUser) => store.commit('addNewUsers', [unblockedUser]))
|
|
},
|
|
toggleMute () {
|
|
const store = this.$store
|
|
store.commit('setMuted', {user: this.user, muted: !this.user.muted})
|
|
store.state.api.backendInteractor.setUserMute(this.user)
|
|
},
|
|
setProfileView (v) {
|
|
if (this.switcher) {
|
|
const store = this.$store
|
|
store.commit('setProfileView', { v })
|
|
}
|
|
}
|
|
}
|
|
}
|