gradido/frontend/src/views/Layout/ContentFooter.vue
2021-03-23 09:48:36 +01:00

56 lines
1.7 KiB
Vue
Executable File

<template>
<footer class="footer px-4 bg-transparent">
<b-row align-v="center" class="justify-content-lg-between">
<b-col lg="6">
<div class="copyright text-center text-lg-left text-muted">
© {{year}} <a href="#!" to="/login" class="font-weight-bold ml-1" >Gradido Wallet</a>
</div>
</b-col>
<b-col lg="6">
<b-nav class="nav-footer justify-content-center justify-content-lg-end">
<b-nav-item ref="https://gradido.net/" target="_blank">
Gradido
</b-nav-item>
<b-nav-item href="https://gradido.net/de/impressum/" target="_blank">
{{$t('imprint')}}
</b-nav-item>
<b-nav-item href="https://gradido.net/de/datenschutz/" target="_blank">
{{$t('privacy_policy')}}
</b-nav-item>
<!--<b-nav-item href="#!" to="/explorer" >
GDD-Explorer
</b-nav-item> -->
</b-nav>
</b-col>
</b-row>
<br>
<b-row >
<b-col class="nav-link text-center" @click.prevent="setLocale('en')"><country-flag country='gb' :size='this.$store.state.sizeGB'/>{{ $t('languages.en') }}</b-col>
<b-col class="nav-link text-center" @click.prevent="setLocale('de')"><country-flag country='de' :size='this.$store.state.sizeDE' />{{ $t('languages.de') }}</b-col>
</b-row>
</footer>
</template>
<script>
import CountryFlag from 'vue-country-flag'
export default {
comments: {
CountryFlag
},
data() {
return {
year: new Date().getFullYear(),
};
},
methods: {
setLocale(locale) {
this.$i18n.locale = locale
this.$store.commit('language', this.$i18n.locale)
}
},
};
</script>
<style></style>