1
0
mirror of https://github.com/devfake/flox.git synced 2024-11-15 22:52:32 +01:00
flox/client/app/components/Footer.vue
2016-10-10 10:57:39 +02:00

41 lines
1.0 KiB
Vue

<template>
<footer v-show=" ! loading">
<div class="wrap">
<span class="attribution">
<a href="https://www.themoviedb.org/" target="_blank">
<i class="icon-tmdb"></i>
</a>
This product uses the TMDb API but is not endorsed or certified by TMDb
</span>
<a class="icon-github" href="https://github.com/devfake/flox" target="_blank"></a>
<div class="sub-links">
<a v-if="auth" :href="settings" class="login-btn">Settings</a>
<a v-if="auth" :href="logout" class="login-btn">Logout</a>
<a v-if=" ! auth" :href="login" class="login-btn">Login</a>
</div>
</div>
</footer>
</template>
<script>
import { mapState } from 'vuex';
export default {
data() {
return {
auth: config.auth,
logout: config.api + '/logout',
login: config.url + '/login',
settings: config.url + '/settings'
}
},
computed: {
...mapState({
loading: state => state.loading
})
}
}
</script>