run npm run format
This commit is contained in:
@@ -6,8 +6,6 @@
|
|||||||
|
|
||||||
import { LOCATIONS } from '$lib/locations-object.svelte.ts';
|
import { LOCATIONS } from '$lib/locations-object.svelte.ts';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let { value = $bindable() } = $props();
|
let { value = $bindable() } = $props();
|
||||||
|
|
||||||
let showResults = $state(false);
|
let showResults = $state(false);
|
||||||
@@ -15,7 +13,6 @@
|
|||||||
|
|
||||||
const MAX_RESULTS = 5;
|
const MAX_RESULTS = 5;
|
||||||
|
|
||||||
|
|
||||||
function tokenize(query: string) {
|
function tokenize(query: string) {
|
||||||
return query.toLowerCase().trim().split(/\s+/).filter(Boolean);
|
return query.toLowerCase().trim().split(/\s+/).filter(Boolean);
|
||||||
}
|
}
|
||||||
@@ -41,12 +38,11 @@
|
|||||||
return a.n.localeCompare(b.n);
|
return a.n.localeCompare(b.n);
|
||||||
})
|
})
|
||||||
.slice(0, MAX_RESULTS);
|
.slice(0, MAX_RESULTS);
|
||||||
})
|
});
|
||||||
|
|
||||||
|
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
if (results) selectedIndex = -1;
|
if (results) selectedIndex = -1;
|
||||||
});
|
});
|
||||||
|
|
||||||
// Hide results when click outside of container
|
// Hide results when click outside of container
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
@@ -68,7 +64,7 @@
|
|||||||
selectedIndex = -1;
|
selectedIndex = -1;
|
||||||
value = '';
|
value = '';
|
||||||
console.log('Selected Location: ', JSON.stringify(loc));
|
console.log('Selected Location: ', JSON.stringify(loc));
|
||||||
const queryString = loc.c || loc.t
|
const queryString = loc.c || loc.t;
|
||||||
goto(`/board?loc=${queryString.toLowerCase()}`);
|
goto(`/board?loc=${queryString.toLowerCase()}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,38 +1,37 @@
|
|||||||
interface LocationRecord {
|
interface LocationRecord {
|
||||||
n: string; // name
|
n: string; // name
|
||||||
t: string; // tiploc
|
t: string; // tiploc
|
||||||
c?: string; // crs
|
c?: string; // crs
|
||||||
s: string; // search string
|
s: string; // search string
|
||||||
}
|
|
||||||
|
|
||||||
class LocationStore {
|
|
||||||
data = $state<LocationRecord[]>([]);
|
|
||||||
loaded = $state(false);
|
|
||||||
|
|
||||||
async init(fetcher = fetch) {
|
|
||||||
if (this.loaded) return;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const res = await fetcher('/api/tiplocs');
|
|
||||||
this.data = await res.json();
|
|
||||||
this.loaded = true;
|
|
||||||
} catch (err) {
|
|
||||||
console.error('Failed to load locations', err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
find(id: string | null): LocationRecord | undefined {
|
|
||||||
if (!id) return undefined;
|
|
||||||
|
|
||||||
const query = id.toUpperCase().trim();
|
|
||||||
|
|
||||||
console.log(query);
|
|
||||||
|
|
||||||
return this.data.find((loc) => {
|
|
||||||
return loc.t === query || loc.c === query;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export const LOCATIONS = new LocationStore();
|
class LocationStore {
|
||||||
|
data = $state<LocationRecord[]>([]);
|
||||||
|
loaded = $state(false);
|
||||||
|
|
||||||
|
async init(fetcher = fetch) {
|
||||||
|
if (this.loaded) return;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await fetcher('/api/tiplocs');
|
||||||
|
this.data = await res.json();
|
||||||
|
this.loaded = true;
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to load locations', err);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
find(id: string | null): LocationRecord | undefined {
|
||||||
|
if (!id) return undefined;
|
||||||
|
|
||||||
|
const query = id.toUpperCase().trim();
|
||||||
|
|
||||||
|
console.log(query);
|
||||||
|
|
||||||
|
return this.data.find((loc) => {
|
||||||
|
return loc.t === query || loc.c === query;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const LOCATIONS = new LocationStore();
|
||||||
|
|||||||
@@ -1,15 +1,13 @@
|
|||||||
<section>
|
<section>Live board are not yet implemented on the server</section>
|
||||||
Live board are not yet implemented on the server
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
section {
|
section {
|
||||||
font-family: 'URW Gothic', sans-serif;
|
font-family: 'URW Gothic', sans-serif;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding-top: 25px;
|
padding-top: 25px;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -3,35 +3,35 @@ import type { PageLoad } from './$types';
|
|||||||
import { error } from '@sveltejs/kit';
|
import { error } from '@sveltejs/kit';
|
||||||
|
|
||||||
export const load: PageLoad = async ({ url }) => {
|
export const load: PageLoad = async ({ url }) => {
|
||||||
const locId = url.searchParams.get('loc');
|
const locId = url.searchParams.get('loc');
|
||||||
|
|
||||||
if (!LOCATIONS.loaded) {
|
if (!LOCATIONS.loaded) {
|
||||||
await LOCATIONS.init(fetch);
|
await LOCATIONS.init(fetch);
|
||||||
}
|
}
|
||||||
|
|
||||||
let title: string = "";
|
let title: string = '';
|
||||||
|
|
||||||
if (!locId) {
|
if (!locId) {
|
||||||
error(400, {
|
error(400, {
|
||||||
message: 'Location not provided',
|
message: 'Location not provided',
|
||||||
owlCode: 'NO_LOCATION_IN_PATH',
|
owlCode: 'NO_LOCATION_IN_PATH'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if (locId) {
|
if (locId) {
|
||||||
const location = LOCATIONS.find(locId);
|
const location = LOCATIONS.find(locId);
|
||||||
|
|
||||||
if (location) {
|
if (location) {
|
||||||
title = location.n || location.t;
|
title = location.n || location.t;
|
||||||
} else {
|
} else {
|
||||||
error(404, {
|
error(404, {
|
||||||
message: `Location (${locId}) not found`,
|
message: `Location (${locId}) not found`,
|
||||||
owlCode: 'INVALID_LOCATION_CODE',
|
owlCode: 'INVALID_LOCATION_CODE'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
title,
|
title,
|
||||||
location,
|
location
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user