🎨 format

2025-10-11 10:42:32 +02:00
parent 4d51b9f556
commit 91a7b170fe
139 changed files with 6645 additions and 6317 deletions
@@ -1,99 +1,107 @@
 <script lang="ts">
-  import { Cancel, Edit, EditOff, Power } from '$lib/components/icons'
-  import { socket } from '$lib/stores'
-  import { MessageTopic, type PeripheralsConfiguration } from '$lib/types/models'
-  import { onMount } from 'svelte'
-  import { modals } from 'svelte-modals'
-  import ConfirmDialog from '$lib/components/ConfirmDialog.svelte'
+    import { Cancel, Edit, EditOff, Power } from '$lib/components/icons'
+    import { socket } from '$lib/stores'
+    import { MessageTopic, type PeripheralsConfiguration } from '$lib/types/models'
+    import { onMount } from 'svelte'
+    import { modals } from 'svelte-modals'
+    import ConfirmDialog from '$lib/components/ConfirmDialog.svelte'

-  let settings: PeripheralsConfiguration | null = $state(null)
-  let isEditing = $state(false)
+    let settings: PeripheralsConfiguration | null = $state(null)
+    let isEditing = $state(false)

-  onMount(() => {
-    socket.on(MessageTopic.peripheralSettings, handleSettings)
-    socket.sendEvent(MessageTopic.peripheralSettings, '')
-    return () => socket.off(MessageTopic.peripheralSettings, handleSettings)
-  })
-
-  const handleSettings = (data: any) => {
-    settings = data
-  }
-
-  const handleSave = () => {
-    modals.open(ConfirmDialog, {
-      title: 'Confirm configuration',
-      message:
-        'Are you sure you want to save this configuration? The operation cannot be undone. Please make sure you have the correct settings.',
-      labels: {
-        cancel: { label: 'Cancel', icon: Cancel },
-        confirm: { label: 'Confirm', icon: Power }
-      },
-      onConfirm: () => {
-        modals.close()
-        socket.sendEvent(MessageTopic.peripheralSettings, settings)
-      }
+    onMount(() => {
+        socket.on(MessageTopic.peripheralSettings, handleSettings)
+        socket.sendEvent(MessageTopic.peripheralSettings, '')
+        return () => socket.off(MessageTopic.peripheralSettings, handleSettings)
    })
-  }

-  const Icon = $derived(isEditing ? EditOff : Edit)
+    const handleSettings = (data: any) => {
+        settings = data
+    }
+
+    const handleSave = () => {
+        modals.open(ConfirmDialog, {
+            title: 'Confirm configuration',
+            message:
+                'Are you sure you want to save this configuration? The operation cannot be undone. Please make sure you have the correct settings.',
+            labels: {
+                cancel: { label: 'Cancel', icon: Cancel },
+                confirm: { label: 'Confirm', icon: Power }
+            },
+            onConfirm: () => {
+                modals.close()
+                socket.sendEvent(MessageTopic.peripheralSettings, settings)
+            }
+        })
+    }
+
+    const Icon = $derived(isEditing ? EditOff : Edit)
 </script>

 {#if settings}
-  <div class="collapse bg-base-100 border-base-300 border">
-    <input type="checkbox" />
-    <div class="collapse-title font-semibold">Configuration</div>
-    <div class="collapse-content text-sm">
-      <div class="flex flex-col gap-2">
-        <label for="sda" class="input validator">
-          SDA
+    <div class="collapse bg-base-100 border-base-300 border">
+        <input type="checkbox" />
+        <div class="collapse-title font-semibold">Configuration</div>
+        <div class="collapse-content text-sm">
+            <div class="flex flex-col gap-2">
+                <label for="sda" class="input validator">
+                    SDA

-          <input
-            id="sda"
-            type="number"
-            required
-            placeholder="Type a number between 1 to 48"
-            min="0"
-            max="48"
-            title="SDA pin number (0-48)"
-            disabled={!isEditing}
-            bind:value={settings.sda} />
-        </label>
-        <label for="scl" class="input validator">
-          SCL
+                    <input
+                        id="sda"
+                        type="number"
+                        required
+                        placeholder="Type a number between 1 to 48"
+                        min="0"
+                        max="48"
+                        title="SDA pin number (0-48)"
+                        disabled={!isEditing}
+                        bind:value={settings.sda}
+                    />
+                </label>
+                <label for="scl" class="input validator">
+                    SCL

-          <input
-            id="scl"
-            type="number"
-            required
-            placeholder="Type a number between 1 to 48"
-            min="1"
-            max="48"
-            title="SCL pin number (0-48)"
-            disabled={!isEditing}
-            bind:value={settings.scl} />
-        </label>
-        <label class="input validator" for="frequency">
-          Frequency
-          <input
-            id="frequency"
-            type="number"
-            required
-            placeholder="Type a number between 100000 to 430000"
-            min="100000"
-            max="430000"
-            title="I2C frequency in Hz"
-            disabled={!isEditing}
-            bind:value={settings.frequency} />
-        </label>
-        <div>
-          <button class="btn btn-outline btn-primary" onclick={() => (isEditing = !isEditing)}>
-            <Icon class="h-6 w-6" />
-          </button>
-          {#if isEditing}
-            <button class="btn btn-outline btn-primary" onclick={handleSave}>Save</button>
-          {/if}
+                    <input
+                        id="scl"
+                        type="number"
+                        required
+                        placeholder="Type a number between 1 to 48"
+                        min="1"
+                        max="48"
+                        title="SCL pin number (0-48)"
+                        disabled={!isEditing}
+                        bind:value={settings.scl}
+                    />
+                </label>
+                <label class="input validator" for="frequency">
+                    Frequency
+                    <input
+                        id="frequency"
+                        type="number"
+                        required
+                        placeholder="Type a number between 100000 to 430000"
+                        min="100000"
+                        max="430000"
+                        title="I2C frequency in Hz"
+                        disabled={!isEditing}
+                        bind:value={settings.frequency}
+                    />
+                </label>
+                <div>
+                    <button
+                        class="btn btn-outline btn-primary"
+                        onclick={() => (isEditing = !isEditing)}
+                    >
+                        <Icon class="h-6 w-6" />
+                    </button>
+                    {#if isEditing}
+                        <button class="btn btn-outline btn-primary" onclick={handleSave}
+                            >Save</button
+                        >
+                    {/if}
+                </div>
+            </div>
        </div>
-      </div>
    </div>
-  </div>
 {/if}