Implemented status box on the side bar (#201)

This commit is contained in:
Alex 2022-06-05 05:15:39 -05:00 committed by GitHub
parent ab6909bfbd
commit b9f38162d5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 125 additions and 39 deletions

View file

@ -7,25 +7,11 @@
<script lang="ts">
import '../app.css';
import { fly, slide, blur } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
import { getRequest } from '$lib/api';
import { onDestroy } from 'svelte';
import { blur } from 'svelte/transition';
import DownloadPanel from '$lib/components/asset-viewer/download-panel.svelte';
import { serverEndpoint } from '$lib/constants';
export let url: string;
let endpoint = serverEndpoint;
let isServerOk = true;
const pingServerInterval = setInterval(async () => {
const response = await getRequest('server-info/ping', '');
if (response.res === 'pong') isServerOk = true;
else isServerOk = false;
}, 10000);
onDestroy(() => clearInterval(pingServerInterval));
</script>
<main>
@ -36,19 +22,3 @@
</div>
{/key}
</main>
<footer
class="text-sm fixed bottom-0 h-8 flex place-items-center place-content-center bg-gray-50 w-screen font-mono gap-8 px-4 font-medium"
>
<p class="">
Server URL <span class="text-immich-primary font-bold">{endpoint}</span>
</p>
<p class="">
Server Status
{#if isServerOk}
<span class="text-immich-primary font-bold">OK</span>
{:else}
<span class="text-red-500 font-bold">OFFLINE</span>
{/if}
</p>
</footer>