Mirrors/headscale-ui
1
0
Fork 0
mirror of https://github.com/gurucomputing/headscale-ui.git synced 2026-08-02 04:32:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

test connectivity on app load

Browse source
This commit is contained in:
Chris Bisset 2025-03-15 05:09:32 +00:00
parent 9592c273ca
commit 92cf68cdb1
3 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/settings/server-settings.svelte
View file

@ -27,7 +27,7 @@
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
{:else}
<svg data-slot="icon" fill="none" stroke-width="1.5" class="inline h-6 w-6 fill-none stroke-error" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<svg in:fly|global={{ x: 10, duration: 600 }} data-slot="icon" fill="none" stroke-width="1.5" class="inline h-6 w-6 fill-none stroke-error" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg>
{/if}

5
src/lib/components/settings/server-settings.svelte.ts
View file

@ -1,7 +1,7 @@
import { newToastAlert } from "../layout/toast.svelte.ts";
import { appSettings, persistentAppSettings } from "../common/state.svelte";
export async function testAPIConnectivity(submission: SubmitEvent) {
export async function testAPIConnectivity() {
const response = await fetch(`${persistentAppSettings.headscaleURL}/api/v1/apikey`, {
method: 'GET',
headers: {
@ -11,12 +11,11 @@ export async function testAPIConnectivity(submission: SubmitEvent) {
});
if (!response.ok) {
newToastAlert(`API error! Status: ${response.status}`);
newToastAlert(`API error! Status: ${response.status}. Check your API settings`);
appSettings.apiTested = false;
}
const data = await response.json();
newToastAlert('Successfully connected to headscale!');
appSettings.apiTested = true;
if (persistentAppSettings.debugLogging) {

4
src/routes/+layout.svelte
View file

@ -7,6 +7,7 @@
import { onMount } from 'svelte';
import { fade } from 'svelte/transition';
import '../app.css';
import { testAPIConnectivity } from '$lib/components/settings/server-settings.svelte.ts';
let { children } = $props();
onMount(async () => {
@ -20,6 +21,9 @@
localStorage.setItem('persistentAppSettings', JSON.stringify(persistentAppSettings));
});
// perform an initial API test
testAPIConnectivity();
// delay load until page is hydrated
appSettings.appLoaded = true;