init
This commit is contained in:
Fran Jurmanović
227
src/components/ConfigEditor.svelte
Normal file
227
src/components/ConfigEditor.svelte
Normal file
@@ -0,0 +1,227 @@
|
||||
<script>
|
||||
let { config, tracks, id } = $props();
|
||||
let editedConfig = { ...config['event'] };
|
||||
editedConfig.sessions = JSON.stringify(editedConfig.sessions);
|
||||
console.log(editedConfig);
|
||||
</script>
|
||||
|
||||
<form method="POST" action="?/event">
|
||||
<input type="hidden" name="id" value={id} />
|
||||
<div class="sm:mx-auto sm:w-full sm:max-w-7xl">
|
||||
<div class="border-b border-gray-900/10 pb-12">
|
||||
<h2 class="text-base/7 font-semibold text-gray-900">Event</h2>
|
||||
<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
|
||||
<div class="sm:col-span-6">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Track:
|
||||
<div class="mt-2 grid grid-cols-1">
|
||||
<select
|
||||
bind:value={editedConfig.track}
|
||||
name="track"
|
||||
class="col-start-1 row-start-1 w-full appearance-none rounded-md bg-white py-1.5 pr-8 pl-3 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6"
|
||||
>
|
||||
{#each tracks as track}
|
||||
<option value={track.track}>{track.track}</option>
|
||||
{/each}
|
||||
</select>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Pre-Race waiting time seconds:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="preRaceWaitingTimeSeconds"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.preRaceWaitingTimeSeconds}
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Session over time seconds:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="sessionOverTimeSeconds"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.sessionOverTimeSeconds}
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Ambient temp:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="ambientTemp"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.ambientTemp}
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Cloud level:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="cloudLevel"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.cloudLevel}
|
||||
step=".01"
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Rain:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="rain"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.rain}
|
||||
step=".01"
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Weather randomness:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="weatherRandomness"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.weatherRandomness}
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Post-Qualy seconds:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="postQualySeconds"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.postQualySeconds}
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Post-Race seconds:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="postRaceSeconds"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.postRaceSeconds}
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Simracer weather conditions:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="simracerWeatherConditions"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.simracerWeatherConditions}
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Is fixed condition qualification:
|
||||
<div class="mt-2">
|
||||
<div
|
||||
class="flex items-center rounded-md bg-white pl-3 outline-1 -outline-offset-1 outline-gray-300 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-indigo-600"
|
||||
>
|
||||
<input
|
||||
name="isFixedConditionQualification"
|
||||
type="number"
|
||||
class="block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6"
|
||||
bind:value={editedConfig.isFixedConditionQualification}
|
||||
/>
|
||||
</div>
|
||||
</div></label
|
||||
>
|
||||
</div>
|
||||
<div class="sm:col-span-6">
|
||||
<label class="block text-sm/6 font-medium text-gray-900">
|
||||
Sessions:
|
||||
<div class="mt-2">
|
||||
<textarea
|
||||
name="sessions"
|
||||
rows="3"
|
||||
class="block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6"
|
||||
bind:value={editedConfig.sessions}
|
||||
></textarea>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-6 flex items-center justify-end gap-x-6">
|
||||
<button
|
||||
type="submit"
|
||||
class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
|
||||
>Save</button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<style></style>
|
||||
39
src/components/ServerCard.svelte
Normal file
39
src/components/ServerCard.svelte
Normal file
@@ -0,0 +1,39 @@
|
||||
<script>
|
||||
let { server } = $props();
|
||||
</script>
|
||||
|
||||
<a
|
||||
href={`dashboard/server/${server.id}`}
|
||||
class="w-full max-w-sm rounded-lg border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800"
|
||||
>
|
||||
<div class="flex flex-col items-center pb-4">
|
||||
<h2 class="mb-1 text-xl font-medium text-gray-900 dark:text-white">{server.name}</h2>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Status: {server.status}</p>
|
||||
<div class="mt-12 flex">
|
||||
<form method="POST" action="?/start">
|
||||
<input type="hidden" name="id" value={server.id} />
|
||||
<button
|
||||
class="mx-2 inline-flex items-center rounded-lg bg-blue-700 px-4 py-1 text-center text-sm font-medium text-white hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 focus:outline-none dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
|
||||
disabled={server.status.startsWith('SERVICE_RUNNING')}
|
||||
onclick={(e) => e.stopPropagation()}
|
||||
type="submit">Start</button
|
||||
>
|
||||
<button
|
||||
class="mx-2 inline-flex items-center rounded-lg bg-blue-700 px-4 py-1 text-center text-sm font-medium text-white hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 focus:outline-none dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
|
||||
disabled={server.status.startsWith('SERVICE_STOPPED')}
|
||||
onclick={(e) => e.stopPropagation()}
|
||||
formaction="?/stop">Stop</button
|
||||
>
|
||||
<button
|
||||
class="mx-2 inline-flex items-center rounded-lg bg-blue-700 px-4 py-1 text-center text-sm font-medium text-white hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 focus:outline-none dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
|
||||
disabled={server.status.startsWith('SERVICE_STOPPED')}
|
||||
onclick={(e) => e.stopPropagation()}
|
||||
formaction="?/restart">Restart</button
|
||||
>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
52
src/components/Sidebar.svelte
Normal file
52
src/components/Sidebar.svelte
Normal file
@@ -0,0 +1,52 @@
|
||||
<script>
|
||||
import { logout } from '$api/authService';
|
||||
import { goto } from '$app/navigation';
|
||||
|
||||
function handleLogout() {
|
||||
logout();
|
||||
goto('/login');
|
||||
}
|
||||
</script>
|
||||
|
||||
<aside
|
||||
class="fixed top-0 left-0 z-40 h-screen w-64 -translate-x-full transition-transform sm:translate-x-0"
|
||||
>
|
||||
<div class="h-full overflow-y-auto bg-gray-50 px-3 py-4 dark:bg-gray-800">
|
||||
<ul class="space-y-2 font-medium">
|
||||
<li>
|
||||
<a
|
||||
href="/dashboard"
|
||||
class="group flex items-center rounded-lg p-2 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
|
||||
>
|
||||
<svg
|
||||
class="h-5 w-5 text-gray-500 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
|
||||
aria-hidden="true"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="currentColor"
|
||||
viewBox="0 0 22 21"
|
||||
>
|
||||
<path
|
||||
d="M16.975 11H10V4.025a1 1 0 0 0-1.066-.998 8.5 8.5 0 1 0 9.039 9.039.999.999 0 0 0-1-1.066h.002Z"
|
||||
/>
|
||||
<path
|
||||
d="M12.5 0c-.157 0-.311.01-.565.027A1 1 0 0 0 11 1.02V10h8.975a1 1 0 0 0 1-.935c.013-.188.028-.374.028-.565A8.51 8.51 0 0 0 12.5 0Z"
|
||||
/>
|
||||
</svg>
|
||||
<span class="ms-3">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
onclick={handleLogout}
|
||||
class="group flex items-center rounded-lg p-2 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
|
||||
>
|
||||
<span class="ms-3">Logout</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Reference in New Issue
Block a user