dave/BigLamper
1
0
Fork 0
generated from dave/wails-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement setting lamp brightnesses

Browse Source
This commit is contained in:
PhatPhuckDave
2024-12-29 00:34:04 +01:00
parent 91ee137ff5
commit 4625f4a016
3 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/lib/components/Lamp.svelte
View File

@@ -1,13 +1,14 @@
<script lang="ts">
export let brightnessChange = (brightness: number) => {};
export let brightnessChange = (lamp: number, brightness: number) => {};
export let lamp: number;
export let brightness: number;
let timer: number;
function handleBrightnessChange(event: Event) {
clearTimeout(timer);
timer = setTimeout(() => {
brightness = event.target?.value || 0;
brightnessChange(brightness);
brightness = Number(event.target?.value);
brightnessChange(lamp, brightness);
}, 300);
}
</script>

10
frontend/src/lib/router/routes/Home.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import Lamp from "../../components/Lamp.svelte";
import { GetLamps } from "$wails/main/App";
import { GetLamps, SetLampBrightness } from "$wails/main/App";
let lamps: number[] = [0, 0];
GetLamps().then(apilamps => {
@@ -10,14 +10,14 @@
}
});
function handleBrightnessChange(brightness: number) {
console.log(brightness);
function handleBrightnessChange(lamp: number, brightness: number) {
SetLampBrightness(lamp, brightness);
}
</script>
<template>
<div class="flex flex-row justify-center items-center">
<Lamp brightness={lamps[0]} brightnessChange={handleBrightnessChange} />
<Lamp brightness={lamps[1]} brightnessChange={handleBrightnessChange} />
<Lamp lamp={1} brightness={lamps[0]} brightnessChange={handleBrightnessChange} />
<Lamp lamp={2} brightness={lamps[1]} brightnessChange={handleBrightnessChange} />
</div>
</template>