Hallo liebe Spezialisten,
ich möchte in VIS den Batteriestand meiner Bewegungsmelder und Taster überwachen. Ich habe eine Tabelle erstellt, die mir die Werte der jeweiligen Datenpunkte wiedergibt. Jetzt möchte ich den Zustand noch besser sichtbar machen, indem die Zelle, in welcher der Wert steht, je nach Wert farbig ist (1-10 = rot, 10-20 = gelb, 20 - 100 grün). Könnt ihr mir helfen?
html-code:
Spoiler
<style type="text/css">
#{wid} .tg {
border-collapse:collapse;border-spacing:0;
}
#{wid} .tg td{
font-family:Arial, sans-serif;font-size:7px;padding:2px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;
}
#{wid} .tg th{
font-family:Arial, sans-serif;font-size:7px;font-weight:normal;padding:7px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;
}
#{wid} .tg .tg-srqd{
font-size:9px;background-color:#ffccc9
}
#{wid} .tg .tg-a1rn{
background-color:#ffffc7
}
#{wid} .tg .tg-ezsn{
font-size:10px;background-color:#ffccc9;color:#000000;width:25;
}
#{wid} .tg .tg-vzae{
font-size:8px;background-color:#fffc9e;
}
</style>
<table class="tg">
<tr>
<th class="tg-ezsn">Bereich</th>
<th class="tg-ezsn">Gerät</th>
<th class="tg-ezsn">Kapazität</th>
<th class="tg-ezsn">Status</th>
<th class="tg-srqd">Batterie</th>
</tr>
<tr>
<td class="tg-vzae">Küche</td>
<td class="tg-a1rn">Bewegungsmelder</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{deconz.0.Sensors.23.battery} %</td>
<td class="tg-a1rn">2x CR2032</td>
</tr>
<tr>
<td class="tg-vzae">Flur unten</td>
<td class="tg-a1rn">Bewegungsmelder</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{hue.0.Bewegungssensor_Iobroker.battery} %</td>
<td class="tg-a1rn">2x AAA</td>
</tr>
<tr>
<td class="tg-vzae"></td>
<td class="tg-a1rn">Taster</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{hue.0.Dimmer_Flur.battery} %</td>
<td class="tg-a1rn">1x CR2450</td>
</tr>
<tr>
<td class="tg-vzae">Wohnzimmer</td>
<td class="tg-a1rn">Taster</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{hue.0.Dimmer_Wohnzimmer.battery} %</td>
<td class="tg-a1rn">1x CR2450</td>
</tr>
<tr>
<td class="tg-vzae">Hauseingang</td>
<td class="tg-a1rn">Bewegungsmelder</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn"></td>
</tr>
<tr>
<td class="tg-vzae">Flur oben</td>
<td class="tg-a1rn">Bewegungsmelder</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{hue.0.Bewegungssensor_Flur_oben.battery} %</td>
<td class="tg-a1rn">2x AAA</td>
</tr>
<tr>
<td class="tg-vzae"></td>
<td class="tg-a1rn">Taster</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{deconz.0.Sensors.8.battery} %</td>
<td class="tg-a1rn">1x CR2032</td>
</tr>
<tr>
<td class="tg-vzae">Bad</td>
<td class="tg-a1rn">Taster</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{hue.0.Dimmer_Bad.battery} %</td>
<td class="tg-a1rn">1x CR2450</td>
</tr>
<tr>
<td class="tg-vzae">Zimmer Vince</td>
<td class="tg-a1rn">Taster</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{deconz.0.Sensors.9.battery} %</td>
<td class="tg-a1rn">1x CR2032</td>
</tr>
<tr>
<td class="tg-vzae">Schlafzimmer</td>
<td class="tg-a1rn">Taster (Tür)</td>
<td class="tg-a1rn"></td>
<td class="tg-a1rn">{hue.0.Dimmer_Schlafzimmer.battery} %</td>
<td class="tg-a1rn">1x CR2450</td>
</tr>
</tr>
</table>
Ausgabe:
Die Zellen in der Spalte "Status" sollen, je nach Wert, farbig sein.
Ich würde mich sehr freuen, wenn ihr mir helfen könntet!