mirror of
https://github.com/KevinMidboe/immich.git
synced 2025-10-29 17:40:28 +00:00
6023c3c624
* Implemented lazy loading thumbnail * Display assets as date-time grouping * Update Readme * Modify GitHub action to run from the latest update
40 lines
1.0 KiB
Svelte
40 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import { getRequest } from '$lib/api';
|
|
import { onDestroy } from 'svelte';
|
|
import { fade } from 'svelte/transition';
|
|
import '../app.css';
|
|
import { serverEndpoint } from '../lib/constants';
|
|
|
|
let endpoint = serverEndpoint;
|
|
let isServerOk = true;
|
|
|
|
const pingServerInterval = setInterval(async () => {
|
|
const response = await getRequest('server-info/ping', '');
|
|
|
|
if (response.res === 'pong') isServerOk = true;
|
|
if (response.statusCode === 404) isServerOk = false;
|
|
}, 10000);
|
|
|
|
onDestroy(() => clearInterval(pingServerInterval));
|
|
</script>
|
|
|
|
<main>
|
|
<slot />
|
|
</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>
|