btclock/webui-ng
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Lint fixes, add forgejo workflow and e2e tests
Some checks failed
/ check-changes (push) Successful in 7s
Details
/ build (push) Failing after 1m18s
Details

Browse source
This commit is contained in:
Djuri 2025-05-03 18:45:32 +02:00
parent af2f593fb8
commit 5917713b0d
Signed by: djuri
GPG key ID: 61B9B2DDE5AA3AC1
39 changed files with 1666 additions and 1506 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/lib/components/sections/ControlSection.svelte
View file

@ -3,11 +3,11 @@
import { CardContainer, InputField, Toggle } from '$lib/components';
import { settings, status } from '$lib/stores';
import { onDestroy } from 'svelte';
import {
setCustomText,
setLEDcolor,
turnOffLeds,
restartClock,
import {
setCustomText,
setLEDcolor,
turnOffLeds,
restartClock,
forceFullRefresh,
generateRandomColor,
flashFrontlight,
@ -17,10 +17,10 @@
import type { LedStatus } from '$lib/types';
let ledStatus = $state<LedStatus[]>([
{hex: '#000000'},
{hex: '#000000'},
{hex: '#000000'},
{hex: '#000000'}
{ hex: '#000000' },
{ hex: '#000000' },
{ hex: '#000000' },
{ hex: '#000000' }
]);
let customText = $state('');
let keepLedsSameColor = $state(false);
@ -28,7 +28,7 @@
const checkSyncLeds = (e: Event) => {
if (keepLedsSameColor && e.target instanceof HTMLInputElement) {
const targetValue = e.target.value;
ledStatus.forEach((element, i) => {
if (ledStatus[i].hex != targetValue) {
ledStatus[i].hex = targetValue;
@ -81,19 +81,21 @@
<div class="flex justify-between gap-2">
<div class="mb-4 flex flex-wrap gap-2">
{#if ledStatus.length > 0}
{#each ledStatus as led}
{#each ledStatus as led (led)}
<input
type="color"
class="btn btn-square"
bind:value={led.hex}
onchange={checkSyncLeds}
/>
{/each}
/>
{/each}
{/if}
<Toggle label={m['sections.control.keepSameColor']()} bind:checked={keepLedsSameColor} />
</div>
<div class="flex gap-2">
<button class="btn btn-secondary" onclick={turnOffLeds}>{m['section.control.turnOff']()}</button>
<button class="btn btn-secondary" onclick={turnOffLeds}
>{m['section.control.turnOff']()}</button
>
<button class="btn btn-primary" onclick={() => setLEDcolor(ledStatus)}
>{m['section.control.setColor']()}</button
>
@ -102,19 +104,24 @@
</div>
{#if $settings.hasFrontlight && !$settings.flDisable}
<div>
<h3 class="mb-2 font-medium">{m['section.control.frontlight']()}</h3>
<div class="flex gap-2 justify-end">
<button class="btn btn-secondary" onclick={() => turnOnFrontlight()}>{m['section.control.turnOn']()}</button>
<button class="btn btn-primary" onclick={() => turnOffFrontlight()}>{m['section.control.turnOff']()}</button>
<button class="btn btn-accent" onclick={() => flashFrontlight()}>{m['section.control.flashFrontlight']()}</button>
<div>
<h3 class="mb-2 font-medium">{m['section.control.frontlight']()}</h3>
<div class="flex justify-end gap-2">
<button class="btn btn-secondary" onclick={() => turnOnFrontlight()}
>{m['section.control.turnOn']()}</button
>
<button class="btn btn-primary" onclick={() => turnOffFrontlight()}
>{m['section.control.turnOff']()}</button
>
<button class="btn btn-accent" onclick={() => flashFrontlight()}
>{m['section.control.flashFrontlight']()}</button
>
</div>
</div>
</div>
{/if}
<div>
<h3 class="mb-2 font-medium">{m['section.control.title']()}</h3>
<div class="flex gap-2 justify-end">
<div class="flex justify-end gap-2">
<button class="btn btn-error" onclick={restartClock}>{m['button.restart']()}</button>
<button class="btn" onclick={forceFullRefresh}>{m['button.forceFullRefresh']()}</button>
</div>