piwalker/FCLauncher
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases 5 Wiki Activity

Added a test page for constructing new ui

Browse Source
This commit is contained in:
cuptain 2024-11-01 21:50:35 +11:00
parent e5cf9f532e
commit 7e290472fb
4 changed files with 31 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
fclauncher/frontend/src/App.svelte
View File

@ -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 @@
</div>
<body>
<img alt="Wails logo" id="logo" src="{logo}">
{#if $testPage}
<div>
<Testpage />
</div>
{:else}
{#if $loading}
<div transition:slide="{{duration:100}}" class="central">
<Loading />
@ -32,6 +38,7 @@
<Instances />
</div>
{/if}
{/if}
</body>
</main>

10
fclauncher/frontend/src/Navbar.svelte
View File

@ -1,5 +1,5 @@
<script lang="ts" src="https://kit.fontawesome.com/172593a6a5.js" crossorigin="anonymous">
import {addingInstance} from './global'
import {addingInstance, testPage} from './global'
</script>
<main>
@ -37,6 +37,14 @@ import {addingInstance} from './global'
<span class="link-text">New Instance</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link" on:click={() => {$testPage = !$testPage}}>
<svg xmlns="http://www.w3.org/2000/svg" class="nav-icon" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M175 389.4c-9.8 16-15 34.3-15 53.1c-10 3.5-20.8 5.5-32 5.5c-53 0-96-43-96-96L32 64C14.3 64 0 49.7 0 32S14.3 0 32 0L96 0l64 0 64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l0 245.9-49 79.6zM96 64l0 96 64 0 0-96L96 64zM352 0L480 0l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l0 150.9L629.7 406.2c6.7 10.9 10.3 23.5 10.3 36.4c0 38.3-31.1 69.4-69.4 69.4l-309.2 0c-38.3 0-69.4-31.1-69.4-69.4c0-12.8 3.6-25.4 10.3-36.4L320 214.9 320 64c-17.7 0-32-14.3-32-32s14.3-32 32-32l32 0zm32 64l0 160c0 5.9-1.6 11.7-4.7 16.8L330.5 320l171 0-48.8-79.2c-3.1-5-4.7-10.8-4.7-16.8l0-160-64 0z"/></svg>
<span class="link-text">Testing Page</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">

12
fclauncher/frontend/src/Testpage.svelte Normal file
View File

@ -0,0 +1,12 @@
<script lang="ts">
</script>
<main>
<div>Test</div>
</main>
<style>
</style>

1
fclauncher/frontend/src/global.ts
View File

@ -1,3 +1,4 @@
import { writable } from "svelte/store"
export const loading = writable(true)
export const addingInstance = writable(false)
export const testPage = writable(false)