CEC
53 lines
1.8 KiB
Svelte
53 lines
1.8 KiB
Svelte
<script lang="ts">
|
|
import type { Game } from "../Phaser/Game/Game";
|
|
import { chatVisibilityStore } from "../Stores/ChatStore";
|
|
import { errorStore } from "../Stores/ErrorStore";
|
|
import { errorScreenStore } from "../Stores/ErrorScreenStore";
|
|
import { loginSceneVisibleStore } from "../Stores/LoginSceneStore";
|
|
import { enableCameraSceneVisibilityStore } from "../Stores/MediaStore";
|
|
import { selectCharacterSceneVisibleStore } from "../Stores/SelectCharacterStore";
|
|
import { selectCompanionSceneVisibleStore } from "../Stores/SelectCompanionStore";
|
|
import Chat from "./Chat/Chat.svelte";
|
|
import EnableCameraScene from "./EnableCamera/EnableCameraScene.svelte";
|
|
import LoginScene from "./Login/LoginScene.svelte";
|
|
import MainLayout from "./MainLayout.svelte";
|
|
import SelectCharacterScene from "./selectCharacter/SelectCharacterScene.svelte";
|
|
import SelectCompanionScene from "./SelectCompanion/SelectCompanionScene.svelte";
|
|
import ErrorDialog from "./UI/ErrorDialog.svelte";
|
|
import ErrorScreen from "./UI/ErrorScreen.svelte";
|
|
|
|
export let game: Game;
|
|
</script>
|
|
|
|
{#if $errorScreenStore !== undefined}
|
|
<div>
|
|
<ErrorScreen />
|
|
</div>
|
|
{:else if $errorStore.length > 0}
|
|
<div>
|
|
<ErrorDialog />
|
|
</div>
|
|
{:else if $loginSceneVisibleStore}
|
|
<div class="scrollable">
|
|
<LoginScene {game} />
|
|
</div>
|
|
{:else if $selectCharacterSceneVisibleStore}
|
|
<div>
|
|
<SelectCharacterScene {game} />
|
|
</div>
|
|
{:else if $selectCompanionSceneVisibleStore}
|
|
<div>
|
|
<SelectCompanionScene {game} />
|
|
</div>
|
|
{:else if $enableCameraSceneVisibilityStore}
|
|
<div class="scrollable">
|
|
<EnableCameraScene {game} />
|
|
</div>
|
|
{:else}
|
|
<MainLayout />
|
|
|
|
{#if $chatVisibilityStore}
|
|
<Chat />
|
|
{/if}
|
|
{/if}
|