2018-08-02 11:34:12 +02:00
|
|
|
import apiService from '../../services/api/api.service.js'
|
2018-12-13 17:57:11 +01:00
|
|
|
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
|
2018-08-02 11:34:12 +02:00
|
|
|
|
|
|
|
function showWhoToFollow (panel, reply) {
|
2018-08-02 12:16:48 +02:00
|
|
|
var users = reply
|
2018-03-28 08:57:11 +02:00
|
|
|
var cn
|
2018-09-09 07:34:51 +02:00
|
|
|
var index
|
|
|
|
var step = 7
|
|
|
|
cn = Math.floor(Math.random() * step)
|
|
|
|
for (index = 0; index < 3; index++) {
|
2018-03-28 08:57:11 +02:00
|
|
|
var user
|
|
|
|
user = users[cn]
|
|
|
|
var img
|
2018-08-02 10:57:00 +02:00
|
|
|
if (user.avatar) {
|
2018-08-02 12:16:48 +02:00
|
|
|
img = user.avatar
|
2018-03-28 08:57:11 +02:00
|
|
|
} else {
|
|
|
|
img = '/images/avi.png'
|
|
|
|
}
|
2018-08-02 10:57:00 +02:00
|
|
|
var name = user.acct
|
2018-05-04 17:53:40 +02:00
|
|
|
if (index === 0) {
|
|
|
|
panel.img1 = img
|
|
|
|
panel.name1 = name
|
|
|
|
panel.$store.state.api.backendInteractor.externalProfile(name)
|
|
|
|
.then((externalUser) => {
|
|
|
|
if (!externalUser.error) {
|
|
|
|
panel.$store.commit('addNewUsers', [externalUser])
|
|
|
|
panel.id1 = externalUser.id
|
|
|
|
}
|
|
|
|
})
|
|
|
|
} else if (index === 1) {
|
|
|
|
panel.img2 = img
|
|
|
|
panel.name2 = name
|
|
|
|
panel.$store.state.api.backendInteractor.externalProfile(name)
|
|
|
|
.then((externalUser) => {
|
|
|
|
if (!externalUser.error) {
|
|
|
|
panel.$store.commit('addNewUsers', [externalUser])
|
|
|
|
panel.id2 = externalUser.id
|
|
|
|
}
|
|
|
|
})
|
|
|
|
} else if (index === 2) {
|
|
|
|
panel.img3 = img
|
|
|
|
panel.name3 = name
|
|
|
|
panel.$store.state.api.backendInteractor.externalProfile(name)
|
|
|
|
.then((externalUser) => {
|
|
|
|
if (!externalUser.error) {
|
|
|
|
panel.$store.commit('addNewUsers', [externalUser])
|
|
|
|
panel.id3 = externalUser.id
|
|
|
|
}
|
|
|
|
})
|
2018-05-04 18:02:39 +02:00
|
|
|
}
|
2018-09-09 17:22:55 +02:00
|
|
|
cn = (cn + step) % users.length
|
2018-03-28 08:57:11 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function getWhoToFollow (panel) {
|
2018-08-02 10:57:00 +02:00
|
|
|
var credentials = panel.$store.state.users.currentUser.credentials
|
|
|
|
if (credentials) {
|
2018-03-28 08:57:11 +02:00
|
|
|
panel.name1 = 'Loading...'
|
|
|
|
panel.name2 = 'Loading...'
|
|
|
|
panel.name3 = 'Loading...'
|
2018-08-02 11:38:43 +02:00
|
|
|
apiService.suggestions({credentials: credentials})
|
|
|
|
.then((reply) => {
|
2018-08-02 11:34:12 +02:00
|
|
|
showWhoToFollow(panel, reply)
|
|
|
|
})
|
2018-03-28 08:57:11 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-02-11 15:12:05 +01:00
|
|
|
const WhoToFollowPanel = {
|
|
|
|
data: () => ({
|
|
|
|
img1: '/images/avi.png',
|
|
|
|
name1: '',
|
2018-03-28 11:18:36 +02:00
|
|
|
id1: 0,
|
2018-02-11 15:12:05 +01:00
|
|
|
img2: '/images/avi.png',
|
|
|
|
name2: '',
|
2018-03-28 11:18:36 +02:00
|
|
|
id2: 0,
|
2018-02-11 15:12:05 +01:00
|
|
|
img3: '/images/avi.png',
|
2018-03-28 11:18:36 +02:00
|
|
|
name3: '',
|
|
|
|
id3: 0
|
2018-02-11 15:12:05 +01:00
|
|
|
}),
|
|
|
|
computed: {
|
|
|
|
user: function () {
|
|
|
|
return this.$store.state.users.currentUser.screen_name
|
|
|
|
},
|
|
|
|
moreUrl: function () {
|
|
|
|
var host = window.location.hostname
|
|
|
|
var user = this.user
|
2018-09-09 21:31:34 +02:00
|
|
|
var suggestionsWeb = this.$store.state.instance.suggestionsWeb
|
2018-05-04 17:20:19 +02:00
|
|
|
var url
|
2018-08-22 04:47:36 +02:00
|
|
|
url = suggestionsWeb.replace(/{{host}}/g, encodeURIComponent(host))
|
2018-05-04 17:20:19 +02:00
|
|
|
url = url.replace(/{{user}}/g, encodeURIComponent(user))
|
2018-02-11 15:12:05 +01:00
|
|
|
return url
|
|
|
|
},
|
2018-08-22 08:15:15 +02:00
|
|
|
suggestionsEnabled () {
|
2018-09-09 21:31:34 +02:00
|
|
|
return this.$store.state.instance.suggestionsEnabled
|
2018-12-17 00:52:27 +01:00
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
2018-12-13 17:57:11 +01:00
|
|
|
userProfileLink (id, name) {
|
|
|
|
return generateProfileLink(id, name)
|
2018-02-11 15:12:05 +01:00
|
|
|
}
|
|
|
|
},
|
|
|
|
watch: {
|
|
|
|
user: function (user, oldUser) {
|
2018-08-22 08:15:15 +02:00
|
|
|
if (this.suggestionsEnabled) {
|
2018-03-28 08:57:11 +02:00
|
|
|
getWhoToFollow(this)
|
2018-02-11 15:12:05 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
mounted:
|
|
|
|
function () {
|
2018-08-22 08:15:15 +02:00
|
|
|
if (this.suggestionsEnabled) {
|
2018-03-28 08:57:11 +02:00
|
|
|
getWhoToFollow(this)
|
2018-02-11 15:12:05 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default WhoToFollowPanel
|