diff options
Diffstat (limited to 'src-vue/src/views')
| -rw-r--r-- | src-vue/src/views/PlayView.vue | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue new file mode 100644 index 00000000..a3a572e6 --- /dev/null +++ b/src-vue/src/views/PlayView.vue @@ -0,0 +1,63 @@ +<script lang="ts"> +import { ElNotification } from 'element-plus'; + +export default { + data() { + return { + developerModeClicks: 0 + } + }, + methods: { + activateDeveloperMode() { + this.developerModeClicks += 1; + if (this.developerModeClicks === 6) { + this.$store.state.developer_mode = true; + ElNotification({ + title: 'Watch out!', + message: 'Developer mode enabled.', + type: 'info', + position: 'bottom-right' + }); + } + } + } +}; +</script> + +<template> + <div class="fc_launch__container"> + <div class="fc_title">Northstar</div> + <div class="fc_northstar__version" @click="activateDeveloperMode"> + v{{ $store.state.installed_northstar_version }} + </div> + <el-button type="primary" size="large">Launch game</el-button> + </div> +</template> + +<style scoped> +.fc_launch__container { + margin: 50px; + position: fixed; + bottom: 0; +} + +/* Buttons */ +button { + text-transform: uppercase; + border-radius: 2px; + padding: 30px; + font-size: 15px; +} + +/* Titles */ +.fc_title { + color: white; + font-size: 50px; + font-weight: bold; +} + +.fc_northstar__version { + color: rgb(168, 168, 168); + margin-bottom: 20px; +} +</style>
\ No newline at end of file |