Add seperate card for current recording and recording controls

This commit is contained in:
Caleb
2025-05-16 16:33:45 -04:00
committed by Cooper Quintin
parent 68aafd41e1
commit 4982463b57
5 changed files with 20 additions and 16 deletions

View File

@@ -2,10 +2,12 @@
import { ManifestEntry } from "$lib/manifest.svelte";
import { get_manifest, get_system_stats } from "$lib/utils.svelte";
import ManifestTable from "$lib/components/ManifestTable.svelte";
import Card from "$lib/components/ManifestCard.svelte";
import type { SystemStats } from "$lib/systemStats";
import { AnalysisManager } from "$lib/analysisManager.svelte";
import SystemStatsTable from "$lib/components/SystemStatsTable.svelte";
import ControlBar from "$lib/components/ControlBar.svelte";
import DeleteAllButton from "$lib/components/DeleteAllButton.svelte";
import RecordingControls from "$lib/components//RecordingControls.svelte";
let manager: AnalysisManager = new AnalysisManager();
let loaded = $state(false);
@@ -49,9 +51,22 @@
</div>
<div class="m-4 xl:mx-8 flex flex-col gap-4">
{#if loaded}
<SystemStatsTable stats={system_stats!} />
<ControlBar server_is_recording={recording} />
<div class="flex flex-col lg:flex-row gap-4">
<SystemStatsTable stats={system_stats!} />
{#if recording}
<Card entry={current_entry} current={true} i={0} server_is_recording={recording}/>
{:else}
<div class="bg-red-100 border-red-100 drop-shadow p-4 flex flex-col gap-2 border rounded-md flex-1">
<span class="text-2xl font-bold mb-2">WARNING: Not Recording</span>
<span>Rayhunter is not currently running!</span>
<div class="flex flex-row justify-between mt-2">
<RecordingControls {recording} />
</div>
</div>
{/if}
</div>
<ManifestTable entries={entries} current_entry={current_entry} server_is_recording={recording} />
<DeleteAllButton/>
{:else}
<p>Loading...</p>
{/if}