aboutsummaryrefslogtreecommitdiff
path: root/web
diff options
context:
space:
mode:
authorIlion Beyst <ilion.beyst@gmail.com>2022-03-14 21:03:39 +0100
committerIlion Beyst <ilion.beyst@gmail.com>2022-03-14 21:03:39 +0100
commit6929a803dade4dfbdafb5e035eae6cdd6bb24f4b (patch)
tree6f9d9a67fa438135b81bf726f194d093ee7af326 /web
parentae2a9f1eb103fce831fd7db65c58980cd0e71088 (diff)
downloadplanetwars.dev-6929a803dade4dfbdafb5e035eae6cdd6bb24f4b.tar.xz
planetwars.dev-6929a803dade4dfbdafb5e035eae6cdd6bb24f4b.zip
add explicit ViewMode enum
Diffstat (limited to 'web')
-rw-r--r--web/pw-server/src/routes/index.svelte21
1 files changed, 15 insertions, 6 deletions
diff --git a/web/pw-server/src/routes/index.svelte b/web/pw-server/src/routes/index.svelte
index 889d767..1ed7b8b 100644
--- a/web/pw-server/src/routes/index.svelte
+++ b/web/pw-server/src/routes/index.svelte
@@ -14,8 +14,14 @@
import SubmitPane from "$lib/components/SubmitPane.svelte";
import OutputPane from "$lib/components/OutputPane.svelte";
+ enum ViewMode {
+ Editor,
+ MatchVisualizer,
+ }
+
let matches = [];
+ let viewMode = ViewMode.Editor;
let selectedMatchId: string | undefined = undefined;
let selectedMatchLog: string | undefined = undefined;
@@ -49,6 +55,8 @@
selectedMatchId = matchId;
selectedMatchLog = null;
fetchSelectedMatchLog(matchId);
+
+ viewMode = ViewMode.MatchVisualizer;
}
async function fetchSelectedMatchLog(matchId: string) {
@@ -102,10 +110,11 @@
function selectEditor() {
selectedMatchId = undefined;
selectedMatchLog = undefined;
+ viewMode = ViewMode.Editor;
}
function formatMatchTimestamp(timestampString: string): string {
- let timestamp = DateTime.fromISO(timestampString, { zone: 'utc' }).toLocal();
+ let timestamp = DateTime.fromISO(timestampString, { zone: "utc" }).toLocal();
if (timestamp.startOf("day").equals(DateTime.now().startOf("day"))) {
return timestamp.toFormat("HH:mm");
} else {
@@ -120,7 +129,7 @@
<div class="sidebar-left">
<div
class="editor-button sidebar-item"
- class:selected={selectedMatchId === undefined}
+ class:selected={viewMode === ViewMode.Editor}
on:click={selectEditor}
>
Editor
@@ -143,16 +152,16 @@
</ul>
</div>
<div class="editor-container">
- {#if selectedMatchId}
+ {#if viewMode === ViewMode.MatchVisualizer}
<Visualizer matchLog={selectedMatchLog} />
- {:else}
+ {:else if viewMode === ViewMode.Editor}
<EditorView {editSession} />
{/if}
</div>
<div class="sidebar-right">
- {#if selectedMatchId}
+ {#if viewMode === ViewMode.MatchVisualizer}
<OutputPane matchLog={selectedMatchLog} />
- {:else}
+ {:else if viewMode === ViewMode.Editor}
<SubmitPane {editSession} on:matchCreated={onMatchCreated} />
{/if}
</div>