Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/SantaClaas/embedded-fan-control.
Something went wrong. Try again.
1.3 kB · 53 lines
Svelte
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<script lang="ts"> import Register from "./Register.svelte"; import type { Device } from "./modbus";
export let device: Device;
export let disabled: boolean;
const countInputRegisters = Object.keys(device.inputRegisters).length, countHoldingRegisters = Object.keys(device.holdingRegisters).length;</script>
{#if countInputRegisters} <fieldset class="input-registers" {disabled}> <legend>Input registers</legend> {#each Object.entries(device.inputRegisters) as [label, register]} <Register bind:disabled {register} {label} /> {/each} </fieldset>{/if}
{#if countHoldingRegisters} <fieldset class="holding-registers" {disabled}> <legend>Holding registers</legend> {#each Object.entries(device.holdingRegisters) as [label, register]} <Register bind:disabled {register} {label} /> {/each} </fieldset>{/if}
{#if !countInputRegisters && !countInputRegisters} <p>No registers defined for this device</p>{/if}
<style> fieldset { display: grid; gap: 1rem; }
fieldset.input-registers { grid-template-columns: repeat(3, auto); }
fieldset.holding-registers { grid-template-columns: repeat(4, auto);
& span { grid-column: 1 / 5; /* margin-block: 0; */ } }</style>