Commit 0fe3a94d authored by christianrhansen's avatar christianrhansen

footer layout

parent 6e3a8c46
<template lang="pug">
.row.full-width.q-pt-xl
.col-6.text-left
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;")
.col-6.text-right
div
small
a(@click="$router.push({ name: 'site.imprint' })") {{ $t('navigation.imprint') }}
small.q-ml-sm
a(@click="$router.push({ name: 'site.contact' })") {{ $t('navigation.contact') }}
small.q-ml-sm
a(@click="$router.push({ name: 'site.terms' })") {{ $t('navigation.terms') }}
small.q-ml-sm
a(@click="openURL('https://gitlab.rlp.net/motionbank')") {{ $t('navigation.repo') }}
div
small {{ $t('site.copyright') }}
small.q-ml-sm(v-if="version")
| {{ $t('site.version') }}:
a(@click="openURL('https://gitlab.rlp.net/motionbank/applications/systems-frontend/blob/master/CHANGELOG.md')")
.row.gutter-sm.q-pt-lg.q-pb-sm
// links
.col-4.col-md-2
.border-top.q-pt-sm
q-list.q-py-none
q-item.q-pa-none.q-mb-xs(v-for="l in links")
a.q-caption.cursor-pointer(@click="l.click") {{ l.label }}
// copyright etc.
.col-8.col-md-6
.border-top.q-pt-sm
.q-caption {{ $t('site.copyright') }}
.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` : '' }}
small.q-ml-sm
| {{ $t('site.license') }}:
a(@click="openURL('https://gitlab.rlp.net/motionbank/systems-frontend/blob/master/LICENSE')") MIT
.q-caption
| {{ $t('site.license') }}:&nbsp;
a.cursor-pointer(@click="openURL('https://gitlab.rlp.net/motionbank/systems-frontend/blob/master/LICENSE')") MIT
// Auth0 logo
.col-8.offset-4.col-md-4.offset-md-0
.border-top.q-pt-sm(:class="{'text-right' : !isMobile}")
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;")
</template>
<script>
import { openURL } from 'quasar'
import { mapGetters } from 'vuex'
export default {
props: ['positionCorners'],
computed: {
...mapGetters({
isMobile: 'globalSettings/getIsMobile'
})
},
data: function () {
return {
version: process.env.UI_VERSION,
isStaging: process.env.IS_STAGING,
openURL
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')
}
]
}
}
}
</script>
<style></style>
<style lang="stylus" scoped>
@import '~variables'
.border-top
border-top 1px solid $darker
.q-item
min-height auto!important
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment