fix: Server usage only shown for root team
This commit is contained in:
Andras Bacsai
parent
c3684a1650
commit
1f087cc29a
@ -25,6 +25,7 @@
|
|||||||
import { onDestroy, onMount } from 'svelte';
|
import { onDestroy, onMount } from 'svelte';
|
||||||
import Loading from './applications/[id]/logs/_Loading.svelte';
|
import Loading from './applications/[id]/logs/_Loading.svelte';
|
||||||
import Trend from './_Trend.svelte';
|
import Trend from './_Trend.svelte';
|
||||||
|
import { session } from '$app/stores';
|
||||||
|
|
||||||
export let applicationsCount: number;
|
export let applicationsCount: number;
|
||||||
export let sourcesCount: number;
|
export let sourcesCount: number;
|
||||||
@ -122,10 +123,12 @@
|
|||||||
clearInterval(usageInterval);
|
clearInterval(usageInterval);
|
||||||
});
|
});
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
await getStatus();
|
if ($session.teamId === '0') {
|
||||||
usageInterval = setInterval(async () => {
|
|
||||||
await getStatus();
|
await getStatus();
|
||||||
}, 1000);
|
usageInterval = setInterval(async () => {
|
||||||
|
await getStatus();
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -134,80 +137,82 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="mt-10 pb-12 tracking-tight sm:pb-16">
|
<div class="mt-10 pb-12 tracking-tight sm:pb-16">
|
||||||
<div class="mx-auto max-w-4xl">
|
<div class="mx-auto max-w-4xl">
|
||||||
<div class="title font-bold">Server Usage</div>
|
{#if $session.teamId === '0'}
|
||||||
<dl class="relative mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
<div class="title font-bold">Server Usage</div>
|
||||||
<Loading />
|
<dl class="relative mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
<Loading />
|
||||||
<dt class="truncate text-sm font-medium text-white">Total Memory</dt>
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
||||||
<dd class="mt-1 text-3xl font-semibold text-white">
|
<dt class="truncate text-sm font-medium text-white">Total Memory</dt>
|
||||||
{(usage?.memory.totalMemMb).toFixed(0)}
|
<dd class="mt-1 text-3xl font-semibold text-white">
|
||||||
</dd>
|
{(usage?.memory.totalMemMb).toFixed(0)}
|
||||||
</div>
|
</dd>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
||||||
<dt class="truncate text-sm font-medium text-white">Used Memory</dt>
|
<dt class="truncate text-sm font-medium text-white">Used Memory</dt>
|
||||||
<dd class="mt-1 text-3xl font-semibold text-white ">
|
<dd class="mt-1 text-3xl font-semibold text-white ">
|
||||||
{(usage?.memory.usedMemMb).toFixed(0)}
|
{(usage?.memory.usedMemMb).toFixed(0)}
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6" class:bg-red-500={memoryWarning}>
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6" class:bg-red-500={memoryWarning}>
|
||||||
<dt class="truncate text-sm font-medium text-white">Free Memory</dt>
|
<dt class="truncate text-sm font-medium text-white">Free Memory</dt>
|
||||||
<dd class="mt-1 flex items-center text-3xl font-semibold text-white">
|
<dd class="mt-1 flex items-center text-3xl font-semibold text-white">
|
||||||
{usage?.memory.freeMemPercentage}%
|
{usage?.memory.freeMemPercentage}%
|
||||||
{#if !memoryWarning}
|
{#if !memoryWarning}
|
||||||
<Trend trend={trends.memory} />
|
<Trend trend={trends.memory} />
|
||||||
{/if}
|
{/if}
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
</dl>
|
</dl>
|
||||||
<dl class="relative mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
<dl class="relative mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
||||||
<dt class="truncate text-sm font-medium text-white">Total CPUs</dt>
|
<dt class="truncate text-sm font-medium text-white">Total CPUs</dt>
|
||||||
<dd class="mt-1 text-3xl font-semibold text-white">
|
<dd class="mt-1 text-3xl font-semibold text-white">
|
||||||
{usage?.cpu.count}
|
{usage?.cpu.count}
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
||||||
<dt class="truncate text-sm font-medium text-white">Load Average (5/10/30mins)</dt>
|
<dt class="truncate text-sm font-medium text-white">Load Average (5/10/30mins)</dt>
|
||||||
<dd class="mt-1 text-3xl font-semibold text-white">
|
<dd class="mt-1 text-3xl font-semibold text-white">
|
||||||
{usage?.cpu.load.join('/')}
|
{usage?.cpu.load.join('/')}
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6" class:bg-red-500={cpuWarning}>
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6" class:bg-red-500={cpuWarning}>
|
||||||
<dt class="truncate text-sm font-medium text-white">CPU Usage</dt>
|
<dt class="truncate text-sm font-medium text-white">CPU Usage</dt>
|
||||||
<dd class="mt-1 flex items-center text-3xl font-semibold text-white">
|
<dd class="mt-1 flex items-center text-3xl font-semibold text-white">
|
||||||
{usage?.cpu.usage}%
|
{usage?.cpu.usage}%
|
||||||
{#if !cpuWarning}
|
{#if !cpuWarning}
|
||||||
<Trend trend={trends.cpu} />
|
<Trend trend={trends.cpu} />
|
||||||
{/if}
|
{/if}
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
</dl>
|
</dl>
|
||||||
<dl class="relative mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
<dl class="relative mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
||||||
<dt class="truncate text-sm font-medium text-white">Total Disk</dt>
|
<dt class="truncate text-sm font-medium text-white">Total Disk</dt>
|
||||||
<dd class="mt-1 text-3xl font-semibold text-white">
|
<dd class="mt-1 text-3xl font-semibold text-white">
|
||||||
{usage?.disk.totalGb}GB
|
{usage?.disk.totalGb}GB
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6">
|
||||||
<dt class="truncate text-sm font-medium text-white">Used Disk</dt>
|
<dt class="truncate text-sm font-medium text-white">Used Disk</dt>
|
||||||
<dd class="mt-1 text-3xl font-semibold text-white">
|
<dd class="mt-1 text-3xl font-semibold text-white">
|
||||||
{usage?.disk.usedGb}GB
|
{usage?.disk.usedGb}GB
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6" class:bg-red-500={diskWarning}>
|
<div class="overflow-hidden rounded-lg px-4 py-5 sm:p-6" class:bg-red-500={diskWarning}>
|
||||||
<dt class="truncate text-sm font-medium text-white">Free Disk</dt>
|
<dt class="truncate text-sm font-medium text-white">Free Disk</dt>
|
||||||
<dd class="mt-1 flex items-center text-3xl font-semibold text-white">
|
<dd class="mt-1 flex items-center text-3xl font-semibold text-white">
|
||||||
{usage?.disk.freePercentage}%
|
{usage?.disk.freePercentage}%
|
||||||
{#if !diskWarning}
|
{#if !diskWarning}
|
||||||
<Trend trend={trends.disk} />
|
<Trend trend={trends.disk} />
|
||||||
{/if}
|
{/if}
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
</dl>
|
</dl>
|
||||||
<div class="title pt-20 font-bold">Resources</div>
|
<div class="title pt-20 font-bold">Resources</div>
|
||||||
|
{/if}
|
||||||
<dl class="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
<dl class="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-3">
|
||||||
<a
|
<a
|
||||||
href="/applications"
|
href="/applications"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user