+
diff --git a/src/routes/Control.spec.ts b/src/routes/Control.spec.ts
new file mode 100644
index 0000000..763e9a3
--- /dev/null
+++ b/src/routes/Control.spec.ts
@@ -0,0 +1,30 @@
+import { writable } from 'svelte/store';
+import Control from './Control.svelte';
+import { render } from '@testing-library/svelte';
+import { describe, test, expect, beforeEach } from 'vitest';
+import { addMessages, init, locale } from 'svelte-i18n';
+
+import '$lib/i18n/index.ts';
+import en from '$lib/locales/en.json';
+addMessages('en', en);
+
+describe('Control Component', () => {
+ beforeEach(() => {
+ init({
+ fallbackLocale: 'en',
+ initialLocale: 'en'
+ });
+ locale.set('en');
+ });
+
+ test('should render the component', () => {
+ const host = document.createElement('div');
+ document.body.appendChild(host);
+ const instance = render(Control, {
+ target: host,
+ props: { status: writable([]), settings: writable([]) }
+ });
+ expect(instance).toBeTruthy();
+ expect(host.innerHTML).toContain('Control');
+ });
+});
diff --git a/src/routes/Control.svelte b/src/routes/Control.svelte
index 23b13c3..25f5a44 100644
--- a/src/routes/Control.svelte
+++ b/src/routes/Control.svelte
@@ -1,134 +1,246 @@
-
+ (toastIsOpen = false)}
+ >
+
+ {toastBody}
+
+
+
+-
LEDs
- --
{ $_('section.control.systemInfo') }
+ {#if !$settings.disableLeds} +LEDs
+ ++ {/if} + {#if $settings.hasFrontlight && !$settings.flDisable} +
{$_('section.control.frontlight')}
++ {/if} +
{$_('section.control.systemInfo')}
-
-
- { $_('section.control.version') }: {$settings.gitRev} -
- { $_('section.control.buildTime') }: {new Date(($settings.lastBuildTime * 1000)).toLocaleString()} + {#if $settings.gitTag} +
- + {$_('section.control.version')}: {$settings.gitTag} + + {/if} +
- + {$_('section.control.buildTime')}: {new Date( + $settings.lastBuildTime * 1000 + ).toLocaleString()} +
- IP: {$settings.ip} -
- { $_('section.control.hostname') }: {$settings.hostname} +
- HW revision: {$settings.hwRev} +
- {$_('section.control.fwCommit')}: {$settings.gitRev} +
- WebUI commit: {$settings.fsRev} +
- {$_('section.control.hostname')}: {$settings.hostname}
+
{$_('section.control.firmwareUpdate')}
+
+ {$_('section.firmwareUpdater.latestVersion')}: {latestVersion} - {$_(
+ 'section.firmwareUpdater.releaseDate'
+ )}: {releaseDate} -
+ {$_('section.firmwareUpdater.viewRelease')}
+ {#if isNewerVersionAvailable}
+ {$_('section.firmwareUpdater.swUpdateAvailable')} -
+ {$_('section.firmwareUpdater.autoUpdate')}.
+ {:else}
+ {$_('section.firmwareUpdater.swUpToDate')}
+ {/if}
+
Error loading version, try again later.
+{:else} +Loading...
+{/if} +
+
+ handleFileChange(e, (file) => (firmwareUploadFile = file))}
+ name="update"
+ class="form-control"
+ accept=".bin"
+ />
+
+
+
+
+
+
+ handleFileChange(e, (file) => (firmwareWebUiFile = file))}
+ accept=".bin"
+ />
+
+
+
+
+
-
\ No newline at end of file
+
- {#each status.data as char}
- {#if isSplitText(char)}
-
- {:else}
-
-
- {#each char.split("/") as part}
-
- {:else if char.length === 0 || char === " "}
- {part}
- {/each}
- {char}
- {/if}
- {/each}
-
+
+
+
diff --git a/src/routes/Settings.spec.ts b/src/routes/Settings.spec.ts
new file mode 100644
index 0000000..4e1fb07
--- /dev/null
+++ b/src/routes/Settings.spec.ts
@@ -0,0 +1,32 @@
+import { writable } from 'svelte/store';
+import Settings from './Settings.svelte';
+import { render } from '@testing-library/svelte';
+import { describe, test, expect, beforeEach } from 'vitest';
+import { addMessages, init, locale } from 'svelte-i18n';
+
+import '$lib/i18n/index.ts';
+import en from '$lib/locales/en.json';
+addMessages('en', en);
+
+describe('Settings Component', () => {
+ beforeEach(() => {
+ init({
+ fallbackLocale: 'en',
+ initialLocale: 'en'
+ });
+ locale.set('en');
+ });
+
+ test('should render the component', () => {
+ locale.set('en');
+
+ const host = document.createElement('div');
+ document.body.appendChild(host);
+ const instance = render(Settings, {
+ target: host,
+ props: { settings: writable([]) }
+ });
+ expect(instance).toBeTruthy();
+ expect(host.innerHTML).toContain('Settings');
+ });
+});
diff --git a/src/routes/Settings.svelte b/src/routes/Settings.svelte
index 994548a..2dbdcdc 100644
--- a/src/routes/Settings.svelte
+++ b/src/routes/Settings.svelte
@@ -1,208 +1,1020 @@
-
+ {#each status.data as char}
+ {#if isSplitText(char)}
+
+ {:else}
+
+
+
+ {:else if char.startsWith('mdi')}
+
+ {#if char.split('/').length}
+ {char.split('/')[0]}
+ {char.split('/')[1]}
+ {/if}
+
+
+
+ {#if char.endsWith('rocket')}
+ 
+ {/if}
+
+ {:else if char === 'STS'}
+
+ {/if}
+ S
+ {:else if char.length >= 3}
+ {char}
+ {:else if char.length === 0 || char === ' '}
+ {getCurrencySymbol(char)}
+ {/if}
+ {/each}
+
+
+ |
+
+
-
- {#each $settings.screens as s}
-
- {/each}
-
-
- - {#if $status.data} -
-
- -
-
- { $_('section.status.memoryFree') }
- { Math.round($status.espFreeHeap / 1024) } / { Math.round($status.espHeapSize / 1024) } KiB
- - { $_('section.status.uptime') }: {toUptimeString($status.espUptime)} -
-
- { $_('section.status.wsPriceConnection') }:
-
- {#if $status.connectionStatus && $status.connectionStatus.price}
- ✅
- {:else}
- ❌
- {/if}
-
- -
- { $_('section.status.wsMempoolConnection') }:
-
- {#if $status.connectionStatus && $status.connectionStatus.blocks}
- ✅
- {:else}
- ❌
- {/if}
-
- {#if $settings.fetchEurPrice}
- { $_('section.status.fetchEuroNote') }
- {/if}
-
+ {#each buttonChunks as chunk}
+
+ {#each chunk as s}
+
+ {/each}
+
+ {/each}
+
+
+
+ {#each $settings.screens as s}
+
+ {/each}
+
+
+ {#if $settings.actCurrencies && $settings.ownDataSource}
+
+
+ {#each $settings.actCurrencies as c}
+
+ {/each}
+
+
+ {/if}
+ + {#if $status.data} +
+ {#if !$settings.disableLeds} +
+ {/if} + +
+
+ {$_('section.status.memoryFree')}
+
+ {Math.round($status.espFreeHeap / 1024)} / {Math.round($status.espHeapSize / 1024)} KiB
+
+ + {#if $settings.hasLightLevel} + {$_('section.status.lightSensor')}: {Number(Math.round($status.lightLevel))} lux +
+ {/if} + +
+
+ {$_('section.status.wifiSignalStrength')}
+
+ {$status.rssi} dBm
+
+ + {$_('section.status.uptime')}: {toUptimestring($status.espUptime)} +
+
+ {#if $settings.useNostr || $settings.nostrZapNotify}
+ {$_('section.status.nostrConnection')}:
+
+ {#if $status.connectionStatus && $status.connectionStatus.nostr}
+ ✅
+ {:else}
+ ❌
+ {/if}
+
+ {/if}
+ {#if !$settings.useNostr}
+ {#if !$settings.ownDataSource}
+ {$_('section.status.wsPriceConnection')}:
+
+ {#if $status.connectionStatus && $status.connectionStatus.price}
+ ✅
+ {:else}
+ ❌
+ {/if}
+
+ -
+ {$_('section.status.wsMempoolConnection', {
+ values: { instance: $settings.mempoolInstance }
+ })}:
+
+ {#if $status.connectionStatus && $status.connectionStatus.blocks}
+ ✅
+ {:else}
+ ❌
+ {/if}
+
+ {:else}
+ {$_('section.status.wsDataConnection')}:
+
+ {#if $status.connectionStatus && $status.connectionStatus.V2}
+ ✅
+ {:else}
+ ❌
+ {/if}
+
+ {/if}
+ {/if}
+ {#if $settings.fetchEurPrice}
+ {$_('section.status.fetchEuroNote')}
+ {/if}
+