You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

61 lines
1.5 KiB

  1. <template lang="pug">
  2. v-footer.justify-center(:color='bgColor', inset)
  3. .caption.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-1`')
  4. template(v-if='company && company.length > 0 && contentLicense !== ``')
  5. span(v-if='contentLicense === `alr`') {{ $t('common:footer.copyright', { company: company, year: currentYear, interpolation: { escapeValue: false } }) }} |&nbsp;
  6. span(v-else) {{ $t('common:footer.license', { company: company, license: $t('common:license.' + contentLicense), interpolation: { escapeValue: false } }) }} |&nbsp;
  7. span {{ $t('common:footer.poweredBy') }} #[a(href='https://wiki.js.org', ref='nofollow') Wiki.js]
  8. </template>
  9. <script>
  10. import { get } from 'vuex-pathify'
  11. export default {
  12. props: {
  13. color: {
  14. type: String,
  15. default: 'grey lighten-3'
  16. },
  17. darkColor: {
  18. type: String,
  19. default: 'grey darken-3'
  20. }
  21. },
  22. data() {
  23. return {
  24. currentYear: (new Date()).getFullYear()
  25. }
  26. },
  27. computed: {
  28. company: get('site/company'),
  29. contentLicense: get('site/contentLicense'),
  30. bgColor() {
  31. if (!this.$vuetify.theme.dark) {
  32. return this.color
  33. } else {
  34. return this.darkColor
  35. }
  36. }
  37. }
  38. }
  39. </script>
  40. <style lang="scss">
  41. .v-footer {
  42. a {
  43. text-decoration: none;
  44. }
  45. &.altbg {
  46. background: mc('theme', 'primary');
  47. span {
  48. color: mc('blue', '300');
  49. }
  50. a {
  51. color: mc('blue', '200');
  52. }
  53. }
  54. }
  55. </style>