diff options
author | Remy Raes <raes.remy@gmail.com> | 2022-09-24 20:42:10 +0200 |
---|---|---|
committer | Remy Raes <raes.remy@gmail.com> | 2022-09-24 20:42:10 +0200 |
commit | a2f3766bfef81525b719013c880c3a116ebb5eb4 (patch) | |
tree | c632153ac0f4e3700618a31f8cc42fc476644e34 /src-vue/src/views/PlayView.vue | |
parent | 2199a6fc307ac419420521404ab100f456d9f490 (diff) | |
download | FlightCore-a2f3766bfef81525b719013c880c3a116ebb5eb4.tar.gz FlightCore-a2f3766bfef81525b719013c880c3a116ebb5eb4.zip |
feat: display services state on dev mode
Diffstat (limited to 'src-vue/src/views/PlayView.vue')
-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> |