From a2f3766bfef81525b719013c880c3a116ebb5eb4 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 20:42:10 +0200
Subject: feat: display services state on dev mode

---
 src-vue/src/views/PlayView.vue | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

(limited to 'src-vue/src/views')

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>
-- 
cgit v1.2.3