aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src
diff options
context:
space:
mode:
Diffstat (limited to 'src-vue/src')
-rw-r--r--src-vue/src/plugins/store.ts6
-rw-r--r--src-vue/src/views/PlayView.vue33
2 files changed, 33 insertions, 6 deletions
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 226adafe..5bc12c1b 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -5,7 +5,7 @@ export const store = createStore({
state () {
return {
developer_mode: false,
-
+
installed_northstar_version: "1.9.7",
northstar_is_running: false,
@@ -25,11 +25,9 @@ export const store = createStore({
function _initializeListeners(state: any) {
listen("origin-running-ping", function (evt: TauriEvent<any>) {
state.origin_is_running = evt.payload as boolean;
- console.log(`Origin is running: ${evt.payload}`);
});
listen("northstar-running-ping", function (evt: TauriEvent<any>) {
state.northstar_is_running = evt.payload as boolean;
- console.log(`Northstar is running: ${evt.payload}`);
});
-} \ No newline at end of file
+}
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>