Home Assistant Lovelace UI cards

[dr3amr]

Note: I will be updating this post if there are modifications to the cards along the way.
Note2: @syssi's example has "substitutions: name: jk-bms" while I used "substitutions: name: bms-bt-monitor" (for sensor names), so in order to use the cards, one needs to do a replace-all from "bms-bt-monitor" to own used substitution name.

Hi all and @syssi

@syssi if you want you can embed the code to README.md

Just sharing my work on adding similar jkbms app graphics to HA:

Code bellow, requires Stack In Card by @RomRider => https://github.com/custom-cards/stack-in-card + markdown card (included with HA)

Top card:

type: custom:stack-in-card
keep:
  margin: false
  box_shadow: false
  background: false
cards:
  - type: grid
    square: false
    columns: 1
    cards:
      - type: markdown
        content: >-
          <center>Time:&nbsp;<b><font color=#3090C7>{{
          states('sensor.bms_bt_monitor_total_runtime_formatted') | upper
          }}</font>
  - type: grid
    square: false
    columns: 3
    cards:
      - type: markdown
        content: >-
          <center>Charge:&nbsp;<b>{% if states('switch.bms_bt_monitor_charging')
          == 'on' %} <font color=#41CD52>{{
          states('switch.bms_bt_monitor_charging') | upper }}</font> {% else %}
          <font color=red>{{ states('switch.bms_bt_monitor_charging') | upper
          }}</font> {% endif %} 
      - type: markdown
        content: >-
          <center>Discharge:&nbsp;<b> {% if
          states('switch.bms_bt_monitor_discharging') == 'on' %} <font
          color=#41CD52>{{ states('switch.bms_bt_monitor_discharging') | upper
          }}</font> {% else %} <font color=red>{{
          states('switch.bms_bt_monitor_discharging') | upper }}</font> {% endif
          %} 
      - type: markdown
        content: >-
          <center>Balance:&nbsp;<b> {% if
          states('switch.bms_bt_monitor_balancer') == 'on' %} <font
          color=#41CD52>{{ states('switch.bms_bt_monitor_balancer') | upper
          }}</font> {% else %} <font color=red>{{
          states('switch.bms_bt_monitor_balancer') | upper }}</font> {% endif
          %} 

Stats card:

type: custom:stack-in-card
keep:
  margin: false
  box_shadow: false
  background: false
cards:
  - type: grid
    square: false
    columns: 2
    cards:
      - type: markdown
        content: >-
          <center><b><font color=#41CD52 size=6>{{
          states('sensor.bms_bt_monitor_total_voltage') }} V</font></b><br>
          Battery Power:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_power') }} W</font><br> Battery
          Capacity:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_total_battery_capacity_setting') }}
          Ah</font><br> Cycle Capacity:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_total_charging_cycle_capacity') }}
          Ah</font><br> Ave. Cell Vol.:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_average_cell_voltage') }} V</font><br>
          Balance Cur.:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_balancing_current') }} A</font><br>
          Battery T1:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_temperature_sensor_1') }} °C</font>
      - type: markdown
        content: >-
          <center><b><font color=#41CD52 size=6>{{
          states('sensor.bms_bt_monitor_current') }} A</font></b><br> Remain
          Battery:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_state_of_charge') }} %</font><br> Remain
          Capacity:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_capacity_remaining') }} Ah</font><br>
          Cycle Count:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_charging_cycles') }}</font><br> Delta
          Cell Vol.:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_delta_cell_voltage') }} V</font><br> MOS
          Temp.:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_power_tube_temperature') }}
          °C</font><br> Battery T2:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.bms_bt_monitor_temperature_sensor_2') }} °C</font>

Cells card:

type: custom:stack-in-card
keep:
  margin: false
  box_shadow: false
  background: false
cards:
  - type: grid
    square: false
    columns: 1
    cards:
      - type: markdown
        content: <center><b>Cells
  - type: grid
    square: false
    columns: 2
    cards:
      - type: markdown
        content: >-
          <center>01.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '1' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_1') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '1' %}  <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_1') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_1') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_1') }} Ω <br>
          02.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '2' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_2') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '2' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_2') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_2') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_2') }} Ω <br>
          03.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '3' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_3') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '3' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_3') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_3') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_3') }} Ω <br>
          04.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '4' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_4') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '4' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_4') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_4') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_4') }} Ω <br>
          05.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '5' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_5') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '5' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_5') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_5') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_5') }} Ω <br>
          06.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '6' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_6') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '6' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_6') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_6') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_6') }} Ω <br>
          07.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '7' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_7') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '7' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_7') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_7') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_7') }} Ω <br>
          08.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '8' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_8') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '8' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_8') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_8') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_8') }} Ω <br></center>
      - type: markdown
        content: >-
          <center>09.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '9' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_9') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '9' %}  <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_9') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_9') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_9') }} Ω <br>
          10.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '10' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_10') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '10' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_10') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_10') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_10') }} Ω <br>
          11.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '11' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_11') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '11' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_11') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_11') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_11') }} Ω <br>
          12.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '12' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_12') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '12' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_12') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_12') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_12') }} Ω <br>
          13.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '13' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_13') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '13' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_13') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_13') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_13') }} Ω <br>
          14.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '14' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_14') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '14' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_14') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_14') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_14') }} Ω <br>
          15.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '15' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_15') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '15' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_15') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_15') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_15') }} Ω <br>
          16.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.bms_bt_monitor_max_voltage_cell') == '16' %}  <font
          color="#3090C7">{{ states('sensor.bms_bt_monitor_cell_voltage_16') }}
          V</font> {% elif states('sensor.bms_bt_monitor_min_voltage_cell') ==
          '16' %} <font color="red">{{
          states('sensor.bms_bt_monitor_cell_voltage_16') }} V</font> {% else %}
          {{ states('sensor.bms_bt_monitor_cell_voltage_16') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.bms_bt_monitor_cell_resistance_16') }} Ω <br></center>

Control card:

type: entities
entities:
  - entity: switch.bms_bt_monitor_balancer
    name: Balancer
  - entity: switch.bms_bt_monitor_charging
    name: Charging
  - entity: switch.bms_bt_monitor_discharging
    name: Discharging
show_header_toggle: false

[syssi]

Good job! Could you try to convert your Lovelace configuration into a blueprint?

[dr3amr]

My experience with blueprints end at just using them. Never created one, but as far as I know they can be used in Automations, could they be used to create UI content ?

[syssi]

I'm unhappy about the hardcoded entity ids. It's hard to explain how to adjust your example. At blueprints variables are available and entities can be assigned "easily". I must admit I don't have much experience with blueprints too. If there are no low hanging fruits let's merge your example as it is.

[dr3amr]

Difference in entity naming is that your example has "substitutions: name: jk-bms" while I used "substitutions: name: bms-bt-monitor". Have not modified anything else. I know it would have been easier to choose entity names in UI, have not found a way to style the interface same as jkbms one without using this markdown card with custom code (part JS part HTML). Not that familiar with card-mod yet and CSS styling.
If you want to modify my code, you can do a "rename all", from one name to other to be consistent.

[austin202220]

This is great and I'm using, thanks for sharing @dr3amr

[dr3amr]

@austin202220 Thanks. Had all information there and enjoying that I can add all information in HA, but had no proper interface to present all data from BMS, and thought of doing the UI for myself, and if other can benefit from my ~3h work ... why not.

[syssi]

Your contribution is mentioned at the Goodie section now! :-) Thanks for your support!

https://github.com/syssi/esphome-jk-bms/tree/add-googie-section#goodies

[dr3amr]

Hi @syssi , saw the notification. Hope it is a useful contribution. Thank you for your work also.

[syssi]

It's pretty helpful because every now and then a user asks about "how to visualize the balancing".

[jcastro]

Hi! I tweaked the code so it works by default with your naming @syssi

Top card

type: custom:stack-in-card
keep:
  margin: false
  box_shadow: false
  background: false
cards:
  - type: grid
    square: false
    columns: 1
    cards:
      - type: markdown
        content: >-
          <center>Time:&nbsp;<b><font color=#3090C7>{{
          states('sensor.jk_bms_total_runtime_formatted') | upper }}</font>
  - type: grid
    square: false
    columns: 3
    cards:
      - type: markdown
        content: >-
          <center>Charge:&nbsp;<b>{% if states('switch.jk_bms_charging') == 'on'
          %} <font color=#41CD52>{{ states('switch.jk_bms_charging') | upper
          }}</font> {% else %} <font color=red>{{
          states('switch.jk_bms_charging') | upper }}</font> {% endif %} 
      - type: markdown
        content: >-
          <center>Discharge:&nbsp;<b> {% if states('switch.jk_bms_discharging')
          == 'on' %} <font color=#41CD52>{{ states('switch.jk_bms_discharging')
          | upper }}</font> {% else %} <font color=red>{{
          states('switch.jk_bms_discharging') | upper }}</font> {% endif %} 
      - type: markdown
        content: >-
          <center>Balance:&nbsp;<b> {% if states('switch.jk_bms_balancer') ==
          'on' %} <font color=#41CD52>{{ states('switch.jk_bms_balancer') |
          upper }}</font> {% else %} <font color=red>{{
          states('switch.jk_bms_balancer') | upper }}</font> {% endif %} 

Stats card

type: custom:stack-in-card
keep:
  margin: false
  box_shadow: false
  background: false
cards:
  - type: grid
    square: false
    columns: 2
    cards:
      - type: markdown
        content: >-
          <center><b><font color=#41CD52 size=6>{{
          states('sensor.jk_bms_total_voltage') }} V</font></b><br> Battery
          Power:&nbsp;&nbsp;<font color=#41CD52>{{ states('sensor.jk_bms_power')
          }} W</font><br> Battery Capacity:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_total_battery_capacity_setting') }}
          Ah</font><br> Cycle Capacity:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_total_charging_cycle_capacity') }} Ah</font><br>
          Ave. Cell Vol.:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_average_cell_voltage') }} V</font><br> Balance
          Cur.:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_balancing_current') }} A</font><br> Battery
          T1:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_temperature_sensor_1') }} °C</font>
      - type: markdown
        content: >-
          <center><b><font color=#41CD52 size=6>{{
          states('sensor.jk_bms_current') }} A</font></b><br> Remain
          Battery:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_state_of_charge') }} %</font><br> Remain
          Capacity:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_capacity_remaining') }} Ah</font><br> Cycle
          Count:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_charging_cycles') }}</font><br> Delta Cell
          Vol.:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_delta_cell_voltage') }} V</font><br> MOS
          Temp.:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_power_tube_temperature') }} °C</font><br>
          Battery T2:&nbsp;&nbsp;<font color=#41CD52>{{
          states('sensor.jk_bms_temperature_sensor_2') }} °C</font>

Cells card

type: custom:stack-in-card
keep:
  margin: false
  box_shadow: false
  background: false
cards:
  - type: grid
    square: false
    columns: 1
    cards:
      - type: markdown
        content: <center><b>Cells
  - type: grid
    square: false
    columns: 2
    cards:
      - type: markdown
        content: >-
          <center>01.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.jk_bms_max_voltage_cell') == '1' %}  <font
          color="#3090C7">{{ states('sensor.jk_bms_cell_voltage_1') }} V</font>
          {% elif states('sensor.jk_bms_min_voltage_cell') == '1' %}  <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_1') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_1') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_1') }} Ω <br>
          02.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '2' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_2') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '2' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_2') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_2') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_2') }} Ω <br>
          03.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '3' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_3') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '3' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_3') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_3') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_3') }} Ω <br>
          04.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '4' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_4') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '4' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_4') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_4') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_4') }} Ω <br>
          05.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '5' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_5') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '5' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_5') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_5') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_5') }} Ω <br>
          06.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '6' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_6') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '6' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_6') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_6') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_6') }} Ω <br>
          07.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '7' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_7') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '7' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_7') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_7') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_7') }} Ω <br>
          08.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '8' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_8') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '8' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_8') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_8') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_8') }} Ω <br></center>
      - type: markdown
        content: >-
          <center>09.&nbsp;&nbsp;&nbsp; {% if
          states('sensor.jk_bms_max_voltage_cell') == '9' %}  <font
          color="#3090C7">{{ states('sensor.jk_bms_cell_voltage_9') }} V</font>
          {% elif states('sensor.jk_bms_min_voltage_cell') == '9' %}  <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_9') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_9') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_9') }} Ω <br>
          10.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '10' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_10') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '10' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_10') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_10') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_10') }} Ω <br>
          11.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '11' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_11') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '11' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_11') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_11') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_11') }} Ω <br>
          12.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '12' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_12') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '12' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_12') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_12') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_12') }} Ω <br>
          13.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '13' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_13') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '13' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_13') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_13') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_13') }} Ω <br>
          14.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '14' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_14') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '14' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_14') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_14') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_14') }} Ω <br>
          15.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '15' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_15') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '15' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_15') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_15') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_15') }} Ω <br>
          16.&nbsp;&nbsp;&nbsp; {% if states('sensor.jk_bms_max_voltage_cell')
          == '16' %}  <font color="#3090C7">{{
          states('sensor.jk_bms_cell_voltage_16') }} V</font> {% elif
          states('sensor.jk_bms_min_voltage_cell') == '16' %} <font
          color="red">{{ states('sensor.jk_bms_cell_voltage_16') }} V</font> {%
          else %} {{ states('sensor.jk_bms_cell_voltage_16') }} V {% endif %}
          &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; {{
          states('sensor.jk_bms_cell_resistance_16') }} Ω <br></center>

Control card

type: entities
entities:
  - entity: switch.jk_bms_balancer
    name: Balancer
  - entity: switch.jk_bms_charging
    name: Charging
  - entity: switch.jk_bms_discharging
    name: Discharging
show_header_toggle: false

[dominikandreas]

Thanks for these contributions everyone! Here's my version with the following changes:

