diff options
Diffstat (limited to 'src-vue/src/views/PlayView.vue')
-rw-r--r-- | src-vue/src/views/PlayView.vue | 124 |
1 files changed, 0 insertions, 124 deletions
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue deleted file mode 100644 index 30171e48..00000000 --- a/src-vue/src/views/PlayView.vue +++ /dev/null @@ -1,124 +0,0 @@ -<script lang="ts"> -import { Tabs } from "../utils/Tabs"; -import PlayButton from '../components/PlayButton.vue'; -import { defineComponent } from "vue"; -import InstallProgressBar from "../components/InstallProgressBar.vue"; - -export default defineComponent({ - components: { - PlayButton, - InstallProgressBar - }, - computed: { - northstarIsRunning(): boolean { - return this.$store.state.northstar_is_running; - }, - northstarVersion(): string { - return this.$store.state.installed_northstar_version; - }, - playerCount(): number { - return this.$store.state.player_count; - }, - serverCount(): number { - return this.$store.state.server_count; - }, - }, - methods: { - showChangelogPage() { - this.$store.commit('updateCurrentTab', Tabs.CHANGELOG); - } - } -}); -</script> - -<template> - <div class="fc_launch__container"> - <div class="fc_title">Northstar</div> - <div class="fc_northstar__version__container"> - {{ northstarVersion === '' ? $t('play.unknown_version') : `v${northstarVersion}` }} - <div v-if="northstarVersion !== ''" class="fc_changelog__link" @click="showChangelogPage"> - ({{ $t('play.see_patch_notes') }}) - </div> - <div v-if="playerCount >= 0" class="fc-stats__container"> - {{ playerCount }} {{ $t('play.players') }}, - {{ serverCount }} {{ $t('play.servers') }} - </div> - <div v-else="playerCount >= 0" class="fc-stats__container"> - {{ $t('play.unable_to_load_playercount') }} - </div> - </div> - - <!-- Align play button and services state container --> - <div style="display: flex"> - <PlayButton /> - <div v-if="$store.state.developer_mode" id="fc_services__status"> - <div> - <div class="fc_version__line">{{ $t('play.northstar_running') }}</div> - <div class="fc_version__line fc_version__line__boolean"> {{ northstarIsRunning }}</div> - </div> - <div> - <div class="fc_version__line">{{ $t('play.ea_app_running') }}</div> - <div class="fc_version__line fc_version__line__boolean">{{ $store.state.origin_is_running }}</div> - </div> - </div> - </div> - <InstallProgressBar /> - </div> -</template> - -<style scoped> -.fc_launch__container { - margin: 50px 50px 30px 50px; - position: fixed; - bottom: 0; -} - -/* Titles */ -.fc_title { - color: white; - font-size: 50px; - font-weight: bold; -} - -/* Northstar version + changelog link */ -.fc_northstar__version__container { - margin-bottom: 20px; - color: rgb(168, 168, 168); -} - -.fc-stats__container { - margin-top: 3px; -} - -.fc_northstar__version, -.fc_changelog__link { - display: inline-block; -} - -.fc_changelog__link { - margin-left: 3px; - text-decoration: underline; - cursor: pointer; -} - - -.fc_launch__button:focus { - background-color: var(--el-color-primary); - border-color: var(--el-color-primary); -} - -#fc_services__status { - color: #e8edef; - align-self: end; -} - -.fc_version__line { - display: inline-block; -} - -.fc_version__line__boolean { - margin-left: 5px; - margin-bottom: 5px; - color: #b4b6b9; -} -</style> |