49 lines
1.5 KiB
HTML
49 lines
1.5 KiB
HTML
<style>
|
|
.powerflexkey {
|
|
min-width: 150px;
|
|
}
|
|
.powerflexvalue {
|
|
text-wrap: nowrap;
|
|
flex-grow: 1;
|
|
}
|
|
</style>
|
|
|
|
<div class="flexcontainer">
|
|
<div class="subtitle">
|
|
Battery:
|
|
</div>
|
|
<input id="battery_auto_refresh" type="checkbox">⟳
|
|
</div>
|
|
|
|
<div class="flexcontainer">
|
|
<span class="powerflexkey">V:</span>
|
|
<span class="powerflexvalue" id="battery_voltage_milli_volt"></span>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<span class="powerflexkey">mA:</span>
|
|
<span class="powerflexvalue" id="battery_current_milli_ampere" ></span>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<span class="powerflexkey">Cycles:</span>
|
|
<span class="powerflexvalue" id="battery_cycle_count" ></span>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<span class="powerflexkey">design mA:</span>
|
|
<span class="powerflexvalue" id="battery_design_milli_ampere" ></span>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<span class="powerflexkey">remaining mA:</span>
|
|
<span class="powerflexvalue" id="battery_remaining_milli_ampere" ></span>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<span class="powerflexkey">charge %:</span>
|
|
<span class="powerflexvalue" id="battery_state_of_charge" ></span>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<span class="powerflexkey">health %:</span>
|
|
<span class="powerflexvalue" id="battery_state_of_health" ></span>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<span class="powerflexkey">Temp °C:</span>
|
|
<span class="powerflexvalue" id="battery_temperature" ></span>
|
|
</div> |