mirror of
https://framagit.org/les/gancio.git
synced 2025-02-01 00:52:01 +01:00
76 lines
1.9 KiB
Vue
76 lines
1.9 KiB
Vue
<template lang='pug'>
|
|
v-card(color='secondary')
|
|
v-card-title(v-text="$t('common.follow_me_title')")
|
|
v-card-text
|
|
p(v-html="$t('event.follow_me_description', { title: settings.title, account: `@${settings.instance_name}@${domain}`})")
|
|
v-text-field(
|
|
:rules="[$validators.required('common.url')]"
|
|
:label="$t('common.url')"
|
|
v-model='instance_hostname')
|
|
p <img class='instance_thumb' :src="instance.thumbnail"/> {{instance.title}}
|
|
|
|
v-card-actions
|
|
v-spacer
|
|
v-btn(color='warning' @click="$emit('close')") {{$t("common.cancel")}}
|
|
v-btn(:disabled='(!couldGo || !proceed)'
|
|
:loading='loading' color="primary") {{$t("common.follow")}}
|
|
</template>
|
|
<script>
|
|
import { mapState } from 'vuex'
|
|
import debounce from 'lodash/debounce'
|
|
import url from 'url'
|
|
|
|
export default {
|
|
name: 'FollowMe',
|
|
props: [
|
|
{ isDialog: { type: Boolean, default: false }}
|
|
],
|
|
data () {
|
|
return {
|
|
instance_hostname: '',
|
|
proceed: false,
|
|
instance: {},
|
|
loading: false,
|
|
get_instance_info: debounce(this.getInstanceInfo, 500)
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
...mapState(['settings']),
|
|
domain () {
|
|
const URL = url.parse(this.settings.baseurl)
|
|
return URL.hostname
|
|
},
|
|
couldGo () {
|
|
// 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>
|