2021-04-22 21:40:12 +00:00
|
|
|
<!-- TODO: add actions, e.g. clone board, clone list, add to favorites, like board, etc... -->
|
2021-02-02 23:32:30 +00:00
|
|
|
<template lang="html">
|
|
|
|
<b-modal
|
|
|
|
id="authModal"
|
|
|
|
hide-footer
|
|
|
|
centered
|
|
|
|
>
|
|
|
|
<template v-slot:modal-header="{ close }">
|
|
|
|
<modal-header
|
2021-04-22 21:40:12 +00:00
|
|
|
:title="user ? 'Forbidden' : 'Gamebrary'"
|
2021-02-02 23:32:30 +00:00
|
|
|
@close="close"
|
|
|
|
>
|
|
|
|
<template v-slot:header>
|
|
|
|
<img
|
|
|
|
class="logo mr-2"
|
2021-04-16 20:47:13 +00:00
|
|
|
src="/static/gamebrary-logo.png"
|
2021-02-02 23:32:30 +00:00
|
|
|
/>
|
|
|
|
</template>
|
|
|
|
</modal-header>
|
|
|
|
</template>
|
|
|
|
|
2021-04-22 21:40:12 +00:00
|
|
|
<b-alert v-if="user" show variant="warning">
|
|
|
|
Not allowed
|
|
|
|
</b-alert>
|
|
|
|
|
|
|
|
<div class="text-center" v-else>
|
2021-02-02 23:32:30 +00:00
|
|
|
<b-img
|
|
|
|
src="/static/img/screenshot-1.jpg"
|
|
|
|
class="rounded shadow w-75 ml-auto mr-auto mt-2 mb-3"
|
|
|
|
block
|
|
|
|
/>
|
|
|
|
|
|
|
|
<h2>Hi 👋!</h2>
|
|
|
|
|
|
|
|
<p>Gamebrary is an open source tool to organize video game collections.</p>
|
|
|
|
|
|
|
|
<b-button
|
2021-04-16 23:16:19 +00:00
|
|
|
@click="getStarted"
|
|
|
|
variant="success"
|
2021-02-02 23:32:30 +00:00
|
|
|
>
|
2021-04-16 23:16:19 +00:00
|
|
|
<i class="fas fa-rocket fa-fw" aria-hidden />
|
|
|
|
Get started!
|
2021-02-02 23:32:30 +00:00
|
|
|
</b-button>
|
|
|
|
</div>
|
|
|
|
</b-modal>
|
|
|
|
</template>
|
|
|
|
|
2021-04-16 23:16:19 +00:00
|
|
|
<script>
|
2021-04-22 21:40:12 +00:00
|
|
|
import { mapState } from 'vuex';
|
|
|
|
|
2021-04-16 23:16:19 +00:00
|
|
|
export default {
|
2021-04-22 21:40:12 +00:00
|
|
|
computed: {
|
|
|
|
...mapState(['user']),
|
|
|
|
},
|
|
|
|
|
2021-04-16 23:16:19 +00:00
|
|
|
methods: {
|
|
|
|
getStarted() {
|
|
|
|
this.$bvModal.hide('authModal');
|
|
|
|
this.$router.push({ name: 'auth' });
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
2021-02-02 23:32:30 +00:00
|
|
|
<style lang="scss" rel="stylesheet/scss" scoped>
|
|
|
|
.logo {
|
|
|
|
float: left;
|
|
|
|
height: 40px;
|
|
|
|
}
|
|
|
|
</style>
|