You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.4 KiB
49 lines
1.4 KiB
<script lang="ts">
|
|
import { Column, Table } from "sveltestrap";
|
|
import type { Log } from "../api";
|
|
|
|
// export let page: number = 0;
|
|
export let logs: Log[] = [];
|
|
</script>
|
|
|
|
<div class="flex flex-column text-sm">
|
|
{#if logs && logs.length > 0}
|
|
<Table rows={logs} let:row hover bordered>
|
|
<Column header="Started">
|
|
{row.Started}
|
|
</Column>
|
|
<Column header="Domain">
|
|
{row.Domain}
|
|
</Column>
|
|
<Column header="IP">
|
|
{row.ClientIP}
|
|
</Column>
|
|
<Column header="Status">
|
|
{row.Status}
|
|
</Column>
|
|
<Column header="Protocol">
|
|
{row.Protocol}
|
|
</Column>
|
|
<Column header="Error">
|
|
{#if row.Error}
|
|
{row.Error}
|
|
{/if}
|
|
</Column>
|
|
<Column header="Round Trip Ms">
|
|
{row.RecurseRoundTripTimeMs}
|
|
</Column>
|
|
<Column header="Upstream Used">
|
|
{row.RecurseUpstreamIP}
|
|
</Column>
|
|
<Column header="Total Time Ms">
|
|
{row.TotalTimeMs}
|
|
</Column>
|
|
</Table>
|
|
{:else}
|
|
<p>No Logs yet!</p>
|
|
<p>
|
|
<em>TODO:</em> Link to docs on how to point your router at this server
|
|
</p>
|
|
{/if}
|
|
</div>
|