wikijs-fork/client/themes/default/components/nav-footer.vue

62 lines
1.5 KiB
Vue
Raw Normal View History

<template lang="pug">
v-footer.justify-center(:color='bgColor', inset)
2020-05-11 04:40:51 +00:00
.caption.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-1`')
2020-02-23 20:20:55 +00:00
template(v-if='company && company.length > 0 && contentLicense !== ``')
span(v-if='contentLicense === `alr`') {{ $t('common:footer.copyright', { company: company, year: currentYear, interpolation: { escapeValue: false } }) }} |&nbsp;
span(v-else) {{ $t('common:footer.license', { company: company, license: $t('common:license.' + contentLicense), interpolation: { escapeValue: false } }) }} |&nbsp;
2018-08-13 04:12:44 +00:00
span {{ $t('common:footer.poweredBy') }} #[a(href='https://wiki.js.org', ref='nofollow') Wiki.js]
</template>
<script>
import { get } from 'vuex-pathify'
export default {
props: {
color: {
type: String,
default: 'grey lighten-3'
},
darkColor: {
type: String,
default: 'grey darken-3'
}
},
data() {
return {
currentYear: (new Date()).getFullYear()
}
},
computed: {
company: get('site/company'),
2020-02-23 20:20:55 +00:00
contentLicense: get('site/contentLicense'),
bgColor() {
if (!this.$vuetify.theme.dark) {
return this.color
} else {
return this.darkColor
}
}
}
}
</script>
<style lang="scss">
2018-08-13 04:12:44 +00:00
.v-footer {
a {
text-decoration: none;
}
&.altbg {
background: mc('theme', 'primary');
2018-08-13 04:12:44 +00:00
span {
color: mc('blue', '300');
}
a {
color: mc('blue', '200');
}
}
}
</style>