feat: display additional load with 3 loads

slipx06 · Jun 5, 2024 · fd80710 · fd80710
1 parent e161cc9
commit fd80710
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/cards/compact-card.ts b/src/cards/compact-card.ts
@@ -1250,6 +1250,14 @@ export const compactCard = (config: sunsynkPowerFlowCardConfig, inverterImg: str
                             ${data.stateEssentialLoad2Extra.getUOM()}
                         </text>
                     </a>
+                    <a href="#" @click=${(e) => Utils.handlePopup(e, config.entities.essential_load2_extra)}>
+                        <text id="ess_load2_extra" x="435" y="332"
+                              display="${(config.entities?.essential_load2_extra && data.additionalLoad === 3) && data.stateEssentialLoad2Extra.isValid() ? '' : 'none'}"
+                              class="st3 right-align" fill="${data.dynamicColourEssentialLoad2}">
+                            ${data.stateEssentialLoad2Extra.toNum(1)}
+                            ${data.stateEssentialLoad2Extra.getUOM()}
+                        </text>
+                    </a>
                     <a href="#" @click=${(e) => Utils.handlePopup(e, config.entities.essential_load3_extra)}>
                         <text id="ess_load3_extra" x="435" y="332"
                               display="${(config.entities?.essential_load3_extra && data.additionalLoad === 4) && data.stateEssentialLoad3Extra.isValid() ? '' : 'none'}"
@@ -1258,6 +1266,14 @@ export const compactCard = (config: sunsynkPowerFlowCardConfig, inverterImg: str
                             ${data.stateEssentialLoad3Extra.getUOM()}
                         </text>
                     </a>
+                    <a href="#" @click=${(e) => Utils.handlePopup(e, config.entities.essential_load3_extra)}>
+                        <text id="ess_load3_extra" x="448" y="332"
+                              display="${(config.entities?.essential_load3_extra && data.additionalLoad === 3) && data.stateEssentialLoad3Extra.isValid() ? '' : 'none'}"
+                              class="st3 left-align" fill="${data.dynamicColourEssentialLoad3}">
+                            ${data.stateEssentialLoad3Extra.toNum(1)}
+                            ${data.stateEssentialLoad3Extra.getUOM()}
+                        </text>
+                    </a>
                     <a href="#" @click=${(e) => Utils.handlePopup(e, config.entities.essential_load4_extra)}>
                         <text id="ess_load4_extra" x="448" y="332"
                               display="${(config.entities?.essential_load4_extra && data.additionalLoad === 4) && data.stateEssentialLoad4Extra.isValid() ? '' : 'none'}"