aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/views/PlayView.vue
diff options
context:
space:
mode:
authorRemy Raes <raes.remy@gmail.com>2022-09-24 20:42:10 +0200
committerRemy Raes <raes.remy@gmail.com>2022-09-24 20:42:10 +0200
commita2f3766bfef81525b719013c880c3a116ebb5eb4 (patch)
treec632153ac0f4e3700618a31f8cc42fc476644e34 /src-vue/src/views/PlayView.vue
parent2199a6fc307ac419420521404ab100f456d9f490 (diff)
downloadFlightCore-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.vue33
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>