Website/src/components/ServerStatus.svelte

<!--
  -   This file is a part of the SteamWar software.
  -
  -   Copyright (C) 2023 SteamWar.de-Serverteam
  -
  -   This program is free software: you can redistribute it and/or modify
  -   it under the terms of the GNU Affero General Public License as published by
  -   the Free Software Foundation, either version 3 of the License, or
  -   (at your option) any later version.
  -
  -   This program is distributed in the hope that it will be useful,
  -   but WITHOUT ANY WARRANTY; without even the implied warranty of
  -   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  -   GNU Affero General Public License for more details.
  -
  -   You should have received a copy of the GNU Affero General Public License
  -   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  -->

<script lang="ts">
    import { t } from "astro-i18n"
    import {server} from "./stores/stores.ts";

    function generateVersionString(version: string): string {
        let versions = version.split(" ").slice(1)
        return `${versions[0].replace(",", "")} - ${versions[versions.length - 1]}`
    }
</script>

{#await $server}
    <p>{t("status.loading")}</p>
{:then data}
    <h2>{t("status.status")}: <span class="text-green-500">{t("status.online")}</span></h2>
    <h2>{t("status.players", { count: `${data.players.online}/${data.players.max}`})}</h2>
    <h2>{t("status.version", { version: generateVersionString(data.version.name)})}</h2>
{:catch _}
    <h1>{t("status.status")}: <span class="text-red-500">{t("status.offline")}</span></h1>
{/await}