josh/electric-cherry
1
0
Fork 0
Code Issues 18 Pull Requests Actions Packages Projects Releases Wiki Activity

Move server operations into History tab

Browse Source
This commit is contained in:
josh
2026-09-19 22:36:53 -04:00
parent 33f2f123c5
commit 05024c7675
1 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/servers/[name]/+page.svelte
+20 -3
View File
@@ -292,12 +292,11 @@
<div class="issue-actions"><Button size="sm" onclick={() => changeTab('diagnostics')}>Diagnose connection</Button><Button size="sm" variant="ghost" onclick={() => changeTab('logs')}>Open logs</Button>{#if integrations && (!integrations.rcon || !integrations.komodo)}<Button size="sm" href="/settings">Check system setup</Button>{/if}</div> <div class="issue-actions"><Button size="sm" onclick={() => changeTab('diagnostics')}>Diagnose connection</Button><Button size="sm" variant="ghost" onclick={() => changeTab('logs')}>Open logs</Button>{#if integrations && (!integrations.rcon || !integrations.komodo)}<Button size="sm" href="/settings">Check system setup</Button>{/if}</div>
</section> </section>
{/if} {/if}
{#if operations.length}<section class="ui-panel"><h2>Current operations</h2><div class="server-operations">{#each operations as operation (operation.key)}<a href={operation.href}><strong>{operation.label}</strong><span>{operation.detail}</span><StatusBadge state={operation.state} /></a>{/each}</div></section>{/if}
<div class="tabs-row"> <div class="tabs-row">
<Tabs {tabs} value={activeTab} onchange={changeTab} ariaLabel="Server sections" idPrefix="server-tabs" panelId="server-panel" /> <Tabs {tabs} value={activeTab} onchange={changeTab} ariaLabel="Server sections" idPrefix="server-tabs" panelId="server-panel" />
</div> </div>
<div class="tab-panel" class:diagnostics={activeTab === 'diagnostics'} role="tabpanel" id="server-panel" aria-labelledby={"server-tabs-" + activeTab}> <div class="tab-panel" class:diagnostics={activeTab === 'diagnostics'} class:history-panel={activeTab === 'history'} role="tabpanel" id="server-panel" aria-labelledby={"server-tabs-" + activeTab}>
{#if tabError}<div class="ui-error" role="alert">{tabError}<Button size="sm" onclick={() => loadTab(name, activeTab)}>Retry</Button></div>{/if} {#if tabError}<div class="ui-error" role="alert">{tabError}<Button size="sm" onclick={() => loadTab(name, activeTab)}>Retry</Button></div>{/if}
{#if activeTab === 'scoreboard'} {#if activeTab === 'scoreboard'}
<Card padding="lg"> <Card padding="lg">
@@ -504,6 +503,23 @@
</Card> </Card>
<div id="telemetry">{#key name}<TelemetryDiagnostics server={name} />{/key}</div> <div id="telemetry">{#key name}<TelemetryDiagnostics server={name} />{/key}</div>
{:else if activeTab === 'history'} {:else if activeTab === 'history'}
{#if operations.length}
<Card padding="lg">
<div class="panel-head">
<h2>Operations</h2>
<span class="panel-count">{operations.length}</span>
</div>
<div class="server-operations">
{#each operations as operation (operation.key)}
<a href={operation.href}>
<strong>{operation.label}</strong>
<span>{operation.detail}</span>
<StatusBadge state={operation.state} />
</a>
{/each}
</div>
</Card>
{/if}
<Card padding="lg"> <Card padding="lg">
<div class="panel-head"> <div class="panel-head">
<h2>Rollout history</h2> <h2>Rollout history</h2>
@@ -595,7 +611,8 @@
} }
/* Tabs row */ /* Tabs row */
.tab-panel.diagnostics { .tab-panel.diagnostics,
.tab-panel.history-panel {
display: grid; display: grid;
gap: var(--space-6); gap: var(--space-6);
} }