Move server operations into History tab
This commit is contained in:
@@ -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>
|
||||
</section>
|
||||
{/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">
|
||||
<Tabs {tabs} value={activeTab} onchange={changeTab} ariaLabel="Server sections" idPrefix="server-tabs" panelId="server-panel" />
|
||||
</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 activeTab === 'scoreboard'}
|
||||
<Card padding="lg">
|
||||
@@ -504,6 +503,23 @@
|
||||
</Card>
|
||||
<div id="telemetry">{#key name}<TelemetryDiagnostics server={name} />{/key}</div>
|
||||
{: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">
|
||||
<div class="panel-head">
|
||||
<h2>Rollout history</h2>
|
||||
@@ -595,7 +611,8 @@
|
||||
}
|
||||
|
||||
/* Tabs row */
|
||||
.tab-panel.diagnostics {
|
||||
.tab-panel.diagnostics,
|
||||
.tab-panel.history-panel {
|
||||
display: grid;
|
||||
gap: var(--space-6);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user