aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/views/PlayView.vue
diff options
context:
space:
mode:
authorGeckoEidechse <40122905+GeckoEidechse@users.noreply.github.com>2023-02-12 10:21:14 +0100
committerGitHub <noreply@github.com>2023-02-12 10:21:14 +0100
commit3e317d30053de527ccdb929d3c2dffd42c8a8f3b (patch)
treeb2007273f31ee37b4e6fa0f95696808900e83dcc /src-vue/src/views/PlayView.vue
parentfc00447ccc3f63a54faca3d666701c19d9b8b8db (diff)
downloadFlightCore-3e317d30053de527ccdb929d3c2dffd42c8a8f3b.tar.gz
FlightCore-3e317d30053de527ccdb929d3c2dffd42c8a8f3b.zip
feat: Display Northstar playercount and servercount in frontend (#130)
* feat: Initial backend code to get the playercount from the Northstar master server together with servercount * fix: Push correct backend code * feat: Load playercount on application load and show on PlayView * refactor: Store global const in separate file Moved user agent there for now * refactor: User user agent from global const * refactor: Move masterserver URL into global const * refactor: Remove temporary variable * fix: Do proper typing for playercount return value * feat: Change text if unable to load playercount So instead of showing some wrong value, we just say that we were unable to load it. * fix: Remove leftover print statement * refactor: Move struct to library source file * fix: Remove break element * refactor: serverlist endpoint var to global const * fix: Remove unused import * fix: add some space to stats container top * fix: Change text to lowercase --------- Co-authored-by: Alystrasz <contact@remyraes.com>
Diffstat (limited to 'src-vue/src/views/PlayView.vue')
-rw-r--r--src-vue/src/views/PlayView.vue17
1 files changed, 17 insertions, 0 deletions
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 670d8395..beca6724 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -15,6 +15,12 @@ export default defineComponent({
northstarVersion(): string {
return this.$store.state.installed_northstar_version;
},
+ playerCount(): number {
+ return this.$store.state.player_count;
+ },
+ serverCount(): number {
+ return this.$store.state.server_count;
+ },
},
methods: {
showChangelogPage() {
@@ -32,6 +38,13 @@ export default defineComponent({
<div v-if="northstarVersion !== ''" class="fc_changelog__link" @click="showChangelogPage">
(see patch notes)
</div>
+ <div v-if="playerCount >= 0" class="fc-stats__container">
+ {{ playerCount }} players,
+ {{ serverCount }} servers
+ </div>
+ <div v-else="playerCount >= 0" class="fc-stats__container">
+ Unable to load playercount
+ </div>
</div>
<div>
<PlayButton />
@@ -69,6 +82,10 @@ export default defineComponent({
color: rgb(168, 168, 168);
}
+.fc-stats__container {
+ margin-top: 3px;
+}
+
.fc_northstar__version, .fc_changelog__link {
display: inline-block;
}