64 lines
1.7 KiB
Vue
64 lines
1.7 KiB
Vue
<template lang='pug'>
|
|
div
|
|
p(v-html="$t('event.follow_me_description', { title: settings.title, account: `@${settings.instance_name}@${domain}`})")
|
|
v-text-field(v-model='instance_hostname' ref='instance')
|
|
a(slot='append' :href='link' target='_blank')
|
|
v-btn(:disabled='(!couldGo || !proceed)' plain type="primary") {{$t("common.follow")}}
|
|
p.mt-2 <img class='instance_thumb' :src="instance.thumbnail"/> {{instance.title}}
|
|
</template>
|
|
<script>
|
|
import { mapState } from 'vuex'
|
|
import debounce from 'lodash/debounce'
|
|
import url from 'url'
|
|
|
|
export default {
|
|
name: 'FollowMe',
|
|
data () {
|
|
return {
|
|
instance_hostname: '',
|
|
proceed: false,
|
|
instance: {},
|
|
get_instance_info: debounce(this.getInstanceInfo, 500)
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
...mapState(['settings']),
|
|
domain () {
|
|
const URL = url.parse(this.settings.baseurl)
|
|
return URL.hostname
|
|
},
|
|
couldGo () {
|
|
console.error(this.instance_hostname)
|
|
// check if is mastodon
|
|
this.get_instance_info()
|
|
return true
|
|
},
|
|
link () {
|
|
// check if exists
|
|
return `https://${this.instance_hostname}/authorize_interaction?uri=${this.settings.instance_name}@${this.domain}`
|
|
}
|
|
},
|
|
methods: {
|
|
getInstanceInfo () {
|
|
if (!this.instance_hostname) {
|
|
return
|
|
}
|
|
const instance_url = `https://${this.instance_hostname}/api/v1/instance`
|
|
this.$axios.$get(instance_url)
|
|
.then(ret => {
|
|
this.instance = ret
|
|
this.proceed = true
|
|
})
|
|
.catch(e => {
|
|
this.proceed = false
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="less">
|
|
.instance_thumb {
|
|
height: 20px;
|
|
}
|
|
</style>
|