FJurmanovic/acc-server-manager-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix status

Browse Source
This commit is contained in:
Fran Jurmanović
2025-05-28 20:49:44 +02:00
parent 50e44d63cd
commit 4f0e93e60d
2 changed files with 49 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/routes/dashboard/+page.svelte
View File

@@ -7,40 +7,54 @@
</script> </script>
<div class="min-h-screen bg-gray-900 text-white"> <div class="min-h-screen bg-gray-900 text-white">
<header class="bg-gray-800 shadow-md"> <header class="bg-gray-800 shadow-md">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center"> <div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-4 sm:px-6 lg:px-8">
<h1 class="text-2xl font-bold">ACC Server Manager</h1> <h1 class="text-2xl font-bold">ACC Server Manager</h1>
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<a href="/logout"> <a href="/logout">
<button <button class="flex items-center text-gray-300 hover:text-white">
class="text-gray-300 hover:text-white flex items-center" <svg
> xmlns="http://www.w3.org/2000/svg"
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> class="h-6 w-6"
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" /> fill="none"
</svg> viewBox="0 0 24 24"
<span class="ml-1 hidden sm:inline">Logout</span> stroke="currentColor"
</button> >
</a> <path
</div> stroke-linecap="round"
</div> stroke-linejoin="round"
</header> stroke-width="2"
d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
/>
</svg>
<span class="ml-1 hidden sm:inline">Logout</span>
</button>
</a>
</div>
</div>
</header>
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <main class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
<div class="flex justify-between items-center mb-6"> <div class="mb-6 flex items-center justify-between">
<h2 class="text-xl font-semibold">Your Servers</h2> <h2 class="text-xl font-semibold">Your Servers</h2>
<div class="flex space-x-2"> <div class="flex space-x-2">
<a href="/dashboard" class="px-3 py-1 bg-gray-700 hover:bg-gray-600 rounded-md text-sm"> <button
Refresh onclick={() => {
</a> window.location.reload();
</div> }}
</div> class="rounded-md bg-gray-700 px-3 py-1 text-sm hover:bg-gray-600"
>
Refresh
</button>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
{#each servers as server} {#each servers as server}
<ServerCard {server} /> <ServerCard {server} />
{/each} {/each}
</div> </div>
</main> </main>
</div> </div>
<svelte:head> <svelte:head>

7
src/routes/dashboard/server/[id]/+page.svelte
View File

@@ -4,7 +4,7 @@
import EditorEvent from '$components/EditorEvent.svelte'; import EditorEvent from '$components/EditorEvent.svelte';
import EditorEventRules from '$components/EditorEventRules.svelte'; import EditorEventRules from '$components/EditorEventRules.svelte';
import EditorSettings from '$components/EditorSettings.svelte'; import EditorSettings from '$components/EditorSettings.svelte';
import { getStatusColor } from '$lib/types/serviceStatus.js'; import { getStatusColor, serviceStatusToString } from '$lib/types/serviceStatus.js';
import { configFile } from '$models/config.js'; import { configFile } from '$models/config.js';
let { data } = $props(); let { data } = $props();
@@ -28,9 +28,8 @@
<h2 class="truncate text-lg font-semibold">{server.name}</h2> <h2 class="truncate text-lg font-semibold">{server.name}</h2>
</a> </a>
<div class="mt-1 flex items-center"> <div class="mt-1 flex items-center">
<span class={`inline-block h-2 w-2 rounded-full ${getStatusColor(server.status)} mr-2`} <span class={`inline-block h-2 w-2 rounded-full ${getStatusColor(server.status)} mr-2`} />
></span> <span class="text-sm capitalize">{serviceStatusToString(server.status)}</span>
<span class="text-sm capitalize">{server.status}</span>
</div> </div>
</div> </div>