• adjusted padding for better display on my mobile device
• fix for remaining capacity (percentage and absolute)
• try to vertically align the various sensor readings in the 2nd card (could probably still be improved)
• used mΩ for resistance
• less templating code using jinja for loops
• everything inside one vertical stack
• some renaming and other minor changes here and there

type: vertical-stack
cards:
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
    cards:
      - type: custom:stack-in-card
        columns: 1
        cards:
          - type: markdown
            content: |-
              <center>Time:&nbsp;<b><font color=#3090C7>{{
                states('sensor.jk_bms_total_runtime_formatted') | upper }}</font>
          - type: markdown
            content: >-

              <center>Charge:&nbsp; <b> {% if states('switch.jk_bms_charging')
              == 'on' %} <font color=#41CD52>{{ states('switch.jk_bms_charging')
              | upper }}</font> {% else %} <font color=red>{{
              states('switch.jk_bms_charging') | upper }}</font> {% endif %}
              </b> {{'&nbsp;' * 5 }}

              Discharge:&nbsp;<b> {% if states('switch.jk_bms_discharging') ==
              'on' %} <font color=#41CD52>{{ states('switch.jk_bms_discharging')
              | upper }}</font> {% else %} <font color=red> {{
              states('switch.jk_bms_discharging') | upper }} </font> {% endif %}
              </b>

              {{'&nbsp;' * 5 }} Balance:<b> {% if
              states('switch.jk_bms_balancer') == 'on' %} <font color=#41CD52>{{
              states('switch.jk_bms_balancer') | upper }}</font> {% else %}
              <font color=red>{{ states('switch.jk_bms_balancer') | upper
              }}</font> {% endif %} 
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: false
    cards:
      - type: custom:stack-in-card
        margin: false
        columns: 2
        mode: horizontal
        cards:
          - type: markdown
            content: >-
              <center><b><font color=#41CD52 size=6>{{
              states('sensor.jk_bms_total_voltage') }} V</font></b><br>
              </center>  {% macro pad_right(w, s) %} {{ s }} {% set slen =  w -
              (s|length) %} 
                {% for idx in range(slen)%} &nbsp; {%endfor %}
              {%- endmacro %} 

              {% macro green(s) %} <font color=#41CD52 size=2 family=Consolas>
              {{ s }} </font> {%- endmacro %}

              <div>  {{ pad_right(14, "Power Draw:") -}}   {% set power =
              states('sensor.jk_bms_power') | int %} {{ green('%d' % power + '
              W') }}<br>  {{ pad_right(16, "Total Capacity:") -}}   {{
              green(states('sensor.jk_bms_total_battery_capacity_setting') + "
              Ah") }}<br>  {{ pad_right(16, 'Cycle Capacity:') }}   {{
              green(states('sensor.jk_bms_total_charging_cycle_capacity')  + "
              Ah") }}<br>  {{ pad_right(16, 'Avg Cell V:') }}   {{
              green(states('sensor.jk_bms_average_cell_voltage') + ' V') }}
              <br>  {{ pad_right(16, 'Balance Curr:') }}   {{
              green(states('sensor.jk_bms_balancing_current') + ' A') }}<br>  {{
              pad_right(16, 'Battery T1:') }}   {{
              green(states('sensor.jk_bms_temperature_sensor_1') +  ' °C') }}
              </div>
          - type: markdown
            content: >-
              <center><b><font color=#41CD52 size=6>{{
              states('sensor.jk_bms_current') }} A</font></b><br> </center> {%
              macro pad_right(w, s) %}  {{ s }} {% set slen =  w - (s|length) %}
              {% for idx in range(slen)%} &nbsp; {%endfor %} {%- endmacro %} {%
              macro green(s) %} <font color=#41CD52 family=Consolas> {{ s }}
              </font> {%- endmacro %} <div>  {{ pad_right(14, "Remaining:") -}} 
              {{ green(states('sensor.jk_bms_capacity_remaining') + ' %')
              }}<br>    {{ pad_right(15, "Rem. Capacity:") -}}    {{
              green(states('sensor.jk_bms_capacity_remaining_derived') + " Ah")
              }}<br>   {{ pad_right(15, 'Cycle Count:') }}  {{
              green(states('sensor.jk_bms_charging_cycles')  + " Ah") }}<br> {{
              pad_right(16, 'Delta Cell V:') }}  {{
              green(states('sensor.jk_bms_delta_cell_voltage') + ' V') }} <br> 
              {{ pad_right(14, 'MOS  Temp.:') }}  {{
              green(states('sensor.jk_bms_power_tube_temperature') + ' °C')
              }}<br>  {{ pad_right(15, 'Battery T2:') }}  {{
              green(states('sensor.jk_bms_temperature_sensor_2') +  ' °C') }}
              </div>
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: false
    cards:
      - type: grid
        square: false
        columns: 1
        cards:
          - type: markdown
            content: <center><b> Cells </b> </center>
      - type: grid
        square: false
        columns: 2
        cards:
          - type: markdown
            content: >-
              <center> {% for idx in range(1, 9) -%} {%- set min_idx =
              states('sensor.jk_bms_min_voltage_cell') %} {%- set max_idx =
              states('sensor.jk_bms_max_voltage_cell') %} {%- set is_max =
              states('sensor.jk_bms_max_voltage_cell')| int == idx %} {%- set
              is_min = states('sensor.jk_bms_min_voltage_cell')| int == idx %}
              {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d' % idx %}
              {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d' % idx
              %} {%- set cell_volt = states('sensor.jk_bms_cell_voltage_%d' %
              idx) %} {%- set cell_resistance =
              states('sensor.jk_bms_cell_resistance_%d' % idx) %} {%- set
              font_start = '<font color="#3090C7">' if is_max else '<font
              color="red">' if is_min else '' %} {%- set font_end = '</font>' if
              is_max or is_min else '' %} {{ "%02d" % idx }}. {{ font_start }}
              {{ cell_volt }} V {{ font_end -}} &nbsp;/&nbsp; {{ cell_resistance
              |float * 1000 }} mΩ  <br>               {% endfor %} </center>
          - type: markdown
            content: >-
              <center>              {% for idx in range(9, 17) -%} {%- set
              min_idx = states('sensor.jk_bms_min_voltage_cell') %} {%- set
              max_idx = states('sensor.jk_bms_max_voltage_cell') %} {%- set
              is_max = states('sensor.jk_bms_max_voltage_cell')| int == idx %}
              {%- set is_min = states('sensor.jk_bms_min_voltage_cell')| int ==
              idx %} {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d' %
              idx %} {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d'
              % idx %} {%- set cell_volt =
              states('sensor.jk_bms_cell_voltage_%d' % idx) %} {%- set
              cell_resistance = states('sensor.jk_bms_cell_resistance_%d' % idx)
              %} {%- set font_start = '<font color="#3090C7">' if is_max else
              '<font color="red">' if is_min else '' %} {%- set font_end =
              '</font>' if is_max or is_min else '' %} {{ "%02d" % idx }}. {{
              font_start }} {{ cell_volt }} V {{ font_end -}} &nbsp;/&nbsp; {{
              cell_resistance |float * 1000 }} mΩ  <br>               {% endfor
              %} </center>
  - type: entities
    entities:
      - entity: switch.jk_bms_charging
        name: Charging
      - entity: switch.jk_bms_discharging
        name: Discharging
      - entity: switch.jk_bms_balancer
        name: Balancing
    show_header_toggle: false

a bit unfortunate that home assistant uglyfies the formatting when you save the configuration, but works and looks nice:

[magnetus26]

hi @dominikandreas,
how did you make stack-in-card to work?
I installed via hacs and dont see it when i try to add a card. if i use custom card i get the following error:

[dominikandreas]

After installing the card via hacs, you need to add the JavaScript module as a dashboard resource. Go to settings -> dashboards -> menu top right -> resources -> add resource. Then use "/local/stack-in-card.js" as the url and select "JavaScript Module" as the type.
Also, don't forget to reboot homeassistant (rebooting core is enough).

[magnetus26]

Perfect.
that solved my issue
thanks
Miguel

[dr3amr]

thank you for the more efficient cells code ;) upgraded to your version, should have gone with for instead of if ... else in the first place 👍 . Converted mΩ to int from float though the zecimal only takes more space, there is no further data added.

[poky]

Thanks for sharing!
However, the Remaining, Rem. Capacity and Cycle Count are mis-placed

Here's the final fixed version:
(I have changed mine to use 8 cells, but can be easily changed to other)

type: vertical-stack
cards:
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
    cards:
      - type: custom:stack-in-card
        columns: 1
        cards:
          - type: markdown
            content: |-
              <center>Time:&nbsp;<b><font color=#3090C7>{{
                states('sensor.jk_bms_total_runtime_formatted') | upper }}</font>
          - type: markdown
            content: >-

              <center>Charge:&nbsp; <b> {% if states('switch.jk_bms_charging')
              == 'on' %} <font color=#41CD52>{{ states('switch.jk_bms_charging')
              | upper }}</font> {% else %} <font color=red>{{
              states('switch.jk_bms_charging') | upper }}</font> {% endif %}
              </b> {{'&nbsp;' * 5 }}

              Discharge:&nbsp;<b> {% if states('switch.jk_bms_discharging') ==
              'on' %} <font color=#41CD52>{{ states('switch.jk_bms_discharging')
              | upper }}</font> {% else %} <font color=red> {{
              states('switch.jk_bms_discharging') | upper }} </font> {% endif %}
              </b>

              {{'&nbsp;' * 5 }} Balance:<b> {% if
              states('switch.jk_bms_balancer') == 'on' %} <font color=#41CD52>{{
              states('switch.jk_bms_balancer') | upper }}</font> {% else %}
              <font color=red>{{ states('switch.jk_bms_balancer') | upper
              }}</font> {% endif %} 
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: false
    cards:
      - type: custom:stack-in-card
        margin: false
        columns: 2
        mode: horizontal
        cards:
          - type: markdown
            content: >-
              <center><b><font color=#41CD52 size=6>{{
              states('sensor.jk_bms_total_voltage') }} V</font></b><br>
              </center>  {% macro pad_right(w, s) %} {{ s }} {% set slen =  w -
              (s|length) %} 
                {% for idx in range(slen)%} &nbsp; {%endfor %}
              {%- endmacro %} 

              {% macro green(s) %} <font color=#41CD52 size=2 family=Consolas>
              {{ s }} </font> {%- endmacro %}

              <div>  {{ pad_right(14, "Power Draw:") -}}   {% set power =
              states('sensor.jk_bms_power') | int %} {{ green('%d' % power + '
              W') }}<br>  {{ pad_right(16, "Total Capacity:") -}}   {{
              green(states('sensor.jk_bms_total_battery_capacity_setting') + "
              Ah") }}<br>  {{ pad_right(16, 'Cycle Capacity:') }}   {{
              green(states('sensor.jk_bms_total_charging_cycle_capacity')  + "
              Ah") }}<br>  {{ pad_right(16, 'Avg Cell V:') }}   {{
              green(states('sensor.jk_bms_average_cell_voltage') + ' V') }}
              <br>  {{ pad_right(16, 'Balance Curr:') }}   {{
              green(states('sensor.jk_bms_balancing_current') + ' A') }}<br>  {{
              pad_right(16, 'Battery T1:') }}   {{
              green(states('sensor.jk_bms_temperature_sensor_1') +  ' °C') }}
              </div>
          - type: markdown
            content: >-
              <center><b><font color=#41CD52 size=6>{{
              states('sensor.jk_bms_current') }} A</font></b><br> </center> {%
              macro pad_right(w, s) %}  {{ s }} {% set slen =  w - (s|length) %}
              {% for idx in range(slen)%} &nbsp; {%endfor %} {%- endmacro %} {%
              macro green(s) %} <font color=#41CD52 family=Consolas> {{ s }}
              </font> {%- endmacro %} <div>  {{ pad_right(14, "Remaining:") -}} 
              {{ green(states('sensor.jk_bms_state_of_charge') + ' %')
              }}<br>    {{ pad_right(15, "Rem. Capacity:") -}}    {{
              green(states('sensor.jk_bms_capacity_remaining') + " Ah")
              }}<br>   {{ pad_right(15, 'Cycle Count:') }}  {{
              green(states('sensor.jk_bms_charging_cycles')) }}<br> {{
              pad_right(16, 'Delta Cell V:') }}  {{
              green(states('sensor.jk_bms_delta_cell_voltage') + ' V') }} <br> 
              {{ pad_right(14, 'MOS  Temp.:') }}  {{
              green(states('sensor.jk_bms_power_tube_temperature') + ' °C')
              }}<br>  {{ pad_right(15, 'Battery T2:') }}  {{
              green(states('sensor.jk_bms_temperature_sensor_2') +  ' °C') }}
              </div>
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: false
    cards:
      - type: grid
        square: false
        columns: 1
        cards:
          - type: markdown
            content: <center><b> Cells </b> </center>
      - type: grid
        square: false
        columns: 2
        cards:
          - type: markdown
            content: >-
              <center> {% for idx in range(1, 5) -%} {%- set min_idx =
              states('sensor.jk_bms_min_voltage_cell') %} {%- set max_idx =
              states('sensor.jk_bms_max_voltage_cell') %} {%- set is_max =
              states('sensor.jk_bms_max_voltage_cell')| int == idx %} {%- set
              is_min = states('sensor.jk_bms_min_voltage_cell')| int == idx %}
              {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d' % idx %}
              {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d' % idx
              %} {%- set cell_volt = states('sensor.jk_bms_cell_voltage_%d' %
              idx) %} {%- set cell_resistance =
              states('sensor.jk_bms_cell_resistance_%d' % idx) %} {%- set
              font_start = '<font color="#3090C7">' if is_max else '<font
              color="red">' if is_min else '' %} {%- set font_end = '</font>' if
              is_max or is_min else '' %} {{ "%02d" % idx }}. {{ font_start }}
              {{ cell_volt }} V {{ font_end -}} &nbsp;/&nbsp; {{ cell_resistance
              |float * 1000 }} mΩ  <br>               {% endfor %} </center>
          - type: markdown
            content: >-
              <center>              {% for idx in range(5, 9) -%} {%- set
              min_idx = states('sensor.jk_bms_min_voltage_cell') %} {%- set
              max_idx = states('sensor.jk_bms_max_voltage_cell') %} {%- set
              is_max = states('sensor.jk_bms_max_voltage_cell')| int == idx %}
              {%- set is_min = states('sensor.jk_bms_min_voltage_cell')| int ==
              idx %} {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d' %
              idx %} {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d'
              % idx %} {%- set cell_volt =
              states('sensor.jk_bms_cell_voltage_%d' % idx) %} {%- set
              cell_resistance = states('sensor.jk_bms_cell_resistance_%d' % idx)
              %} {%- set font_start = '<font color="#3090C7">' if is_max else
              '<font color="red">' if is_min else '' %} {%- set font_end =
              '</font>' if is_max or is_min else '' %} {{ "%02d" % idx }}. {{
              font_start }} {{ cell_volt }} V {{ font_end -}} &nbsp;/&nbsp; {{
              cell_resistance |float * 1000 }} mΩ  <br>               {% endfor
              %} </center>
  - type: entities
    entities:
      - entity: switch.jk_bms_charging
        name: Charging
      - entity: switch.jk_bms_discharging
        name: Discharging
      - entity: switch.jk_bms_balancer
        name: Balancing
    show_header_toggle: false

[spirake]

I want a code with 7 cells, can you make it?

[concierge-at]

Danke für deine Arbeit und für das teilen des Dashboards. Habe das Dashboard nun doch zum laufen gebracht doch ich bekomme einen Fehler das die Schalter Entitäten nicht verfügbar sind. habe ich das am dashboard was falsch eingetragen oder kommt der fehler vom ESP Yaml?
danke im voraus

[dr3amr]

Hi, please write in english or translate.
There are switches only in the bottom part of dashboard, you should change with your own entities:

• type: entities
  entities:
  • entity: switch.jk_bms_charging
    name: Charging
  • entity: switch.jk_bms_discharging
    name: Discharging
  • entity: switch.jk_bms_balancer
    name: Balancing
    show_header_toggle: false

[concierge-at]

I apologize, I am heartbroken because the text was in German, I thought you could write German. I apologize. I use Google translate now.
then I suspect the entities are missing in the system. I'll update the ESP program from Syssi and try again, thanks for the comment and best regards.

Edit:28.01.24-18:30 now after 3 hours of waiting the Charge and discharge entity is in system and the balancer must renamed this is now working. thank you

[tistructor]

The fonts of the general parameters of the left column are larger than the right ones.
The "size = 2" dimension is missing

For the rest I made an adjustment on the decimals of the capabilities that went to terms on smartphones.

Thanks for the personalization work, very nice.
It was done by writing the code by hand or with a specific tool?

[Polillo]

how to get the background to be black?

[tistructor]

I can't understand how this .yaml language works

[dr3amr]

if you refer to the markdown it is part javascript part html, not yaml.

[tistructor]

Thanks,
Then I have to study a little.

[dr3amr]

Seems you are running a modified version. Try the code from first post.

…

On Fri, Mar 1, 2024, 06:04 Đặng Đình Ngọc ***@***.***> wrote: Hi, I dont know why, your scripts failed to run "{% for idx in range(1, 5" the display only show the upper part of the lovelace (image) The part relating to cells does not show up. image.png (view on web) <https://github.com/syssi/esphome-jk-bms/assets/8839597/38f888d6-87a8-412c-baef-043c90826a18> Can you advice. I can manually list cell entities but the scripts can be fine if it work! Please help Best, — Reply to this email directly, view it on GitHub <#230 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABJGIGYFWKIM3VQTLBMP6V3YV7443AVCNFSM6AAAAAATRVZQA6VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4DMMZYGEZDO> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[jbduche]

Thanks a lot works perfectly

[przybora]

Hello guys, can someone tell me why it doesn't change the colors to minimum and maximum on my cell

I don't know where I went wrong:

• type: grid
  square: false
  columns: 2
  cards:
  • type: markdown
    content: >- 01.    {% if states('sensor.jk_bms_max_cell_voltage') == '1' %} {{ states('sensor.jk_bms_cell_voltage_1_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '1' %} {{ states('sensor.jk_bms_cell_voltage_1_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_1_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_1') }} Ω
    02.    {% if states('sensor.jk_bms_max_cell_voltage') == '2' %} {{ states('sensor.jk_bms_cell_voltage_2_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '2' %} {{ states('sensor.jk_bms_cell_voltage_2_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_2_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_2') }} Ω
    03.    {% if states('sensor.jk_bms_max_cell_voltage') == '3' %} {{ states('sensor.jk_bms_cell_voltage_3_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '3' %} {{ states('sensor.jk_bms_cell_voltage_3_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_3_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_3') }} Ω
    04.    {% if states('sensor.jk_bms_max_cell_voltage') == '4' %} {{ states('sensor.jk_bms_cell_voltage_4_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '4' %} {{ states('sensor.jk_bms_cell_voltage_4_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_4_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_4') }} Ω
    05.    {% if states('sensor.jk_bms_max_cell_voltage') == '5' %} {{ states('sensor.jk_bms_cell_voltage_5_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '5' %} {{ states('sensor.jk_bms_cell_voltage_5_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_5_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_5') }} Ω
    06.    {% if states('sensor.jk_bms_max_cell_voltage') == '6' %} {{ states('sensor.jk_bms_cell_voltage_6_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '6' %} {{ states('sensor.bjk_bms_cell_voltage_6_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_6_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_6') }} Ω
    07.    {% if states('sensor.jk_bms_max_cell_voltage') == '7' %} {{ states('sensor.jk_bms_cell_voltage_7_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '7' %} {{ states('sensor.jk_bms_cell_voltage_7_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_7_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_7') }} Ω
    08.    {% if states('sensor.jk_bms_max_cell_voltage') == '8' %} {{ states('sensor.jk_bms_cell_voltage_8_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '8' %} {{ states('sensor.jk_bms_cell_voltage_8_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_8_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_8') }} Ω
    
  • type: markdown
    content: >- 09.    {% if states('sensor.jk_bms_max_cell_voltage') == '9' %} {{ states('sensor.jk_bms_cell_voltage_9_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '9' %} {{ states('sensor.jk_bms_cell_voltage_9_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_9_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_9') }} Ω
    10.    {% if states('sensor.jk_bms_max_cell_voltage') == '10' %} {{ states('sensor.jk_bms_cell_voltage_10_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '10' %} {{ states('sensor.jk_bms_cell_voltage_10_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_10_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_10') }} Ω
    11.    {% if states('sensor.jk_bms_max_cell_voltage') == '11' %} {{ states('sensor.jk_bms_cell_voltage_11_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '11' %} {{ states('sensor.jk_bms_cell_voltage_11_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_11_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_11') }} Ω
    12.    {% if states('sensor.jk_bms_max_cell_voltage') == '12' %} {{ states('sensor.jk_bms_cell_voltage_12_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '12' %} {{ states('sensor.jk_bms_cell_voltage_12_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_12_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_12') }} Ω
    13.    {% if states('sensor.jk_bms_max_cell_voltage') == '13' %} {{ states('sensor.jk_bms_cell_voltage_13_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '13' %} {{ states('sensor.jk_bms_cell_voltage_13_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_13_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_13') }} Ω
    14.    {% if states('sensor.jk_bms_max_cell_voltage') == '14' %} {{ states('sensor.jk_bms_cell_voltage_14_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '14' %} {{ states('sensor.jk_bms_cell_voltage_14_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_14_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_14') }} Ω
    15.    {% if states('sensor.jk_bms_max_cell_voltage') == '15' %} {{ states('sensor.jk_bms_cell_voltage_15_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '15' %} {{ states('sensor.jk_bms_cell_voltage_15_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_15_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_15') }} Ω
    16.    {% if states('sensor.jk_bms_max_cell_voltage') == '16' %} {{ states('sensor.jk_bms_cell_voltage_16_2') }} V {% elif states('sensor.jk_bms_min_cell_voltage') == '16' %} {{ states('sensor.bjk_bms_cell_voltage_16_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_16_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_16') }} Ω
    

[dr3amr]

@przybora try the optimized code version from @dominikandreas, less text (equivalent for your above code), although the issue most certainly is with sensor naming:

 - type: grid
    square: false
    columns: 2
    cards:
      - type: markdown
        content: >-
          {% for idx in range(1, 9) -%}  {%- set min_idx =
          states('sensor.jk_bms_min_voltage_cell') %} {%- set max_idx =
          states('sensor.jk_bms_max_voltage_cell') %}  {%- set is_max =
          states('sensor.jk_bms_max_voltage_cell')| int == idx %} {%- set
          is_min = states('sensor.jk_bms_min_voltage_cell')| int == idx %}
          {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d' % idx %}
          {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d' % idx %}
          {%- set cell_volt = states('sensor.jk_bms_cell_voltage_%d' % idx)
          %} {%- set cell_resistance =
          states('sensor.jk_bms_cell_resistance_%d' % idx) %} {%- set
          font_start = '<font color="#3090C7">' if is_max else '<font
          color="red">' if is_min else '' %} {%- set font_end = '</font>' if
          is_max or is_min else '' %} {{ "%02d" % idx }}.&nbsp;&nbsp; {{
          font_start }} {{ cell_volt }} V {{ font_end -}}
          &nbsp;&nbsp;/&nbsp;&nbsp; {{ (cell_resistance | float * 1000) | int }}
          mΩ  <br> {% endfor %} </center>
      - type: markdown
        content: >-
          {% for idx in range(9, 17) -%} {%- set min_idx =
          states('sensor.jk_bms_min_voltage_cell') %} {%- set max_idx =
          states('sensor.jk_bms_max_voltage_cell') %}  {%- set is_max =
          states('sensor.jk_bms_max_voltage_cell')| int == idx %} {%- set
          is_min = states('sensor.jk_bms_min_voltage_cell')| int == idx %}
          {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d' % idx %}
          {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d' % idx %}
          {%- set cell_volt = states('sensor.jk_bms_cell_voltage_%d' % idx)
          %} {%- set cell_resistance =
          states('sensor.jk_bms_cell_resistance_%d' % idx) %} {%- set
          font_start = '<font color="#3090C7">' if is_max else '<font
          color="red">' if is_min else '' %} {%- set font_end = '</font>' if
          is_max or is_min else '' %}  {{ "%02d" % idx }}.&nbsp;&nbsp; {{
          font_start }} {{ cell_volt }} V {{ font_end -}}
          &nbsp;&nbsp;/&nbsp;&nbsp; {{ (cell_resistance | float * 1000) | int }}
          mΩ  <br> {% endfor %}  </center>

[przybora]

but no :( it works

[przybora]

Thank you, it works well now, I think

[przybora]

dr3amr Could you see my code? I don't know why but I always have one goal number 3 in blue and it doesn't change. Minimum in red color jumps on all targets but not blue max
I can't find the error

@przybora wypróbuj zoptymalizowaną wersję kodu z@dominikandreas, mniej tekstu (odpowiednik powyższego kodu), chociaż problem z pewnością dotyczy nazewnictwa czujników:

 - type: grid
    square: false
    columns: 2
    cards:
      - type: markdown
        content: >-
          {% for idx in range(1, 9) -%}  {%- set min_idx =
          states('sensor.jk_bms_min_voltage_cell') %} {%- set max_idx =
          states('sensor.jk_bms_max_voltage_cell') %}  {%- set is_max =
          states('sensor.jk_bms_max_voltage_cell')| int == idx %} {%- set
          is_min = states('sensor.jk_bms_min_voltage_cell')| int == idx %}
          {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d' % idx %}
          {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d' % idx %}
          {%- set cell_volt = states('sensor.jk_bms_cell_voltage_%d' % idx)
          %} {%- set cell_resistance =
          states('sensor.jk_bms_cell_resistance_%d' % idx) %} {%- set
          font_start = '<font color="#3090C7">' if is_max else '<font
          color="red">' if is_min else '' %} {%- set font_end = '</font>' if
          is_max or is_min else '' %} {{ "%02d" % idx }}.&nbsp;&nbsp; {{
          font_start }} {{ cell_volt }} V {{ font_end -}}
          &nbsp;&nbsp;/&nbsp;&nbsp; {{ (cell_resistance | float * 1000) | int }}
          mΩ  <br> {% endfor %} </center>
      - type: markdown
        content: >-
          {% for idx in range(9, 17) -%} {%- set min_idx =
          states('sensor.jk_bms_min_voltage_cell') %} {%- set max_idx =
          states('sensor.jk_bms_max_voltage_cell') %}  {%- set is_max =
          states('sensor.jk_bms_max_voltage_cell')| int == idx %} {%- set
          is_min = states('sensor.jk_bms_min_voltage_cell')| int == idx %}
          {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d' % idx %}
          {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d' % idx %}
          {%- set cell_volt = states('sensor.jk_bms_cell_voltage_%d' % idx)
          %} {%- set cell_resistance =
          states('sensor.jk_bms_cell_resistance_%d' % idx) %} {%- set
          font_start = '<font color="#3090C7">' if is_max else '<font
          color="red">' if is_min else '' %} {%- set font_end = '</font>' if
          is_max or is_min else '' %}  {{ "%02d" % idx }}.&nbsp;&nbsp; {{
          font_start }} {{ cell_volt }} V {{ font_end -}}
          &nbsp;&nbsp;/&nbsp;&nbsp; {{ (cell_resistance | float * 1000) | int }}
          mΩ  <br> {% endfor %}  </center>

[przybora]

• type: grid
  square: false
  columns: 2
  cards:
  - type: markdown
  content: >-
  {% for idx in range(1, 9) -%}
  {%- set min_idx = states('sensor.jk_bms_min_cell_voltage') %}
  {%- set max_idx = states('sensor.jk_bms_max_cell_voltage') %}
  {%- set is_max = states('sensor.jk_bms_max_cell_voltage')| int == idx %}
  {%- set is_min = states('sensor.jk_bms_min_voltage_cell')| int == idx %}
  {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d_2' % idx %}
  {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d' % idx %}
  {%- set cell_volt = states('sensor.jk_bms_cell_voltage_%d_2' % idx) %}
  {%- set cell_resistance = states('sensor.jk_bms_cell_resistance_%d' % idx) %}
  {%- set font_start = '' if is_max else '' if is_min else '' %}
  {%- set font_end = '' if is_max or is_min else '' %} {{ "%02d" % idx }}.
  {{ font_start }} {{ cell_volt }} V {{ font_end -}} / {{ cell_resistance |float * 1000 }} mΩ
  
  {% endfor %}
  - type: markdown
  content: >-
  {% for idx in range(9, 17) -%}
  {%- set min_idx = states('sensor.jk_bms_min_cell_voltage') %}
  {%- set max_idx = states('sensor.jk_bms_max_cell_voltage') %}
  {%- set is_max = states('sensor.jk_bms_max_cell_voltage')| int == idx %}
  {%- set is_min = states('sensor.jk_bms_min_voltage_cell')| int == idx %}
  {%- set volt_sensor_id = 'sensor.jk_bms_cell_voltage_%d_2' % idx %}
  {%- set ohm_sensor_id = 'sensor.jk_bms_cell_resistance_%d' % idx %}
  {%- set cell_volt = states('sensor.jk_bms_cell_voltage_%d_2' % idx) %}
  {%- set cell_resistance = states('sensor.jk_bms_cell_resistance_%d' % idx) %}
  {%- set font_start = '' if is_max else '' if is_min else '' %}
  {%- set font_end = '' if is_max or is_min else '' %} {{ "%02d" % idx }}.
  {{ font_start }} {{ cell_volt }} V {{ font_end -}} / {{ cell_resistance |float * 1000 }} mΩ
  
  {% endfor %}

[przybora]

The max blue light doesn't work properly for me, I still have 3 targets highlighted in blue

[dr3amr]

@przybora you need to check the sensor names as in last photo you have 14 cells with same voltage, this is highly unlikely.
Also the colors for highest voltage cell (blue / discharging) is taken from the sensor.jk_bms_max_cell_voltage, while the lowest (red / charging) is taken from sensor.jk_bms_min_cell_voltage, you need to check if both exist with this exact names.
Also all cell entities need to have the naming as sensor.esp_jkbms_cell_voltage_xx / sensor.esp_jkbms_cell_resistance_xx and not something else => sensor.esp_jkbms_cell_voltage_1 / sensor.esp_jkbms_cell_voltage_16 , sensor.esp_jkbms_cell_resistance_1 / sensor.esp_jkbms_cell_resistance_16. If proper naming is not in place, this will not work.

[przybora]

It now works properly, I entered the wrong values

Thank you very much

[przybora]

hello guys, I recently bought a new BMS model JK_PB2A16S20P Hardware Ver 15.XA and Software Ver. V15.10 everything works as it should

[anhnldev]

can you share your code?

[Mr-EJ]

I've modified the codes to suit ANT-32s BMS

type: vertical-stack
cards:
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
    cards:
      - type: custom:stack-in-card
        columns: 1
        cards:
          - type: gauge
            entity: sensor.ant_in_r1_soc
            needle: true
            name: Charge
            severity:
              green: 70
              yellow: 30
              red: 0
          - type: markdown
            content: >-

              <center>Charge:&nbsp; <b> {% if states('switch.ant_in_r1_charge')
              == 'on' %} <font color=#41CD52>{{
              states('switch.ant_in_r1_charge') | upper }}</font> {% else %}
              <font color=red>{{ states('switch.ant_in_r1_charge') | upper
              }}</font> {% endif %} </b> {{'&nbsp;' * 5 }}

              Discharge:&nbsp;<b> {% if states('switch.ant_in_r1_discharge') ==
              'on' %} <font color=#41CD52>{{
              states('switch.ant_in_r1_discharge') | upper }}</font> {% else %}
              <font color=red> {{ states('switch.ant_in_r1_discharge') | upper
              }} </font> {% endif %} </b>
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: false
    cards:
      - type: custom:stack-in-card
        margin: false
        columns: 2
        mode: horizontal
        cards:
          - type: markdown
            content: >-
              <center><b><font color=#41CD52 size=6>{{
              states('sensor.ant_in_r1_voltage') }} V</font></b><br> </center> 
              {% macro pad_right(w, s) %} {{ s }} {% set slen =  w - (s|length)
              %} 
                {% for idx in range(slen)%} &nbsp; {%endfor %}
              {%- endmacro %} 

              {% macro green(s) %} <font color=#41CD52 size=2 family=Consolas>
              {{ s }} </font> {%- endmacro %}

              <div>  {{ pad_right(14, "Power Draw:") -}}   {% set power =
              states('sensor.ant_in_r1_power') | int %} {{ green('%d' % power +
              ' W') }}<br>  {{ pad_right(16, "Total Capacity:") -}}   {{
              green(states('sensor.ant_in_r1_capacity') + " Ah") }}<br>  {{
              pad_right(16, 'Cycle Capacity:') }}   {{
              green(states('sensor.ant_in_r1_cycle_capacity')  + " Ah") }}<br> 
              {{ pad_right(16, 'Avg Cell V:') }}   {{
              green(states('sensor.ant_in_r1_cell_volt_average') + ' V') }}
              <br>  {{ pad_right(10, 'Min Cell:') }}   {{
              green(states('sensor.ant_in_r1_cell_index_min') ) }} {{'&nbsp;' *
              5 }}{{ pad_right(9, 'Max Cell:') }}   {{
              green(states('sensor.ant_in_r1_cell_index_max') ) }} <br>  {{
              pad_right(16, 'Battery T1:') }}   {{
              green(states('sensor.ant_in_r1_temperatures_1') +  ' °C') }}
              </div>
          - type: markdown
            content: >-
              <center><b><font color=#41CD52 size=6>{{
              states('sensor.ant_in_r1_current') }} A</font></b><br> </center>
              {% macro pad_right(w, s) %}  {{ s }} {% set slen =  w - (s|length)
              %} {% for idx in range(slen)%} &nbsp; {%endfor %} {%- endmacro %}
              {% macro green(s) %} <font color=#41CD52 family=Consolas> {{ s }}
              </font> {%- endmacro %} <div>  {{ pad_right(14, "Remaining:") -}} 
              {{ green(states('sensor.ant_in_r1_soc') + ' %') }}<br>    {{
              pad_right(15, "Rem. Capacity:") -}}    {{
              green(states('sensor.ant_in_r1_charge') + " Ah") }}<br>   {{
              pad_right(15, 'Cycle Count:') }}  {{
              green(states('sensor.ant_in_r1_total_cycles_meter')  + "N") }}<br>
              {{ pad_right(16, 'Delta Cell V:') }}  {{
              green(states('sensor.ant_in_r1_cell_volt_delta') + ' V') }} <br> 
              {{ pad_right(14, 'MOS  Temp.:') }}  {{
              green(states('sensor.ant_in_r1_mos_temperature') + ' °C') }}<br> 
              {{ pad_right(15, 'Battery T2:') }}  {{
              green(states('sensor.ant_in_r1_temperatures_2') +  ' °C') }}
              </div>
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: false
    cards:
      - type: grid
        square: false
        columns: 1
        cards:
          - type: markdown
            content: <center><b> Cells </b> </center>
      - type: grid
        square: false
        columns: 4
        cards:
          - type: markdown
            content: >-
              {% for idx in range(1, 9) -%} {%- set  min_idx =
              states('sensor.ant_in_r1_cell_index_min') %} {%- set  max_idx =
              states('sensor.ant_in_r1_cell_index_max') %} {%- set is_max = 
              states('sensor.ant_in_r1_cell_index_max')| int == idx %}  {%- set
              is_min = states('sensor.ant_in_r1_cell_index_min')| int == idx
              %}   {% if idx <= 9 %}               {%- set volt_sensor_id =
              'sensor.ant_in_r1_cell_volt_0%d' % idx %} {%- set cell_volt =
              states('sensor.ant_in_r1_cell_volt_0%d' % idx) %} {%- else %} {%-
              set volt_sensor_id = 'sensor.ant_in_r1_cell_volt_%d' % idx %} {%-
              set cell_volt = states('sensor.ant_in_r1_cell_volt_%d' % idx) %}
              {%- endif %} {%- set font_start  = '<font color="#3090C7">' if
              is_max else '<font color="red">' if is_min else '' %} {%- set
              font_end = '</font>' if is_max or is_min else '' %} &nbsp;{{
              "%02d" % idx }}. {{ font_start }} {{ cell_volt }} V {{ font_end
              -}}  <br>  {% endfor %}
          - type: markdown
            content: >-
              {% for idx in range(9, 17) -%} {%- set  min_idx =
              states('sensor.ant_in_r1_cell_index_min') %} {%- set  max_idx =
              states('sensor.ant_in_r1_cell_index_max') %} {%- set is_max = 
              states('sensor.ant_in_r1_cell_index_max')| int == idx %}  {%- set
              is_min = states('sensor.ant_in_r1_cell_index_min')| int == idx
              %}   {% if idx <= 9 %}               {%- set volt_sensor_id =
              'sensor.ant_in_r1_cell_volt_0%d' % idx %} {%- set cell_volt =
              states('sensor.ant_in_r1_cell_volt_0%d' % idx) %} {%- else %} {%-
              set volt_sensor_id = 'sensor.ant_in_r1_cell_volt_%d' % idx %} {%-
              set cell_volt = states('sensor.ant_in_r1_cell_volt_%d' % idx) %}
              {%- endif %} {%- set font_start  = '<font color="#3090C7">' if
              is_max else '<font color="red">' if is_min else '' %} {%- set
              font_end = '</font>' if is_max or is_min else '' %} &nbsp;{{
              "%02d" % idx }}. {{ font_start }} {{ cell_volt }} V {{ font_end
              -}}  <br>  {% endfor %}
          - type: markdown
            content: >-
              {% for idx in range(17, 25) -%} {%- set  min_idx =
              states('sensor.ant_in_r1_cell_index_min') %} {%- set  max_idx =
              states('sensor.ant_in_r1_cell_index_max') %} {%- set is_max = 
              states('sensor.ant_in_r1_cell_index_max')| int == idx %}  {%- set
              is_min = states('sensor.ant_in_r1_cell_index_min')| int == idx
              %}   {% if idx <= 9 %}               {%- set volt_sensor_id =
              'sensor.ant_in_r1_cell_volt_0%d' % idx %} {%- set cell_volt =
              states('sensor.ant_in_r1_cell_volt_0%d' % idx) %} {%- else %} {%-
              set volt_sensor_id = 'sensor.ant_in_r1_cell_volt_%d' % idx %} {%-
              set cell_volt = states('sensor.ant_in_r1_cell_volt_%d' % idx) %}
              {%- endif %} {%- set font_start  = '<font color="#3090C7">' if
              is_max else '<font color="red">' if is_min else '' %} {%- set
              font_end = '</font>' if is_max or is_min else '' %} &nbsp;{{
              "%02d" % idx }}. {{ font_start }} {{ cell_volt }} V {{ font_end
              -}}  <br>  {% endfor %}
          - type: markdown
            content: >-
              {% for idx in range(25, 33) -%} {%- set  min_idx =
              states('sensor.ant_in_r1_cell_index_min') %} {%- set  max_idx =
              states('sensor.ant_in_r1_cell_index_max') %} {%- set is_max = 
              states('sensor.ant_in_r1_cell_index_max')| int == idx %}  {%- set
              is_min = states('sensor.ant_in_r1_cell_index_min')| int == idx
              %}   {% if idx <= 9 %}               {%- set volt_sensor_id =
              'sensor.ant_in_r1_cell_volt_0%d' % idx %} {%- set cell_volt =
              states('sensor.ant_in_r1_cell_volt_0%d' % idx) %} {%- else %} {%-
              set volt_sensor_id = 'sensor.ant_in_r1_cell_volt_%d' % idx %} {%-
              set cell_volt = states('sensor.ant_in_r1_cell_volt_%d' % idx) %}
              {%- endif %} {%- set font_start  = '<font color="#3090C7">' if
              is_max else '<font color="red">' if is_min else '' %} {%- set
              font_end = '</font>' if is_max or is_min else '' %} &nbsp;{{
              "%02d" % idx }}. {{ font_start }} {{ cell_volt }} V {{ font_end
              -}}  <br>  {% endfor %}
  - type: entities
    entities:
      - entity: switch.ant_in_r1_charge
        name: Charging
      - entity: switch.ant_in_r1_discharge
        name: Discharging
    show_header_toggle: false

[Shamanzombi]

Hi, maybe someone will like it) in the end it came together fine

type: vertical-stack
cards:
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: false
    cards:
      - type: grid
        square: false
        columns: 1
        cards:
          - type: markdown
            content: >-
              <center><font color="#bdbbbb"><font size=4>TIME:&nbsp;<b>  <font
              color="#41CD52"> {% set total_seconds =
              states('sensor.no1_battery_total_runtime') | int(0) %} {% set days
              = (total_seconds // 86400) %} {% set hours = (total_seconds %
              86400) // 3600 %} {% set minutes = (total_seconds % 3600) // 60 %}
              {% set seconds = (total_seconds % 60) %} {{ days }}D{{ hours }}H{{
              minutes }}M{{ seconds }}S</font></b></font>
            card_mod:
              style: |
                ha-card {
                   box-shadow: none;
                   background: #021017;
                   border: black solid 1px !important;
                }
    card_mod:
      style: |
        ha-card {
           box-shadow: none;
           background: #021017;
           border: black solid 1px !important;
        }
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: false
    cards:
      - type: grid
        square: false
        columns: 3
        cards:
          - type: markdown
            content: >-
              <center><font color="#bdbbbb"><font size=3>Charge:&nbsp;<b>{% if
              states('binary_sensor.no1_status_charging') == 'on' %} <font
              color=#41CD52>{{ states('binary_sensor.no1_status_charging') |
              upper }}</font> {% else %} <font color=#fa4b54>{{
              states('binary_sensor.no1_status_charging') | upper }}</font> {%
              endif %} 
            card_mod:
              style: |
                ha-card {
                   box-shadow: none;
                   background: #021017;
                   border: black solid 1px !important;
          - type: markdown
            content: >-
              <center><font color="#bdbbbb"><font size=3>Discharge:&nbsp;<b> {%
              if states('binary_sensor.no1_status_discharging') == 'on' %} <font
              color=#41CD52>{{ states('binary_sensor.no1_status_discharging') |
              upper }}</font> {% else %} <font color=#fa4b54>{{
              states('binary_sensor.no1_status_discharging') | upper }}</font>
              {% endif %} 
            card_mod:
              style: |
                ha-card {
                   box-shadow: none;
                   background: #021017;
                   border: black solid 1px !important;
          - type: markdown
            content: >-
              <center><font color="#bdbbbb"><font size=3>Balance:&nbsp;<b> {% if
              states('binary_sensor.no1_status_balancing') == 'on' %} <font
              color=#41CD52>{{ states('binary_sensor.no1_status_balancing') |
              upper }}</font> {% else %} <font color=#fa4b54>{{
              states('binary_sensor.no1_status_balancing') | upper }}</font> {%
              endif %} 
            card_mod:
              style: |
                ha-card {
                   box-shadow: none;
                   background: #021017;
                   border: black solid 1px !important;
    card_mod:
      style: |
        ha-card {
           box-shadow: none;
           background: #021017;
           border: black solid 1px !important;
          
        }
  - type: horizontal-stack
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: vertical-stack
                cards:
                  - type: vertical-stack
                    cards:
                      - type: entity
                        entity: sensor.no1_battery_voltage
                        name: Total Voltage
                        icon: mdi:battery
                        card_mod:
                          style: |
                            ha-card {
                              box-shadow: none;
                              background: #021017;
                              border: black solid 1px !important;
                              display: flex;
                              align-items: center;
                              justify-content: center; /* Центрирование содержимого */
                            }
                            .info {
                              color: #41CD52;
                              display: flex;
                              align-items: center;
                              justify-content: center;  /* Центрирование текста */
                            }
                            .entity__info {
                              display: flex;
                              align-items: center;
                              justify-content: center; /* Центрирование иконки и названия */
                              gap: 10px; /* Промежуток между иконкой и названием */
                            }
                            .state {
                              color: #41CD52;
                              text-align: center; /* Центрирование значения */
                            }
      - type: vertical-stack
        cards:
          - type: vertical-stack
            cards:
              - type: entity
                entity: sensor.no1_battery_current
                name: Battery Current
                icon: mdi:current-dc
                card_mod:
                  style: |
                    ha-card {
                      box-shadow: none;
                      background: #021017;
                      border: black solid 1px !important;
                      display: flex;
                      align-items: center;
                      justify-content: center; /* Центрирование содержимого */
                    }
                    .info {
                      color: #41CD52;
                      display: flex;
                      align-items: center;
                      justify-content: center;  /* Центрирование текста */
                    }
                    .entity__info {
                      display: flex;
                      align-items: center;
                      justify-content: center; /* Центрирование иконки и названия */
                      gap: 10px; /* Промежуток между иконкой и названием */
                    }
                    .state {
                      color: #41CD52;
                      text-align: center; /* Центрирование значения */
                    }
  - type: horizontal-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: entities
            card_mod:
              style: |
                ha-card {
                  background-color: #021017 !important;
                  color: #41CD52;
                  box-shadow: none;
                  border: black solid 1px !important;
                }
            entities:
              - entity: sensor.no1_battery_power
                name: Power
                card_mod:
                  style:
                    hui-generic-entity-row:
                      $: |
                        state-badge {
                          display: none;
                        }
                        .info {
                          margin-left: 0 !important;
                          color: #bdbbbb;
                        }
              - entity: sensor.no1_battery_capacity
                name: Capacity
                card_mod:
                  style:
                    hui-generic-entity-row:
                      $: |
                        state-badge {
                          display: none;
                        }
                        .info {
                          margin-left: 0 !important;
                          color: #bdbbbb;
                        }
              - entity: sensor.no1_cell_voltage_min
                name: Ave. Cell Volt
                card_mod:
                  style:
                    hui-generic-entity-row:
                      $: |
                        state-badge {
                          display: none;
                        }
                        .info {
                          margin-left: 0 !important;
                          color: #bdbbbb;
                        }
              - entity: sensor.no1_cell_delta_voltage
                name: Cell Volt Diff.
                card_mod:
                  style:
                    hui-generic-entity-row:
                      $: |
                        state-badge {
                          display: none;
                        }
                        .info {
                          margin-left: 0 !important;
                          color: #bdbbbb;
                        }
              - entity: sensor.no1_balancing_current
                name: Balance Current
                card_mod:
                  style:
                    hui-generic-entity-row:
                      $: |
                        state-badge {
                          display: none;
                        }
                        .info {
                          margin-left: 0 !important;
                          color: #bdbbbb;
                        }
              - entity: sensor.no1_temperature_sensor_1
                name: Battery T1
                card_mod:
                  style:
                    hui-generic-entity-row:
                      $: |
                        state-badge {
                          display: none;
                        }
                        .info {
                          margin-left: 0 !important;
                          color: #bdbbbb;
                        }
              - entity: sensor.no1_temperature_sensor_2
                name: Battery T2
                card_mod:
                  style:
                    hui-generic-entity-row:
                      $: |
                        state-badge {
                          display: none;
                        }
                        .info {
                          margin-left: 0 !important;
                          color: #bdbbbb;
                        }
      - type: entities
        card_mod:
          style: |
            ha-card {
              background-color: #021017 !important;
              color: #41CD52;
              box-shadow: none;
              border: black solid 1px !important;
            }
        entities:
          - entity: sensor.no1_battery_capacity_state_of_charge
            name: Remaining %
            card_mod:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left: 0 !important;
                      color: #bdbbbb;
                    }
          - entity: sensor.no1_battery_capacity_remaining
            name: Remaining Capacity
            card_mod:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left: 0 !important;
                      color: #bdbbbb;
                    }
          - entity: sensor.no1_charging_cycles
            name: Cycle Count
            card_mod:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left: 0 !important;
                      color: #bdbbbb;
                    }
          - entity: sensor.no1_battery_capacity_total_charging_cycle
            name: Cycle Capacity
            card_mod:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left: 0 !important;
                      color: #bdbbbb;
                    }
          - entity: sensor.no1_temperature_powertube
            name: MOS Temp
            card_mod:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left: 0 !important;
                      color: #bdbbbb;
                    }
          - entity: sensor.no1_temperature_sensor_4
            name: Battery T4
            card_mod:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left: 0 !important;
                      color: #bdbbbb;
                    }
          - entity: sensor.no1_temperature_sensor_5
            name: Battery T5
            card_mod:
              style:
                hui-generic-entity-row:
                  $: |
                    state-badge {
                      display: none;
                    }
                    .info {
                      margin-left: 0 !important;
                      color: #bdbbbb;
                    }

                          
  - type: custom:stack-in-card
    keep:
      margin: false
      box_shadow: false
      background: true
    card_mod:
      style: |
        ha-card {
          box-shadow: none;
          background: #021017;
          border: black solid 1px !important;
        }
        .card-content {
          padding: 8px; /* Уменьшены отступы карточки */
        }
    cards:
      - type: markdown
        content: |
          <center>
            <font color="#91c8f2" size=2><b>Cells Voltage</b></font>
          </center>
          <center> 
          <table style="width:100%;">
          <tr>      
            <td style="text-align:left">
              <center><font color="#91c8f2"><font size=2>01.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '1' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_01') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '1' %} 
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_01') }}
              V</font> {% else %} <font color="#41CD52">{{
              states('sensor.no1_cell_voltage_01') }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
              <font color="#91c8f2"><font size=2>02.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '2' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_02') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '2' %} <font
              color="#fa4b54">{{ states('sensor.no1_cell_voltage_02') }} V</font> {%
              else %} <font color="#41CD52">{{ states('sensor.no1_cell_voltage_02')
              }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> <font color="#91c8f2"><font size=2>03.&nbsp;</font> {%
              if states('sensor.no1_cell_voltage_max_cell_number') == '3' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_03') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '3' %} <font
              color="#fa4b54">{{ states('sensor.no1_cell_voltage_03') }} V</font> {%
              else %} <font color="#41CD52">{{ states('sensor.no1_cell_voltage_03')
              }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> <font color="#91c8f2"><font size=2>04.&nbsp;</font> {%
              if states('sensor.no1_cell_voltage_max_cell_number') == '4' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_04') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '4' %} <font
              color="#fa4b54">{{ states('sensor.no1_cell_voltage_04') }} V</font> {%
              else %} <font color="#41CD52">{{ states('sensor.no1_cell_voltage_04')
              }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> <font color="#91c8f2"><font size=2>05.&nbsp;</font> {%
              if states('sensor.no1_cell_voltage_max_cell_number') == '5' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_05') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '5' %} <font
              color="#fa4b54">{{ states('sensor.no1_cell_voltage_05') }} V</font> {%
              else %} <font color="#41CD52">{{ states('sensor.no1_cell_voltage_05')
              }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> <font color="#91c8f2"><font size=2>06.&nbsp;</font> {%
              if states('sensor.no1_cell_voltage_max_cell_number') == '6' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_06') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '6' %} <font
              color="#fa4b54">{{ states('sensor.no1_cell_voltage_06') }} V</font> {%
              else %} <font color="#41CD52">{{ states('sensor.no1_cell_voltage_06')
              }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br></center>
            </td>
           
            <td style="text-align:center">
              <center><font color="#91c8f2"><font size=2>07.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '7' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_07') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '7' %} <font
              color="#fa4b54">{{ states('sensor.no1_cell_voltage_07') }} V</font> {%
              else %} <font color="#41CD52">{{ states('sensor.no1_cell_voltage_07')
              }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> <font color="#91c8f2"><font size=2>08.&nbsp;</font> {%
              if states('sensor.no1_cell_voltage_max_cell_number') == '8' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_08') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '8' %} <font
              color="#fa4b54">{{ states('sensor.no1_cell_voltage_08') }} V</font> {%
              else %} <font color="#41CD52">{{ states('sensor.no1_cell_voltage_08')
              }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> <font color="#91c8f2"><font size=2>09.&nbsp;</font> {%
              if states('sensor.no1_cell_voltage_max_cell_number') == '9' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_09') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '9' %} <font
              color="#fa4b54">{{ states('sensor.no1_cell_voltage_09') }} V</font> {%
              else %} <font color="#41CD52">{{ states('sensor.no1_cell_voltage_09')
              }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> <font color="#91c8f2"><font size=2>10.&nbsp;</font> {%
              if states('sensor.no1_cell_voltage_max_cell_number') == '10' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_10') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '10' %}
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_10') }}
              V</font> {% else %} <font color="#41CD52">{{
              states('sensor.no1_cell_voltage_10') }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
              <font color="#91c8f2"><font size=2>11.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '11' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_11') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '11' %}
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_11') }}
              V</font> {% else %} <font color="#41CD52">{{
              states('sensor.no1_cell_voltage_11') }} V</font> {% endif %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
              <font color="#91c8f2"><font size=2>12.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '12' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_12') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '12' %}
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_12') }}
              V</font> {% else %} <font color="#41CD52">{{
              states('sensor.no1_cell_voltage_12') }} V</font> {% endif %}
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br></center>
            </td>
              
            <td style="text-align:right">
              <center><font color="#91c8f2"><font size=2>13.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '13' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_13') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '13' %}
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_13') }}
              V</font> {% else %} <font color="#41CD52">{{
              states('sensor.no1_cell_voltage_13') }} V</font> {% endif %} <br>
              <font color="#91c8f2"><font size=2>14.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '14' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_14') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '14' %}
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_14') }}
              V</font> {% else %} <font color="#41CD52">{{
              states('sensor.no1_cell_voltage_14') }} V</font> {% endif %} <br>
              <font color="#91c8f2"><font size=2>15.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '15' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_15') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '15' %}
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_15') }}
              V</font> {% else %} <font color="#41CD52">{{
              states('sensor.no1_cell_voltage_15') }} V</font> {% endif %} <br>
              <font color="#91c8f2"><font size=2>16.&nbsp;</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '16' %}  <font
              color="#3090C7">{{ states('sensor.no1_cell_voltage_16') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '16' %}
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_16') }}
              V</font> {% else %} <font color="#41CD52">{{
              states('sensor.no1_cell_voltage_16') }} V</font> {% endif %} <br>
              <font color="#333232">17.</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '17' %}  <font
              color="#333232">{{ states('sensor.no1_cell_voltage_17') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '17' %}
              <font color="#fa4b54">{{ states('sensor.no1_cell_voltage_17') }}
              V</font> {% else %} <font color="#333232">{{
              states('sensor.no1_cell_voltage_17') }} V</font> {% endif %} <br>
              <font color="#333232">18.</font> {% if
              states('sensor.no1_cell_voltage_max_cell_number') == '18' %}  <font
              color="#333232">{{ states('sensor.no1_cell_voltage_18') }} V</font> {%
              elif states('sensor.no1_cell_voltage_min_cell_number') == '18' %}
              <font color="#333232">{{ states('sensor.no1_cell_voltage_18') }}
              V</font> {% else %} <font color="#333232">{{
              states('sensor.no1_cell_voltage_18') }} V</font> {% endif %}
              <br></center>
            </td>
          </tr>
          </table> 
          </center>
          <br> <!-- Пустая строка -->

          <center>
            <font color="#91c8f2" size=2><b>Cells Wire Resistance</b></font>
          </center>
          <center> 
          <table style="width:100%;">
            <tr>
              <td style="text-align:left">
                <font color="#91c8f2"><font size=2>01.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_01') }} Ω</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
                <font color="#91c8f2"><font size=2>02.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_02') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>03.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_03') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>04.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_04') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>05.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_05') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>06.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_06') }} Ω</font><br>
              </td>
              <td style="text-align:center;">
                <font color="#91c8f2"><font size=2>07.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_07') }} Ω</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
                <font color="#91c8f2"><font size=2>08.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_08') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>09.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_09') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>10.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_10') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>11.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_11') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>12.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_12') }} Ω</font><br>
              </td>
              <td style="text-align:right;">
                <font color="#91c8f2"><font size=2>13.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_13') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>14.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_14') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>15.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_15') }} Ω</font><br>
                <font color="#91c8f2"><font size=2>16.&nbsp;&nbsp;</font><font color="#41CD52">{{ states('sensor.no1_cell_resistance_16') }} Ω</font><br>
                <font color="#333232"><font size=2>17.&nbsp;&nbsp;</font><font color="#333232">{{ states('sensor.no1_cell_resistance_17') }} Ω</font><br>
                <font color="#333232"><font size=2>18.&nbsp;&nbsp;</font><font color="#333232">{{ states('sensor.no1_cell_resistance_18') }} Ω</font><br>
              </td>
            </tr>
          </table> 
          </center>
        card_mod:
          style: |
            ha-card {
            box-shadow: none;
            background: #021017;
            border: black solid 1px !important;

[anhnldev]

hi, the code is error

[Shamanzombi]

I made it for myself with two batteries, it turned out interesting)

[Shamanzombi]

added the entire code. But there are several sensors that you will have to create yourself. For example: capacity - 280 ah

[Shamanzombi]

and the color is different, don't be scared, it's just the color I have now. You can change it to whatever you need or I can help if needed.

[aw-tech]

nice , thank you very much .. 👍

[Shamanzombi]

canvas-gauge-card it's called a card for round ones, in HACS

[spirake]

I want a code with 7 cells, can you make it? for 2 jk

[vlxxdev]

[syssi]

Could you create a new issue? Your question isn't Lovelace UI related.

[spirake]

Good evening. I want to connect two jk-bms that I have each with a tesla battery to the home assistant. I'm at the beginning and I don't really know how to start. I bought an ESP32 and I have HOA installed on a mini pc. Please help me with the steps to connect. Thank you

[dominikandreas]

Here’s a guide to connect your JK-BMS to Home Assistant using an ESP32 and ESPHome, including the Bluetooth connection option (Courtesy of ChatGPT):

---

Step 1: Install the ESPHome Add-on in Home Assistant

1. Open Home Assistant.

2. Navigate to Settings > Add-ons > Add-on Store.

3. Search for ESPHome and click Install.

4. Enable Start on boot, then click Start.

5. Open the ESPHome Web UI from the add-on.

---

Step 2: Prepare and Flash the ESP32

1. Get the Configuration:

Visit the syssi/esphome-jk-bms GitHub repository.

Copy the example YAML configuration for Bluetooth or UART (depending on your preferred connection type).

2. Add a New ESPHome Device:

In the ESPHome Web UI, click + New Device.

Choose Manual configuration, name your device (e.g., jk-bms), and paste the copied YAML.

3. Edit Configuration:

Adjust the configuration:

For Bluetooth: No wiring is required; ensure Bluetooth is enabled on the ESP32.

For UART: Map the correct GPIO pins for TX/RX to match your ESP32 wiring.

4. Flash the ESP32:

Save the configuration and click Install.

Choose Plug into this computer to flash the ESP32 via USB.

Follow the on-screen instructions to complete the flashing process.

After flashing, the ESP32 will reboot and connect to your Wi-Fi.

---

Step 3: Set Up the Connection to JK-BMS

For Bluetooth:

1. Ensure the ESP32 is in range of the JK-BMS.

2. The ESPHome configuration will automatically enable Bluetooth scanning to find and connect to the JK-BMS.

For UART:

1. Use a UART-to-TTL cable to connect the JK-BMS to the ESP32.

2. Match the TX, RX, GND, and 5V pins between the JK-BMS and ESP32 according to the configuration.

---

Step 4: Integrate the ESP32 with Home Assistant

1. After the ESP32 connects to your Wi-Fi, it will appear in the ESPHome dashboard.

2. Go to Settings > Devices & Services in Home Assistant.

3. Home Assistant should detect the ESP32 automatically. Click Configure to add it.

---

Step 5: Verify and Use the Data

1. Check the Entities tab in Home Assistant to see JK-BMS sensor data (e.g., battery voltage, temperature).

2. Create automations or alerts based on the data.

---

This setup allows you to connect your JK-BMS to Home Assistant via either Bluetooth (wireless) or UART (wired). Let me know if you need more help!

[spirake]

Thank you very much, can I use an esp32 board for the 2BMS or do I need 2 esp32 boards.

[spirake]

Hello everyone, I managed to connect the two jk bms to the home assistant via bluetooth, I receive the data but I cannot vertically integrate the card from the address https://github.com/syssi/esphome-jk-bms/blob/main/esp32 -ble-v14-multiple.yaml, with only one but not version 14 the simple one integrates Lovelace UI cards, stack-in-card, has anyone managed to do it for two bms? Thanks

[spirake]

[Mr-EJ]

Put the code for your cards

…

On Mon, Jan 6, 2025 at 2:47 PM spirake ***@***.***> wrote: jk.bms.jpg (view on web) <https://github.com/user-attachments/assets/21420605-7934-4997-b232-23f4ad7a4424> — Reply to this email directly, view it on GitHub <#230 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6RHDDQRZT2YMO3EFIMJSS32JLMWZAVCNFSM6AAAAAATRVZQA6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTCNZVGMYTMOI> . You are receiving this because you commented.Message ID: ***@***.***>

-- Edward Allen Network/System/IT Solutions Provider/Consultant Voice: +1-647-876-4337 WhatsApp: +1-647-876-4337 https://www.linkedin.com/in/edwardajallen/ ***@***.***

[spirake]

esp32-ble-v14-multiple.yaml
##############
`substitutions:
name: jk-bms
bms0: "${name} bms0"
bms1: "${name} bms1"
device_description: "Monitor and control a JK-BMS via bluetooth"
external_components_source: github://syssi/esphome-jk-bms@main
bms0_mac_address: ##############
bms1_mac_address: ##############

bms0_protocol_version: JK02_32S
bms1_protocol_version: JK02_32S

esphome:
name: ${name}
comment: ${device_description}
min_version: 2024.6.0
project:
name: "syssi.esphome-jk-bms"
version: 2.1.0

esp32:
board: wemos_d1_mini32
framework:
type: esp-idf

web_server:
port: 80

external_components:

source: ${external_components_source}
refresh: 0s
wifi:
ssid: !secret wifi_ssid
password: !secret wifi_password

ota:
platform: esphome
on_begin:
then:

• switch.turn_off: ble_client_switch0
• switch.turn_off: ble_client_switch1
• logger.log: "BLE connection suspended for OTA update"

logger:
level: DEBUG
logs:
esp32_ble_tracker: INFO
esp32_ble_client: INFO

api:
encryption:
key: ##############

esp32_ble_tracker:
scan_parameters:
active: false

ble_client:

mac_address: ${bms0_mac_address}
id: client0
mac_address: ${bms1_mac_address}
id: client1
jk_bms_ble:

ble_client_id: client0
protocol_version: ${bms0_protocol_version}
throttle: 5s
id: bms0
ble_client_id: client1
protocol_version: ${bms1_protocol_version}
throttle: 5s
id: bms1
binary_sensor:

platform: jk_bms_ble
jk_bms_ble_id: bms0
balancing:
name: "${bms0} balancing"
charging:
name: "${bms0} charging"
discharging:
name: "${bms0} discharging"
heating:
name: "${bms0} heating"
online_status:
name: "${bms0} online status"

platform: jk_bms_ble
jk_bms_ble_id: bms1
balancing:
name: "${bms1} balancing"
charging:
name: "${bms1} charging"
discharging:
name: "${bms1} discharging"
heating:
name: "${bms1} heating"
online_status:
name: "${bms1} online status"

button:

platform: jk_bms_ble
jk_bms_ble_id: bms0
retrieve_settings:
name: "${bms0} retrieve settings"
retrieve_device_info:
name: "${bms0} retrieve device info"

platform: jk_bms_ble
jk_bms_ble_id: bms1
retrieve_settings:
name: "${bms1} retrieve settings"
retrieve_device_info:
name: "${bms1} retrieve device info"

number:

platform: jk_bms_ble
jk_bms_ble_id: bms0
balance_trigger_voltage:
name: "${bms0} balance trigger voltage"
cell_count:
name: "${bms0} cell count"
total_battery_capacity:
name: "${bms0} total battery capacity"
cell_voltage_overvoltage_protection:
name: "${bms0} cell voltage overvoltage protection"
cell_voltage_overvoltage_recovery:
name: "${bms0} cell voltage overvoltage recovery"
cell_voltage_undervoltage_protection:
name: "${bms0} cell voltage undervoltage protection"
cell_voltage_undervoltage_recovery:
name: "${bms0} cell voltage undervoltage recovery"
balance_starting_voltage:
name: "${bms0} balance starting voltage"
voltage_calibration:
name: "${bms0} voltage calibration"
current_calibration:
name: "${bms0} current calibration"
power_off_voltage:
name: "${bms0} power off voltage"
max_balance_current:
name: "${bms0} max balance current"
max_charge_current:
name: "${bms0} max charge current"
max_discharge_current:
name: "${bms0} max discharge current"
smart_sleep_voltage:
name: "${bms0} smart sleep voltage"
cell_soc100_voltage:
name: "${bms0} cell soc100 voltage"
cell_soc0_voltage:
name: "${bms0} cell soc0 voltage"
cell_request_charge_voltage:
name: "${bms0} cell request charge voltage"
cell_request_float_voltage:
name: "${bms0} cell request float voltage"
cell_request_charge_voltage_time:
name: "${bms0} cell request charge voltage time"
cell_request_float_voltage_time:
name: "${bms0} cell request float voltage time"
charge_overcurrent_protection_delay:
name: "${bms0} charge overcurrent protection delay"
charge_overcurrent_protection_recovery_time:
name: "${bms0} charge overcurrent protection recovery time"
discharge_overcurrent_protection_delay:
name: "${bms0} discharge overcurrent protection delay"
discharge_overcurrent_protection_recovery_time:
name: "${bms0} discharge overcurrent protection recovery time"
short_circuit_protection_delay:
name: "${bms0} short circuit protection delay"
short_circuit_protection_recovery_time:
name: "${bms0} short circuit protection recovery time"
charge_overtemperature_protection:
name: "${bms0} charge overtemperature protection"
charge_overtemperature_protection_recovery:
name: "${bms0} charge overtemperature protection recovery"
discharge_overtemperature_protection:
name: "${bms0} discharge overtemperature protection"
discharge_overtemperature_protection_recovery:
name: "${bms0} discharge overtemperature protection recovery"
charge_undertemperature_protection:
name: "${bms0} charge undertemperature protection"
charge_undertemperature_protection_recovery:
name: "${bms0} charge undertemperature protection recovery"
power_tube_overtemperature_protection:
name: "${bms0} power tube overtemperature protection"
power_tube_overtemperature_protection_recovery:
name: "${bms0} power tube overtemperature protection recovery"

...
platform: jk_bms_ble
jk_bms_ble_id: bms1
balance_trigger_voltage:
name: "${bms1} balance trigger voltage"
cell_count:
name: "${bms1} cell count"
total_battery_capacity:
name: "${bms1} total battery capacity"
cell_voltage_overvoltage_protection:
name: "${bms1} cell voltage overvoltage protection"
cell_voltage_overvoltage_recovery:
name: "${bms1} cell voltage overvoltage recovery"
cell_voltage_undervoltage_protection:
name: "${bms1} cell voltage undervoltage protection"
cell_voltage_undervoltage_recovery:
name: "${bms1} cell voltage undervoltage recovery"
balance_starting_voltage:
name: "${bms1} balance starting voltage"
voltage_calibration:
name: "${bms1} voltage calibration"
current_calibration:
name: "${bms1} current calibration"
power_off_voltage:
name: "${bms1} power off voltage"
max_balance_current:
name: "${bms1} max balance current"
max_charge_current:
name: "${bms1} max charge current"
max_discharge_current:
name: "${bms1} max discharge current"
smart_sleep_voltage:
name: "${bms1} smart sleep voltage"
cell_soc100_voltage:
name: "${bms1} cell soc100 voltage"
cell_soc0_voltage:
name: "${bms1} cell soc0 voltage"
cell_request_charge_voltage:
name: "${bms1} cell request charge voltage"
cell_request_float_voltage:
name: "${bms1} cell request float voltage"
cell_request_charge_voltage_time:
name: "${bms1} cell request charge voltage time"
cell_request_float_voltage_time:
name: "${bms1} cell request float voltage time"
charge_overcurrent_protection_delay:
name: "${bms1} charge overcurrent protection delay"
charge_overcurrent_protection_recovery_time:
name: "${bms1} charge overcurrent protection recovery time"
discharge_overcurrent_protection_delay:
name: "${bms1} discharge overcurrent protection delay"
discharge_overcurrent_protection_recovery_time:
name: "${bms1} discharge overcurrent protection recovery time"
short_circuit_protection_delay:
name: "${bms1} short circuit protection delay"
short_circuit_protection_recovery_time:
name: "${bms1} short circuit protection recovery time"
charge_overtemperature_protection:
name: "${bms1} charge overtemperature protection"
charge_overtemperature_protection_recovery:
name: "${bms1} charge overtemperature protection recovery"
discharge_overtemperature_protection:
name: "${bms1} discharge overtemperature protection"
discharge_overtemperature_protection_recovery:
name: "${bms1} discharge overtemperature protection recovery"
charge_undertemperature_protection:
name: "${bms1} charge undertemperature protection"
charge_undertemperature_protection_recovery:
name: "${bms1} charge undertemperature protection recovery"
power_tube_overtemperature_protection:
name: "${bms1} power tube overtemperature protection"
power_tube_overtemperature_protection_recovery:
name: "${bms1} power tube overtemperature protection recovery"

...
sensor:

platform: jk_bms_ble
jk_bms_ble_id: bms0
min_cell_voltage:
name: "${bms0} min cell voltage"
max_cell_voltage:
name: "${bms0} max cell voltage"
min_voltage_cell:
name: "${bms0} min voltage cell"
max_voltage_cell:
name: "${bms0} max voltage cell"
delta_cell_voltage:
name: "${bms0} delta cell voltage"
average_cell_voltage:
name: "${bms0} average cell voltage"
cell_voltage_1:
name: "${bms0} cell voltage 1"
cell_voltage_2:
name: "${bms0} cell voltage 2"
cell_voltage_3:
name: "${bms0} cell voltage 3"
cell_voltage_4:
name: "${bms0} cell voltage 4"
cell_voltage_5:
name: "${bms0} cell voltage 5"
cell_voltage_6:
name: "${bms0} cell voltage 6"
cell_voltage_7:
name: "${bms0} cell voltage 7"

cell_resistance_1:
name: "${bms0} cell resistance 1"
cell_resistance_2:
name: "${bms0} cell resistance 2"
cell_resistance_3:
name: "${bms0} cell resistance 3"
cell_resistance_4:
name: "${bms0} cell resistance 4"
cell_resistance_5:
name: "${bms0} cell resistance 5"
cell_resistance_6:
name: "${bms0} cell resistance 6"
cell_resistance_7:
name: "${bms0} cell resistance 7"

total_voltage:
name: "${bms0} total voltage"
current:
name: "${bms0} current"
heating_current:
name: "${bms0} heating current"
power:
name: "${bms0} power"
charging_power:
name: "${bms0} charging power"
discharging_power:
name: "${bms0} discharging power"
temperature_sensor_1:
name: "${bms0} temperature sensor 1"
temperature_sensor_2:
name: "${bms0} temperature sensor 2"

power_tube_temperature:
name: "${bms0} power tube temperature"
balancing:
name: "${bms0} balancing"
state_of_charge:
name: "${bms0} state of charge"
capacity_remaining:
name: "${bms0} capacity remaining"
total_battery_capacity_setting:
name: "${bms0} total battery capacity setting"
charging_cycles:
name: "${bms0} charging cycles"
total_charging_cycle_capacity:
name: "${bms0} total charging cycle capacity"
total_runtime:
name: "${bms0} total runtime"
balancing_current:
name: "${bms0} balancing current"
errors_bitmask:
name: "${bms0} errors bitmask"
emergency_time_countdown:
name: "${bms0} emergency time countdown"

...
platform: jk_bms_ble
jk_bms_ble_id: bms1
min_cell_voltage:
name: "${bms1} min cell voltage"
max_cell_voltage:
name: "${bms1} max cell voltage"
min_voltage_cell:
name: "${bms1} min voltage cell"
max_voltage_cell:
name: "${bms1} max voltage cell"
delta_cell_voltage:
name: "${bms1} delta cell voltage"
average_cell_voltage:
name: "${bms1} average cell voltage"
cell_voltage_1:
name: "${bms1} cell voltage 1"
cell_voltage_2:
name: "${bms1} cell voltage 2"
cell_voltage_3:
name: "${bms1} cell voltage 3"
cell_voltage_4:
name: "${bms1} cell voltage 4"
cell_voltage_5:
name: "${bms1} cell voltage 5"
cell_voltage_6:
name: "${bms1} cell voltage 6"
cell_voltage_7:
name: "${bms1} cell voltage 7"

cell_resistance_1:
name: "${bms1} cell resistance 1"
cell_resistance_2:
name: "${bms1} cell resistance 2"
cell_resistance_3:
name: "${bms1} cell resistance 3"
cell_resistance_4:
name: "${bms1} cell resistance 4"
cell_resistance_5:
name: "${bms1} cell resistance 5"
cell_resistance_6:
name: "${bms1} cell resistance 6"
cell_resistance_7:
name: "${bms1} cell resistance 7"

total_voltage:
name: "${bms1} total voltage"
current:
name: "${bms1} current"
heating_current:
name: "${bms1} heating current"
power:
name: "${bms1} power"
charging_power:
name: "${bms1} charging power"
discharging_power:
name: "${bms1} discharging power"
temperature_sensor_1:
name: "${bms1} temperature sensor 1"
temperature_sensor_2:
name: "${bms1} temperature sensor 2"

power_tube_temperature:
name: "${bms1} power tube temperature"
balancing:
name: "${bms1} balancing"
state_of_charge:
name: "${bms1} state of charge"
capacity_remaining:
name: "${bms1} capacity remaining"
total_battery_capacity_setting:
name: "${bms1} total battery capacity setting"
charging_cycles:
name: "${bms1} charging cycles"
total_charging_cycle_capacity:
name: "${bms1} total charging cycle capacity"
total_runtime:
name: "${bms1} total runtime"
balancing_current:
name: "${bms1} balancing current"
errors_bitmask:
name: "${bms1} errors bitmask"
emergency_time_countdown:
name: "${bms1} emergency time countdown"

...
switch:

platform: jk_bms_ble
jk_bms_ble_id: bms0
charging:
name: "${bms0} charging"
discharging:
name: "${bms0} discharging"
balancer:
name: "${bms0} balancer"
emergency:
name: "${bms0} emergency"
heating:
name: "${bms0} heating"
disable_temperature_sensors:
name: "${bms0} disable temperature sensors"
display_always_on:
name: "${bms0} display always on"
smart_sleep:
name: "${bms0} smart sleep"
disable_pcl_module:
name: "${bms0} disable pcl module"
timed_stored_data:
name: "${bms0} timed stored data"
charging_float_mode:
name: "${bms0} charging float mode"

platform: gpio
pin: GPIO2
inverted : False
name: "WIFI_LED"
id : WIFI_LED

platform: jk_bms_ble
jk_bms_ble_id: bms1
charging:
name: "${bms1} charging"
discharging:
name: "${bms1} discharging"
balancer:
name: "${bms1} balancer"
emergency:
name: "${bms1} emergency"
heating:
name: "${bms1} heating"
disable_temperature_sensors:
name: "${bms1} disable temperature sensors"
display_always_on:
name: "${bms1} display always on"
smart_sleep:
name: "${bms1} smart sleep"
disable_pcl_module:
name: "${bms1} disable pcl module"
timed_stored_data:
name: "${bms1} timed stored data"
charging_float_mode:
name: "${bms1} charging float mode"

platform: ble_client
ble_client_id: client0
id: ble_client_switch0
name: "${bms0} enable bluetooth connection"

platform: ble_client
ble_client_id: client1
id: ble_client_switch1
name: "${bms1} enable bluetooth connection"

text_sensor:

platform: jk_bms_ble
jk_bms_ble_id: bms0
errors:
name: "${bms0} errors"
total_runtime_formatted:
name: "${bms0} total runtime formatted"

platform: jk_bms_ble
jk_bms_ble_id: bms1
errors:
name: "${bms1} errors"
total_runtime_formatted:
name: "${bms1} total runtime formatted"`

[spirake]

This is the code i want to use for 2 bms

[spirake]

I am currently using version 11 and can integrate the card vertically, for version 14 it must be changed in the code but I don't know what. Thank you

[spirake]

This is the raw code to vertical card for version 11

[spirake]

`type: vertical-stack
cards:

• type: custom:stack-in-card
  keep:
  margin: false
  box_shadow: false
  cards:
  • type: custom:stack-in-card
    columns: 1
    cards:

    • type: markdown
      content: |-

      Time: {{ states('sensor.jk_bms_total_runtime_formatted') | upper }}

    • type: markdown
      content: >-

      Charge:  {% if states('switch.jk_bms_charging') == 'on' %} {{ states('switch.jk_bms_charging') | upper }} {% else %} {{ states('switch.jk_bms_charging') | upper }} {% endif %} {{' ' * 5 }}

      Discharge:  {% if states('switch.jk_bms_discharging') ==
      'on' %} {{ states('switch.jk_bms_discharging')
      | upper }} {% else %} {{
      states('switch.jk_bms_discharging') | upper }} {% endif %}
      

      {{' ' * 5 }} Balance: {% if
      states('switch.jk_bms_balancer') == 'on' %} {{
      states('switch.jk_bms_balancer') | upper }} {% else %}
      {{ states('switch.jk_bms_balancer') | upper
      }} {% endif %}

• type: custom:stack-in-card
  keep:
  margin: false
  box_shadow: false
  background: false
  cards:
  • type: custom:stack-in-card
    margin: false
    columns: 2
    mode: horizontal
    cards:

    • type: markdown
      content: >-

      {{ states('sensor.jk_bms_total_voltage') }} V
      {% macro pad_right(w, s) %} {{ s }} {% set slen = w - (s|length) %} {% for idx in range(slen)%}   {%endfor %} {%- endmacro %}

      {% macro green(s) %}
      {{ s }} {%- endmacro %}

      {{ pad_right(14, "Power Draw:") -}} {% set power = states('sensor.jk_bms_power') | int %} {{ green('%d' % power + ' W') }}
      {{ pad_right(16, "Total Capacity:") -}} {{ green(states('sensor.jk_bms_total_battery_capacity_setting') + " Ah") }}
      {{ pad_right(16, 'Cycle Capacity:') }} {{ green(states('sensor.jk_bms_total_charging_cycle_capacity') + " Ah") }}
      {{ pad_right(16, 'Avg Cell V:') }} {{ green(states('sensor.jk_bms_average_cell_voltage') + ' V') }}
      {{ pad_right(16, 'Balance Curr:') }} {{ green(states('sensor.jk_bms_balancing_current') + ' A') }}
      {{ pad_right(16, 'Battery T1:') }} {{ green(states('sensor.jk_bms_temperature_sensor_1') + ' °C') }}

    • type: markdown
      content: >-

      {{ states('sensor.jk_bms_current') }} A
      {% macro pad_right(w, s) %} {{ s }} {% set slen = w - (s|length) %} {% for idx in range(slen)%}   {%endfor %} {%- endmacro %} {% macro green(s) %} {{ s }} {%- endmacro %}
      {{ pad_right(14, "Remaining:") -}} {{ green(states('sensor.jk_bms_capacity_remaining') + ' %') }}
      {{ pad_right(15, "Rem. Capacity:") -}} {{ green(states('sensor.jk_bms_capacity_remaining_derived') + " Ah") }}
      {{ pad_right(15, 'Cycle Count:') }} {{ green(states('sensor.jk_bms_charging_cycles') + " Ah") }}
      {{ pad_right(16, 'Delta Cell V:') }} {{ green(states('sensor.jk_bms_delta_cell_voltage') + ' V') }}
      {{ pad_right(14, 'MOS Temp.:') }} {{ green(states('sensor.jk_bms_power_tube_temperature') + ' °C') }}
      {{ pad_right(15, 'Battery T2:') }} {{ green(states('sensor.jk_bms_temperature_sensor_2') + ' °C') }}
• type: custom:stack-in-card
  keep:
  margin: false
  box_shadow: false
  background: false
  cards:
  • type: grid
    square: false
    columns: 1
    cards:
    • type: markdown
      content: Cells
  • type: grid
    square: false
    columns: 1
    cards:
    • type: markdown
      content: >- 01.    {% if states('sensor.jk_bms_max_voltage_cell') == '1' %} {{ states('sensor.jk_bms_cell_voltage_1') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '1' %} {{ states('sensor.jk_bms_cell_voltage_1') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_1') }} V {% endif %}    /    {{ states('sensor.jk_bms_cell_resistance_1') }} Ω
      02.    {% if states('sensor.jk_bms_max_voltage_cell') == '2' %} {{ states('sensor.jk_bms_cell_voltage_2') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '2' %} {{ states('sensor.jk_bms_cell_voltage_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_2') }} V {% endif %}    /    {{ states('sensor.jk_bms_cell_resistance_2') }} Ω
      03.    {% if states('sensor.jk_bms_max_voltage_cell') == '3' %} {{ states('sensor.jk_bms_cell_voltage_3') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '3' %} {{ states('sensor.jk_bms_cell_voltage_3') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_3') }} V {% endif %}    /    {{ states('sensor.jk_bms_cell_resistance_3') }} Ω
      04.    {% if states('sensor.jk_bms_max_voltage_cell') == '4' %} {{ states('sensor.jk_bms_cell_voltage_4') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '4' %} {{ states('sensor.jk_bms_cell_voltage_4') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_4') }} V {% endif %}    /    {{ states('sensor.jk_bms_cell_resistance_4') }} Ω
      05.    {% if states('sensor.jk_bms_max_voltage_cell') == '5' %} {{ states('sensor.jk_bms_cell_voltage_5') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '5' %} {{ states('sensor.jk_bms_cell_voltage_5') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_5') }} V {% endif %}    /    {{ states('sensor.jk_bms_cell_resistance_5') }} Ω
      06.    {% if states('sensor.jk_bms_max_voltage_cell') == '6' %} {{ states('sensor.jk_bms_cell_voltage_6') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '6' %} {{ states('sensor.jk_bms_cell_voltage_6') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_6') }} V {% endif %}    /    {{ states('sensor.jk_bms_cell_resistance_6') }} Ω
      07.    {% if states('sensor.jk_bms_max_voltage_cell') == '7' %} {{ states('sensor.jk_bms_cell_voltage_7') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '7' %} {{ states('sensor.jk_bms_cell_voltage_7') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_7') }} V {% endif %}    /    {{ states('sensor.jk_bms_cell_resistance_7') }} Ω
      
• type: entities
  entities:
  • entity: switch.jk_bms_charging
    name: Charging
  • entity: switch.jk_bms_discharging
    name: Discharging
  • entity: switch.jk_bms_balancer
    name: Balancing
    show_header_toggle: false
    `

[Mr-EJ]

The code below is for 1 card. Do a search and replace. Replace pack1 with your sensor name eg "jk_bms". then make another copy for your second card. type: vertical-stack

…

cards: - type: custom:stack-in-card keep: margin: false box_shadow: false cards: - type: custom:stack-in-card columns: 1 cards: - type: gauge entity: sensor.pack1_soc needle: true name: Charge severity: green: 75 yellow: 40 red: 0 - type: markdown content: >- <center>Charge:&nbsp; <b> {% if states('switch.pack1_charge') == 'on' %} <font color=#41CD52>{{ states('switch.pack1_charge') | upper }}</font> {% else %} <font color=red>{{ states('switch.pack1_charge') | upper }}</font> {% endif %} </b> {{'&nbsp;' * 5 }} Discharge:&nbsp;<b> {% if states('switch.pack1_discharge') == 'on' %} <font color=#41CD52>{{ states('switch.pack1_discharge') | upper }}</font> {% else %} <font color=red> {{ states('switch.pack1_discharge') | upper }} </font> {% endif %} </b> - type: custom:stack-in-card keep: margin: false box_shadow: false background: false cards: - type: custom:stack-in-card margin: false columns: 2 mode: horizontal cards: - type: markdown content: >- <center><b><font color=#41CD52 size=6>{{ states('sensor.pack1_voltage') }} V</font></b><br> </center> {% macro pad_right(w, s) %} {{ s }} {% set slen = w - (s|length) %} {% for idx in range(slen)%} &nbsp; {%endfor %} {%- endmacro %} {% macro green(s) %} <font color=#41CD52 size=2 family=Consolas> {{ s }} </font> {%- endmacro %} <div> {{ pad_right(14, "Power Flow:") -}} {% set power = states('sensor.pack1_power') | int %} {{ green('%d' % power + ' W') }}<br> {{ pad_right(16, "Total Capacity:") -}} {{ green(states('sensor.pack1_capacity') + " Ah") }}<br> {{ pad_right(16, 'Cycle Capacity:') }} {{ green(states('sensor.pack1_cycle_capacity') + " Ah") }}<br> {{ pad_right(16, 'Avg Cell V:') }} {{ green(states('sensor.pack1_cell_volt_average') + ' V') }} <br> {{ pad_right(10, 'Min Cell:') }} {{ green(states('sensor.pack1_cell_index_min') ) }} {{'&nbsp;' * 5 }}{{ pad_right(9, 'Max Cell:') }} {{ green(states('sensor.pack1_cell_index_max') ) }} <br> {{ pad_right(7, 'Batt T1:') }} {{ green(states('sensor.pack1_temperatures_1') + '°C') }} {{'&nbsp;' * 3 }}{{ pad_right(6, 'Bal Cur:') }} {{ green(states('sensor.pack1_balance_current') ) }} </div> - type: markdown content: >- <center><b><font color=#41CD52 size=6>{{ states('sensor.pack1_current') }} A</font></b><br> </center> {% macro pad_right(w, s) %} {{ s }} {% set slen = w - (s|length) %} {% for idx in range(slen)%} &nbsp; {%endfor %} {%- endmacro %} {% macro green(s) %} <font color=#41CD52 family=Consolas> {{ s }} </font> {%- endmacro %} <div> {{ pad_right(14, "Remaining:") -}} {{ green(states('sensor.pack1_soc') + ' %') }}<br> {{ pad_right(15, "Avail. Capacity:") -}} {{ green(states('sensor.pack1_charge') + " Ah") }}<br> {{ pad_right(15, 'Cycle Count:') }} {{ green(states('sensor.computed_cycle_ant') + " N") }}<br> {{ pad_right(16, 'Delta Cell V:') }} {{ green(states('sensor.pack1_cell_volt_delta') + ' V') }} <br> {{ pad_right(14, 'MOS Temp.:') }} {{ green(states('sensor.pack1_mos_temperature') + ' °C') }}<br> {{ pad_right(15, 'Battery T2:') }} {{ green(states('sensor.pack1_temperatures_2') + ' °C') }} </div> - type: custom:stack-in-card keep: margin: false box_shadow: false background: false cards: - type: grid square: false columns: 1 cards: - type: markdown content: >- <center><b> pack1 Cells <font color="red"> {{'&nbsp;' * 5 }} {{ states('sensor.pack_1_charge_kw') + ' KW' }}</font> </b> </center> - type: grid square: false columns: 2 cards: - type: markdown content: >- {% for idx in range(1, 5) -%} {%- set min_idx = states('sensor.pack1_cell_index_min') %} {%- set max_idx = states('sensor.pack1_cell_index_max') %} {%- set is_max = states('sensor.pack1_cell_index_max')| int == idx %} {%- set is_min = states('sensor.pack1_cell_index_min')| int == idx %} {% if idx <= 9 %} {%- set volt_sensor_id = 'sensor.pack1_cell_volt_0%d' % idx %} {%- set cell_volt = states('sensor.pack1_cell_volt_0%d' % idx) %} {%- else %} {%- set volt_sensor_id = 'sensor.pack1_cell_volt_%d' % idx %} {%- set cell_volt = states('sensor.pack1_cell_volt_%d' % idx) %} {%- endif %} {%- set font_start = '<font color="#3090C7">' if is_max else '<font color="red">' if is_min else '' %} {%- set font_end = '</font>' if is_max or is_min else '' %} &nbsp;{{ "%02d" % idx }}. {{ font_start }} {{ cell_volt }} V {{ font_end -}} <br> {% endfor %} - type: markdown content: >- {% for idx in range(5, 8) -%} {%- set min_idx = states('sensor.pack1_cell_index_min') %} {%- set max_idx = states('sensor.pack1_cell_index_max') %} {%- set is_max = states('sensor.pack1_cell_index_max')| int == idx %} {%- set is_min = states('sensor.pack1_cell_index_min')| int == idx %} {% if idx <= 9 %} {%- set volt_sensor_id = 'sensor.pack1_cell_volt_0%d' % idx %} {%- set cell_volt = states('sensor.pack1_cell_volt_0%d' % idx) %} {%- else %} {%- set volt_sensor_id = 'sensor.pack1_cell_volt_%d' % idx %} {%- set cell_volt = states('sensor.pack1_cell_volt_%d' % idx) %} {%- endif %} {%- set font_start = '<font color="#3090C7">' if is_max else '<font color="red">' if is_min else '' %} {%- set font_end = '</font>' if is_max or is_min else '' %} &nbsp;{{ "%02d" % idx }}. {{ font_start }} {{ cell_volt }} V {{ font_end -}} <br> {% endfor %} - type: entities entities: - entity: switch.pack1_charge name: Charging - entity: switch.pack1_discharge name: Discharging - entity: switch.pack1_balance name: Balance show_header_toggle: false card_mod: style: | ha-card { color: red; } On Tue, Jan 7, 2025 at 11:44 AM spirake ***@***.***> wrote: type: vertical-stack cards: - type: custom:stack-in-card keep: margin: false box_shadow: false cards: - type: custom:stack-in-card columns: 1 cards: - type: markdown content: |- Time: *{{ states('sensor.jk_bms_total_runtime_formatted') | upper }} * * - type: markdown content: >- Charge: {% if states('switch.jk_bms_charging') == 'on' %} {{ states('switch.jk_bms_charging') | upper }} {% else %} {{ states('switch.jk_bms_charging') | upper }} {% endif %} {{' ' * 5 }} Discharge: {% if states('switch.jk_bms_discharging') == 'on' %} {{ states('switch.jk_bms_discharging') | upper }} {% else %} {{ states('switch.jk_bms_discharging') | upper }} {% endif %} {{' ' * 5 }} Balance: {% if states('switch.jk_bms_balancer') == 'on' %} {{ states('switch.jk_bms_balancer') | upper }} {% else %} {{ states('switch.jk_bms_balancer') | upper }} {% endif %} * * - type: custom:stack-in-card keep: margin: false box_shadow: false background: false cards: - type: custom:stack-in-card margin: false columns: 2 mode: horizontal cards: - type: markdown content: >- {{ states('sensor.jk_bms_total_voltage') }} V {% macro pad_right(w, s) %} {{ s }} {% set slen = w - (s|length) %} {% for idx in range(slen)%} {%endfor %} {%- endmacro %} {% macro green(s) %} {{ s }} {%- endmacro %} {{ pad_right(14, "Power Draw:") -}} {% set power = states('sensor.jk_bms_power') | int %} {{ green('%d' % power + ' W') }} {{ pad_right(16, "Total Capacity:") -}} {{ green(states('sensor.jk_bms_total_battery_capacity_setting') + " Ah") }} {{ pad_right(16, 'Cycle Capacity:') }} {{ green(states('sensor.jk_bms_total_charging_cycle_capacity') + " Ah") }} {{ pad_right(16, 'Avg Cell V:') }} {{ green(states('sensor.jk_bms_average_cell_voltage') + ' V') }} {{ pad_right(16, 'Balance Curr:') }} {{ green(states('sensor.jk_bms_balancing_current') + ' A') }} {{ pad_right(16, 'Battery T1:') }} {{ green(states('sensor.jk_bms_temperature_sensor_1') + ' °C') }} - type: markdown content: >- {{ states('sensor.jk_bms_current') }} A {% macro pad_right(w, s) %} {{ s }} {% set slen = w - (s|length) %} {% for idx in range(slen)%} {%endfor %} {%- endmacro %} {% macro green(s) %} {{ s }} {%- endmacro %} {{ pad_right(14, "Remaining:") -}} {{ green(states('sensor.jk_bms_capacity_remaining') + ' %') }} {{ pad_right(15, "Rem. Capacity:") -}} {{ green(states('sensor.jk_bms_capacity_remaining_derived') + " Ah") }} {{ pad_right(15, 'Cycle Count:') }} {{ green(states('sensor.jk_bms_charging_cycles') + " Ah") }} {{ pad_right(16, 'Delta Cell V:') }} {{ green(states('sensor.jk_bms_delta_cell_voltage') + ' V') }} {{ pad_right(14, 'MOS Temp.:') }} {{ green(states('sensor.jk_bms_power_tube_temperature') + ' °C') }} {{ pad_right(15, 'Battery T2:') }} {{ green(states('sensor.jk_bms_temperature_sensor_2') + ' °C') }} - type: custom:stack-in-card keep: margin: false box_shadow: false background: false cards: - type: grid square: false columns: 1 cards: - type: markdown content: Cells - type: grid square: false columns: 1 cards: - type: markdown content: >- 01. {% if states('sensor.jk_bms_max_voltage_cell') == '1' %} {{ states('sensor.jk_bms_cell_voltage_1') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '1' %} {{ states('sensor.jk_bms_cell_voltage_1') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_1') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_1') }} Ω 02. {% if states('sensor.jk_bms_max_voltage_cell') == '2' %} {{ states('sensor.jk_bms_cell_voltage_2') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '2' %} {{ states('sensor.jk_bms_cell_voltage_2') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_2') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_2') }} Ω 03. {% if states('sensor.jk_bms_max_voltage_cell') == '3' %} {{ states('sensor.jk_bms_cell_voltage_3') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '3' %} {{ states('sensor.jk_bms_cell_voltage_3') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_3') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_3') }} Ω 04. {% if states('sensor.jk_bms_max_voltage_cell') == '4' %} {{ states('sensor.jk_bms_cell_voltage_4') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '4' %} {{ states('sensor.jk_bms_cell_voltage_4') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_4') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_4') }} Ω 05. {% if states('sensor.jk_bms_max_voltage_cell') == '5' %} {{ states('sensor.jk_bms_cell_voltage_5') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '5' %} {{ states('sensor.jk_bms_cell_voltage_5') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_5') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_5') }} Ω 06. {% if states('sensor.jk_bms_max_voltage_cell') == '6' %} {{ states('sensor.jk_bms_cell_voltage_6') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '6' %} {{ states('sensor.jk_bms_cell_voltage_6') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_6') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_6') }} Ω 07. {% if states('sensor.jk_bms_max_voltage_cell') == '7' %} {{ states('sensor.jk_bms_cell_voltage_7') }} V {% elif states('sensor.jk_bms_min_voltage_cell') == '7' %} {{ states('sensor.jk_bms_cell_voltage_7') }} V {% else %} {{ states('sensor.jk_bms_cell_voltage_7') }} V {% endif %} / {{ states('sensor.jk_bms_cell_resistance_7') }} Ω - type: entities entities: - entity: switch.jk_bms_charging name: Charging - entity: switch.jk_bms_discharging name: Discharging - entity: switch.jk_bms_balancer name: Balancing show_header_toggle: false * — Reply to this email directly, view it on GitHub <#230 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6RHDDW4PFX7T3W6LTTPMZ32JQAATAVCNFSM6AAAAAATRVZQA6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTCNZWGMZDSOA> . You are receiving this because you commented.Message ID: ***@***.***>

-- Edward Allen Network/System/IT Solutions Provider/Consultant Voice: +1-647-876-4337 WhatsApp: +1-647-876-4337 https://www.linkedin.com/in/edwardajallen/ ***@***.***