gancio/components/Footer.vue
2021-05-20 10:48:20 +02:00

44 lines
1.7 KiB
Vue

<template lang="pug">
v-footer(color='secondary')
v-dialog(v-model='showFollowMe' destroy-on-close max-width='700px')
FollowMe(@close='showFollowMe=false' is-dialog)
v-btn(color='primary' text href='https://gancio.org' target='_blank') Gancio <small>{{settings.version}}</small>
v-btn.ml-1(v-for='link in settings.footerLinks'
:key='link.label' color='primary' text :to='link.href') {{link.label}}
v-menu(v-if='settings.enable_trusted_instances && settings.trusted_instances && settings.trusted_instances.length'
offset-y bottom open-on-hover transition="slide-y-transition")
template(v-slot:activator="{ on, attrs }")
v-btn.ml-1(v-bind='attrs' v-on='on' color='primary' text) {{$t('common.places')}}
v-list(subheaders two-lines)
v-list-item(v-for='instance in settings.trusted_instances'
:key='instance.name'
target='_blank'
:href='instance.url'
two-line)
v-list-item-avatar
v-img(:src='`${instance.url}/favicon.ico`')
v-list-item-content
v-list-item-title {{instance.name}}
v-list-item-subtitle {{instance.label}}
v-btn.ml-1(v-if='settings.enable_federation' color='primary' text rel='me' @click.prevent='showFollowMe=true') {{$t('event.interact_with_me')}}
//- v-btn(href='https://blog.gancio.org' text) blog
//- v-btn(href='https://framagit.org/les/gancio' text) source
</template>
<script>
import { mapState } from 'vuex'
import FollowMe from '../components/FollowMe'
export default {
components: { FollowMe },
data () {
return {
showFollowMe: false
}
},
computed: mapState(['settings'])
}
</script>