Darkages/SpotMicroESP32-Leika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 format

Browse Source
This commit is contained in:
Rune Harlyk
2025-10-11 10:42:32 +02:00
parent 4d51b9f556
commit 91a7b170fe
139 changed files with 6645 additions and 6317 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/routes/peripherals/camera/CameraSetting.svelte
+39 -16
View File
@@ -1,13 +1,13 @@
<script lang="ts">
import { api } from '$lib/api';
import Spinner from '$lib/components/Spinner.svelte';
import type { CameraSettings } from '$lib/types/models';
let settings:CameraSettings = $state()
import { api } from '$lib/api'
import Spinner from '$lib/components/Spinner.svelte'
import type { CameraSettings } from '$lib/types/models'
let settings: CameraSettings = $state()
const getCameraSettings = async () => {
const result = await api.get<CameraSettings>('/api/camera/settings')
if (result.isErr()){
console.error("An error occurred", result.inner);
if (result.isErr()) {
console.error('An error occurred', result.inner)
return
}
settings = result.inner
@@ -15,8 +15,8 @@
const updateCameraSettings = async () => {
const result = await api.post<CameraSettings>('/api/camera/settings', settings)
if (result.isErr()){
console.error("An error occurred", result.inner);
if (result.isErr()) {
console.error('An error occurred', result.inner)
return
}
settings = result.inner
@@ -25,27 +25,47 @@
{#await getCameraSettings()}
<Spinner />
{:then _}
{:then _}
<div class="flex flex-col gap-1">
<button class="btn btn-primary" type="button" onclick={updateCameraSettings}>Update camera settings</button>
<button class="btn btn-primary" type="button" onclick={updateCameraSettings}
>Update camera settings</button
>
<label for="brightness">
Brightness {settings.brightness}
<input type="range" min="-2" max="2" class="range range-xs" bind:value={settings.brightness}/>
<input
type="range"
min="-2"
max="2"
class="range range-xs"
bind:value={settings.brightness}
/>
</label>
<label for="contrast">
Contrast {settings.contrast}
<input type="range" min="-2" max="2" class="range range-xs" bind:value={settings.contrast}/>
<input
type="range"
min="-2"
max="2"
class="range range-xs"
bind:value={settings.contrast}
/>
</label>
<label for="framesize">
FrameSize {settings.framesize}
<input type="range" min="0" max="10" class="range range-xs" bind:value={settings.framesize}/>
<input
type="range"
min="0"
max="10"
class="range range-xs"
bind:value={settings.framesize}
/>
</label>
<label class="cursor-pointer flex items-center justify-between">
Vertical flip
Vertical flip
<input type="checkbox" class="toggle" bind:checked={settings.vflip} />
</label>
@@ -56,7 +76,10 @@
<label for="special_effect" class="flex items-center">
<span class="basis-1/2">Special Effect</span>
<select class="select select-bordered select-sm w-full max-w-xs" bind:value={settings.special_effect}>
<select
class="select select-bordered select-sm w-full max-w-xs"
bind:value={settings.special_effect}
>
<option value={0}>No effect</option>
<option value={1}>Negative</option>
<option value={2}>Grayscale</option>
@@ -67,4 +90,4 @@
</select>
</label>
</div>
{/await}
{/await}