FaSTTUBe/charger-display-svelte
51
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

small styling changes

Browse Source
This commit is contained in:
Karlsson Winkels
2024-07-25 10:51:39 +02:00
parent 333939df87
commit 826318652d
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/routes/slave-status-display.svelte
View File

@ -11,10 +11,10 @@
<h2><b>Slave #{id}</b></h2> <h2><b>Slave #{id}</b></h2>
<div class="log-collumn"> <div class="log-collumn">
<div class="log-entry"><div>Error:</div><div>{status.error}</div></div> <div class="log-entry"><div>Error:</div><div><b>{status.error}</b></div></div>
<div class="log-entry"><div>Min. cell voltage:</div><div>{Math.round(status.minCellVolt*100)/100}V</div></div> <div class="log-entry"><div>Min. cell voltage:</div><div><b>{Math.round(status.minCellVolt*100)/100}V</b></div></div>
<div class="log-entry"><div>Max. cell voltage:</div><div>{Math.round(status.maxCellVolt*100)/100}V</div></div> <div class="log-entry"><div>Max. cell voltage:</div><div><b>{Math.round(status.maxCellVolt*100)/100}V</b></div></div>
<div class="log-entry"><div>Max. temperature:</div><div>{Math.round(status.maxTemp*100)/100}°</div></div> <div class="log-entry"><div>Max. temperature:</div><div><b>{Math.round(status.maxTemp*100)/100}°</b></div></div>
<!-- <div>SoC</div> <!-- <div>SoC</div>
<div>{status.soc}</div> --> <div>{status.soc}</div> -->
<!-- <div>Failed temperature sensors</div> <!-- <div>Failed temperature sensors</div>
@ -26,14 +26,14 @@
{#each logData.voltages as volt, i} {#each logData.voltages as volt, i}
{#if i < 15} {#if i < 15}
<div class="log-entry" style:--hue={Math.max(((volt-2.5)*70.5), 0)}> <div class="log-entry" style:--hue={Math.max(((volt-2.5)*70.5), 0)}>
<div>V{i}:</div><div>{Math.round(volt*100)/100}V</div> <div>V{i}:</div><div><b>{Math.round(volt*100)/100}V</b></div>
</div> </div>
{/if} {/if}
{/each} {/each}
{#each logData.temperatures as temp, i} {#each logData.temperatures as temp, i}
{#if i > 33 && i < 44} {#if i > 33 && i < 44}
<div class="log-entry" style:--hue={180-(temp*3)}> <div class="log-entry" style:--hue={210-(temp*3.5)}>
<div>T{i}:</div><div>{temp}°</div> <div>T{i}:</div><div><b>{temp}°</b></div>
</div> </div>
{/if} {/if}
{/each} {/each}