SiteFooter.vue 2.07 KB
Newer Older
Anton's avatar
Anton committed
1 2
<template lang="pug">

christianrhansen's avatar
christianrhansen committed
3
  .q-px-md.q-py-lg
christianrhansen's avatar
christianrhansen committed
4

christianrhansen's avatar
christianrhansen committed
5 6 7
    // links
    div
      a.q-mr-md.q-caption.cursor-pointer(v-for="l in links", @click="l.click") {{ l.label }}
christianrhansen's avatar
christianrhansen committed
8

christianrhansen's avatar
christianrhansen committed
9
    .row.items-end
christianrhansen's avatar
christianrhansen committed
10

christianrhansen's avatar
christianrhansen committed
11 12 13 14
      // left side
      .col-6
        // copyright
        .q-caption {{ $t('site.copyright') }}
christianrhansen's avatar
christianrhansen committed
15

christianrhansen's avatar
christianrhansen committed
16 17 18 19 20
        // version
        .q-caption(v-if="version")
          | {{ $t('site.version') }}:&nbsp;
          a.cursor-pointer(@click="openURL('https://gitlab.rlp.net/motionbank/applications/systems-frontend/blob/master/CHANGELOG.md')")
            | v{{ version }}{{ isStaging ? `-staging` : '' }}
christianrhansen's avatar
christianrhansen committed
21

christianrhansen's avatar
christianrhansen committed
22 23 24 25 26 27 28 29 30 31 32
        // license
        .q-caption
          | {{ $t('site.license') }}:&nbsp;
          a.cursor-pointer(@click="openURL('https://gitlab.rlp.net/motionbank/systems-frontend/blob/master/LICENSE')") MIT

      // right side
      .col-6.text-right

        // auth0 logo
        a(@click="openURL('https://auth0.com/?utm_source=oss&utm_medium=gp&utm_campaign=oss')")
          img(src="https://cdn.auth0.com/oss/badges/a0-badge-dark.png", style="height: 50px;")
Anton's avatar
Anton committed
33 34 35 36 37

</template>

<script>
  import { openURL } from 'quasar'
christianrhansen's avatar
christianrhansen committed
38
  import { mapGetters } from 'vuex'
Anton's avatar
Anton committed
39 40
  export default {
    props: ['positionCorners'],
christianrhansen's avatar
christianrhansen committed
41 42 43 44 45
    computed: {
      ...mapGetters({
        isMobile: 'globalSettings/getIsMobile'
      })
    },
Anton's avatar
Anton committed
46 47 48 49
    data: function () {
      return {
        version: process.env.UI_VERSION,
        isStaging: process.env.IS_STAGING,
christianrhansen's avatar
christianrhansen committed
50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
        openURL,
        links: [
          {
            label: this.$t('navigation.imprint'),
            click: () => this.$router.push({ name: 'site.imprint' })
          },
          {
            label: this.$t('navigation.contact'),
            click: () => this.$router.push({ name: 'site.contact' })
          },
          {
            label: this.$t('navigation.terms'),
            click: () => this.$router.push({ name: 'site.terms' })
          },
          {
            label: this.$t('navigation.repo'),
            click: () => this.openURL('https://gitlab.rlp.net/motionbank')
          }
        ]
Anton's avatar
Anton committed
69 70 71 72 73
      }
    }
  }
</script>

christianrhansen's avatar
christianrhansen committed
74
<style lang="stylus" scoped>
christianrhansen's avatar
christianrhansen committed
75
  @import '~variables'
christianrhansen's avatar
christianrhansen committed
76
</style>