|
1 | 1 | <script lang="ts"> |
2 | | - import { setLocale } from '$lib/paraglide/runtime.js'; |
3 | | - import * as m from '$lib/paraglide/messages'; |
4 | | - import { onMount } from 'svelte'; |
5 | | - import { themeChange } from 'theme-change'; |
6 | | - import pb from '$lib/pocketbase'; |
| 2 | + import {setLocale} from '$lib/paraglide/runtime.js'; |
| 3 | + import * as m from '$lib/paraglide/messages'; |
| 4 | + import {onMount} from 'svelte'; |
| 5 | + import {themeChange} from 'theme-change'; |
| 6 | + import pb from '$lib/pocketbase'; |
7 | 7 |
|
8 | | - // NOTE: the element that is using one of the theme attributes must be in the DOM on mount |
9 | | - onMount(() => { |
10 | | - themeChange(false); |
| 8 | + // NOTE: the element that is using one of the theme attributes must be in the DOM on mount |
| 9 | + onMount(() => { |
| 10 | + themeChange(false); |
11 | 11 |
|
12 | | - // 👆 false parameter is required for svelte |
13 | | - }); |
| 12 | + // 👆 false parameter is required for svelte |
| 13 | + }); |
14 | 14 | </script> |
15 | 15 |
|
16 | 16 | <div class="navbar bg-base-100 shadow-sm"> |
17 | | - <div class="flex-1"> |
18 | | - <a class="btn btn-ghost text-xl" href="/">Pdnode</a> |
19 | | - </div> |
20 | | - <div class="flex-none"> |
21 | | - <ul class="menu menu-horizontal px-1"> |
22 | | - <li> |
23 | | - <label class="swap swap-rotate"> |
24 | | - <input type="checkbox" data-toggle-theme="dark, light" class="theme-controller" /> |
| 17 | + <div class="flex-1"> |
| 18 | + <a class="btn btn-ghost text-xl" href="/">Pdnode</a> |
| 19 | + </div> |
| 20 | + <div class="flex-none"> |
| 21 | + <ul class="menu menu-horizontal px-1"> |
| 22 | + <li> |
| 23 | + <label class="swap swap-rotate"> |
| 24 | + <input type="checkbox" data-toggle-theme="dark, light" class="theme-controller"/> |
25 | 25 |
|
26 | | - <svg |
27 | | - class="swap-off h-5 w-5 fill-current" |
28 | | - xmlns="http://www.w3.org/2000/svg" |
29 | | - viewBox="0 0 24 24" |
30 | | - > |
31 | | - <path |
32 | | - d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" |
33 | | - /> |
34 | | - </svg> |
| 26 | + <svg |
| 27 | + class="swap-off h-5 w-5 fill-current" |
| 28 | + xmlns="http://www.w3.org/2000/svg" |
| 29 | + viewBox="0 0 24 24" |
| 30 | + > |
| 31 | + <path |
| 32 | + d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" |
| 33 | + /> |
| 34 | + </svg> |
35 | 35 |
|
36 | | - <svg |
37 | | - class="swap-on h-5 w-5 fill-current" |
38 | | - xmlns="http://www.w3.org/2000/svg" |
39 | | - viewBox="0 0 24 24" |
40 | | - > |
41 | | - <path |
42 | | - d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" |
43 | | - /> |
44 | | - </svg> |
45 | | - </label> |
46 | | - </li> |
47 | | - {#if !pb.authStore.isValid} |
48 | | - <li> |
49 | | - <a href="/login" class="link">Login</a> |
50 | | - </li> |
51 | | - {/if} |
52 | | - <li> |
53 | | - <a href="/pricing" class="link">Pricing</a> |
54 | | - </li> |
55 | | - <li> |
56 | | - <details> |
57 | | - <summary>{m['switch-language']()}</summary> |
58 | | - <ul class="bg-base-100 rounded-t-none p-2"> |
59 | | - <li class="m-2"><button onclick={() => setLocale('en')}>English</button></li> |
60 | | - <li class="m-2"><button onclick={() => setLocale('zh')}>简体中文</button></li> |
61 | | - </ul> |
62 | | - </details> |
63 | | - </li> |
64 | | - </ul> |
65 | | - </div> |
| 36 | + <svg |
| 37 | + class="swap-on h-5 w-5 fill-current" |
| 38 | + xmlns="http://www.w3.org/2000/svg" |
| 39 | + viewBox="0 0 24 24" |
| 40 | + > |
| 41 | + <path |
| 42 | + d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" |
| 43 | + /> |
| 44 | + </svg> |
| 45 | + </label> |
| 46 | + </li> |
| 47 | + {#if !pb.authStore.isValid} |
| 48 | + <li> |
| 49 | + <a href="/login" class="link">Login</a> |
| 50 | + </li> |
| 51 | + <li> |
| 52 | + <a href="/register" class="link">Register</a> |
| 53 | + </li> |
| 54 | + {:else} |
| 55 | + <li> |
| 56 | + <a href="/profile" class="link">Profile</a> |
| 57 | + </li> |
| 58 | + {/if} |
| 59 | + <li> |
| 60 | + <a href="/pricing" class="link">Pricing</a> |
| 61 | + </li> |
| 62 | + <li> |
| 63 | + <details> |
| 64 | + <summary>{m['switch-language']()}</summary> |
| 65 | + <ul class="bg-base-100 rounded-t-none p-2"> |
| 66 | + <li class="m-2"> |
| 67 | + <button onclick={() => setLocale('en')}>English</button> |
| 68 | + </li> |
| 69 | + <li class="m-2"> |
| 70 | + <button onclick={() => setLocale('zh')}>简体中文</button> |
| 71 | + </li> |
| 72 | + </ul> |
| 73 | + </details> |
| 74 | + </li> |
| 75 | + </ul> |
| 76 | + </div> |
66 | 77 | </div> |
0 commit comments