OwlBoard/web-pwa
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add train details to train endpoint. Formatting and styling incomplete

Browse Source
This commit is contained in:
Fred Boniface
2026-05-03 09:03:45 +01:00
parent 91cb119b7d
commit 24960707e2
10 changed files with 473 additions and 329 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/lib/components/ui/cards/HeadcodeSearchCard.svelte
View File

@@ -1,35 +1,27 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { goto } from '$app/navigation';
import BaseCard from '$lib/components/ui/cards/BaseCard.svelte';
import Textbox from '$lib/components/ui/Textbox.svelte';
import Button from '$lib/components/ui/Button.svelte';
let headcode = $state('');
function handleSearch(e: SubmitEvent) {
e.preventDefault();
if (!headcode.trim()) return;
function handleSearch(e: SubmitEvent) {
e.preventDefault();
if (!headcode.trim()) return;
const searchParams = new URLSearchParams();
searchParams.append('h', headcode.trim().toUpperCase());
const searchParams = new URLSearchParams();
searchParams.append('h', headcode.trim().toUpperCase());
goto(`/trains?${searchParams.toString()}`)
}
goto(`/trains?${searchParams.toString()}`);
}
</script>
<BaseCard header={'Search Train & PIS'}>
<form onsubmit={handleSearch} class="card-content">
<Textbox
placeholder="Enter Headcode"
bind:value={headcode}
maxLength={4}
/>
<Button
type="submit"
disabled={!headcode}
>Search</Button>
</form>
<form onsubmit={handleSearch} class="card-content">
<Textbox placeholder="Enter Headcode" bind:value={headcode} maxLength={4} />
<Button type="submit" disabled={!headcode}>Search</Button>
</form>
</BaseCard>
<style>
@@ -38,8 +30,8 @@
width: 90%;
margin: auto;
padding: 10px 0 0 0;
display: flex;
flex-direction: column;
gap: 0.75rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
</style>
</style>