aboutsummaryrefslogtreecommitdiff
path: root/web/pw-server/src/lib/components/log_viewer/LogTurn.svelte
diff options
context:
space:
mode:
authorIlion Beyst <ilion.beyst@gmail.com>2022-11-12 12:51:58 +0100
committerIlion Beyst <ilion.beyst@gmail.com>2022-11-12 12:51:58 +0100
commitb0530be5010494f2db3deded340c16a6dc3cbe56 (patch)
treea18bd1226ee3cf0be73316cbef7cd357285ad489 /web/pw-server/src/lib/components/log_viewer/LogTurn.svelte
parentd140759ea539c43f3b9a50b37719b34b58ba430e (diff)
downloadplanetwars.dev-b0530be5010494f2db3deded340c16a6dc3cbe56.tar.xz
planetwars.dev-b0530be5010494f2db3deded340c16a6dc3cbe56.zip
collapse PlayerLog entries
Diffstat (limited to 'web/pw-server/src/lib/components/log_viewer/LogTurn.svelte')
-rw-r--r--web/pw-server/src/lib/components/log_viewer/LogTurn.svelte160
1 files changed, 160 insertions, 0 deletions
diff --git a/web/pw-server/src/lib/components/log_viewer/LogTurn.svelte b/web/pw-server/src/lib/components/log_viewer/LogTurn.svelte
index e69de29..80367f4 100644
--- a/web/pw-server/src/lib/components/log_viewer/LogTurn.svelte
+++ b/web/pw-server/src/lib/components/log_viewer/LogTurn.svelte
@@ -0,0 +1,160 @@
+<script lang="ts">
+ import type { PlayerLogTurn } from "$lib/log_parser";
+ import Fa from "svelte-fa";
+ import { faAngleRight, faAngleDown } from "@fortawesome/free-solid-svg-icons";
+
+ export let turnNum: number;
+ export let logTurn: PlayerLogTurn;
+ let expanded = false;
+
+ const PLURAL_MAP = {
+ dispatch: "dispatches",
+ ship: "ships",
+ };
+
+ function pluralize(num: number, word: string): string {
+ if (num == 1) {
+ return `1 ${word}`;
+ } else {
+ return `${num} ${PLURAL_MAP[word]}`;
+ }
+ }
+
+ function toggleExpand() {
+ expanded = !expanded;
+ }
+</script>
+
+<div class="turn">
+ <div class="turn-header" on:click={toggleExpand}>
+ <span>
+ <span class="turn-header-icon">
+ {#if expanded}
+ <Fa icon={faAngleDown} />
+ {:else}
+ <Fa icon={faAngleRight} />
+ {/if}
+ </span>
+ <span class="turn-header-text">
+ Turn {turnNum}
+ </span>
+ </span>
+ {#if logTurn.action?.type === "dispatches"}
+ {pluralize(logTurn.action.dispatches.length, "dispatch")}
+ {:else if logTurn.action?.type === "timeout"}
+ <span class="turn-error">timeout</span>
+ {:else if logTurn.action?.type === "bad_command"}
+ <span class="turn-error">invalid command</span>
+ {/if}
+ </div>
+ {#if expanded}
+ <div class="turn-content">
+ {#if logTurn.action?.type === "dispatches"}
+ <div class="dispatches-container">
+ {#each logTurn.action.dispatches as dispatch}
+ <div class="dispatch">
+ <div class="dispatch-text">
+ {pluralize(dispatch.ship_count, "ship")} from {dispatch.origin} to {dispatch.destination}
+ </div>
+ {#if dispatch.error}
+ <span class="dispatch-error">{dispatch.error}</span>
+ {/if}
+ </div>
+ {/each}
+ </div>
+ {:else if logTurn.action?.type === "bad_command"}
+ <div class="bad-command-container">
+ <div class="bad-command-text">{logTurn.action.command}</div>
+ <div class="bad-command-error">Parse error: {logTurn.action.error}</div>
+ </div>
+ {/if}
+ {#if logTurn.stderr.length > 0}
+ <div class="stderr-header">stderr</div>
+ <div class="stderr-text-box">
+ {#each logTurn.stderr as stdErrMsg}
+ <div class="stderr-text">{stdErrMsg}</div>
+ {/each}
+ </div>
+ {/if}
+ </div>
+ {/if}
+</div>
+
+<style lang="scss">
+ .turn {
+ // padding: 4px 2px;
+ color: #ccc;
+ }
+
+ .turn-header-icon {
+ // padding-right: 0.2em;
+ display: inline-block;
+ width: 1em;
+ }
+
+ .turn-header {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .turn-header:hover {
+ cursor: pointer;
+ background-color: #333;
+ }
+
+ .turn-header-text {
+ color: #eee;
+ font-size: 14px;
+ font-weight: 600;
+ text-transform: uppercase;
+ }
+
+ .turn-content {
+ margin-bottom: 12px;
+ }
+
+ .turn-error {
+ color: red;
+ }
+
+ .dispatch {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .dispatch-error {
+ color: red;
+ }
+
+ .bad-command-container {
+ border-left: 1px solid red;
+ margin-left: 4px;
+ padding-left: 8px;
+ }
+
+ .bad-command-text {
+ font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
+ padding-bottom: 4px;
+ }
+
+ .bad-command-error {
+ color: whitesmoke;
+ }
+
+ .stderr-text {
+ // font-family: monospace;
+ font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
+ white-space: pre-wrap;
+ }
+
+ .stderr-header {
+ color: #eee;
+ padding-top: 4px;
+ }
+
+ .stderr-text-box {
+ border-left: 1px solid #ccc;
+ margin-left: 4px;
+ padding-left: 8px;
+ }
+</style>