Mirrors/headscale-ui
1
0
Fork 0
mirror of https://github.com/gurucomputing/headscale-ui.git synced 2026-07-23 16:10:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add server url input

Browse source
This commit is contained in:
Chris Bisset 2025-01-15 20:09:04 +11:00
parent 59e3d05078
commit 0f8a5a5d1a
2 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/lib/components/settings/server-settings.svelte Normal file
View file

@ -0,0 +1,9 @@
<div class="form-control">
<h1 class="text-xl bold text-primary mb-4">Server Settings</h1>
<label class="block text-secondary font-bold mb-2" for="url"> Headscale URL </label>
<input class="input input-bordered w-full max-w-xs" type="url" placeholder="https://hs.yourdomain.com.au" />
<label for="url" class="label">
<span class="label-text-alt">URL for your headscale server instance (does not need populating if it's on the same subdomain)</span>
</label>
</div>

4
src/routes/settings.html/+page.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts">
import { appSettings, persistentAppSettings } from '$lib/state.svelte';
import ServerSettings from '$lib/components/settings/server-settings.svelte';
import { appSettings, persistentAppSettings } from '$lib/state.svelte';
import Svelecte from 'svelecte';
appSettings.navbarTitle = 'Settings';
@ -7,6 +8,7 @@
</script>
<div class="max-w-96">
<ServerSettings></ServerSettings>
<h1 class="mb-4 text-primary">Application Theme</h1>
<Svelecte name="daisyUITheme" options={['hsui', 'light', 'dark', 'cupcake', 'bumblebee', 'emerald', 'corporate', 'synthwave', 'retro', 'cyberpunk', 'valentine', 'halloween', 'garden', 'forest', 'aqua', 'lofi', 'pastel', 'fantasy', 'wireframe', 'black', 'luxury', 'dracula', 'cmyk', 'autumn', 'business', 'acid', 'lemonade', 'night', 'coffee', 'winter', 'dim', 'nord', 'sunset']} bind:value={persistentAppSettings.daisyUITheme} />
</div>