From 7e290472fbac9ab993dbff9a2a3c8604b0efb626 Mon Sep 17 00:00:00 2001 From: cuptain Date: Fri, 1 Nov 2024 21:50:35 +1100 Subject: [PATCH] Added a test page for constructing new ui --- fclauncher/frontend/src/App.svelte | 11 +++++++++-- fclauncher/frontend/src/Navbar.svelte | 10 +++++++++- fclauncher/frontend/src/Testpage.svelte | 12 ++++++++++++ fclauncher/frontend/src/global.ts | 1 + 4 files changed, 31 insertions(+), 3 deletions(-) create mode 100644 fclauncher/frontend/src/Testpage.svelte diff --git a/fclauncher/frontend/src/App.svelte b/fclauncher/frontend/src/App.svelte index 6e845df..f381366 100644 --- a/fclauncher/frontend/src/App.svelte +++ b/fclauncher/frontend/src/App.svelte @@ -4,9 +4,10 @@ import Loading from './Loading.svelte' import {CheckPrerequisites} from '../wailsjs/go/main/App.js' import { onMount } from 'svelte' - import { loading } from './global.ts' + import { loading, testPage } from './global.ts' import { slide } from 'svelte/transition' - import Navbar from './Navbar.svelte'; + import Navbar from './Navbar.svelte' + import Testpage from './Testpage.svelte' let width: int = 10 @@ -23,6 +24,11 @@ + {#if $testPage} +
+ +
+ {:else} {#if $loading}
@@ -32,6 +38,7 @@
{/if} + {/if} diff --git a/fclauncher/frontend/src/Navbar.svelte b/fclauncher/frontend/src/Navbar.svelte index 37c5711..b64788b 100644 --- a/fclauncher/frontend/src/Navbar.svelte +++ b/fclauncher/frontend/src/Navbar.svelte @@ -1,5 +1,5 @@
@@ -37,6 +37,14 @@ import {addingInstance} from './global' New Instance + +
  • + {$testPage = !$testPage}}> + + + Testing Page + +
  • diff --git a/fclauncher/frontend/src/Testpage.svelte b/fclauncher/frontend/src/Testpage.svelte new file mode 100644 index 0000000..0d6ea3e --- /dev/null +++ b/fclauncher/frontend/src/Testpage.svelte @@ -0,0 +1,12 @@ + + + +
    +
    Test
    +
    + \ No newline at end of file diff --git a/fclauncher/frontend/src/global.ts b/fclauncher/frontend/src/global.ts index 8b780e1..8650c9d 100644 --- a/fclauncher/frontend/src/global.ts +++ b/fclauncher/frontend/src/global.ts @@ -1,3 +1,4 @@ import { writable } from "svelte/store" export const loading = writable(true) export const addingInstance = writable(false) +export const testPage = writable(false)