diff options
Diffstat (limited to 'src-vue/src')
| -rw-r--r-- | src-vue/src/plugins/store.ts | 6 | ||||
| -rw-r--r-- | src-vue/src/views/PlayView.vue | 33 |
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> |