diff options
Diffstat (limited to 'src-vue/src/views')
| -rw-r--r-- | src-vue/src/views/PlayView.vue | 33 |
1 files changed, 31 insertions, 2 deletions
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue index a3a572e6..cff872a2 100644 --- a/src-vue/src/views/PlayView.vue +++ b/src-vue/src/views/PlayView.vue @@ -30,7 +30,19 @@ export default { <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> + <el-button type="primary" size="large">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> + <div> + <div class="fc_version__line">Origin is running: </div> + <div class="fc_version__line fc_version__line__boolean">{{ $store.state.origin_is_running }}</div> + </div> + </div> + </div> </div> </template> @@ -60,4 +72,21 @@ button { color: rgb(168, 168, 168); margin-bottom: 20px; } -</style>
\ No newline at end of file + +#fc_services__status { + display: inline-block; + position: fixed; + padding: 10px 20px; + color: #e8edef; +} + +.fc_version__line { + display: inline-block; +} + +.fc_version__line__boolean { + margin-left: 5px; + margin-bottom: 5px; + color: #b4b6b9; +} +</style> |