aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src-vue/src/views/PlayView.vue17
1 files changed, 15 insertions, 2 deletions
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 28458b4f..2ac21ba4 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -8,6 +8,11 @@ export default {
developerModeClicks: 0
}
},
+ computed: {
+ northstarIsRunning(): boolean {
+ return this.$store.state.northstar_is_running;
+ }
+ },
methods: {
activateDeveloperMode() {
this.developerModeClicks += 1;
@@ -41,11 +46,13 @@ export default {
</div>
</div>
<div>
- <el-button type="primary" size="large">Launch game</el-button>
+ <el-button :disabled="northstarIsRunning" type="primary" size="large" class="fc_launch__button">
+ {{ northstarIsRunning ? "Game is running" : "Launch game" }}
+ </el-button>
<div v-if="$store.state.developer_mode" id="fc_services__status">
<div>
<div class="fc_version__line">Northstar is running: </div>
- <div class="fc_version__line fc_version__line__boolean"> {{ $store.state.northstar_is_running }}</div>
+ <div class="fc_version__line fc_version__line__boolean"> {{ northstarIsRunning }}</div>
</div>
<div>
<div class="fc_version__line">Origin is running: </div>
@@ -95,6 +102,12 @@ button {
}
+.fc_launch__button:focus {
+ background-color: var(--el-color-primary);
+ border-color: var(--el-color-primary);
+}
+
+
#fc_services__status {
display: inline-block;
position: fixed;