-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
you can specify the battery charge cut-off capacity using the soc_end…
…_of_charge attribute. If for example you set your battery to charge up to 90% the card will correctly display charge time to this capacity. Expects a numeric value between 80 and 100 or sensor i.e. sensor.soc_end_of_charge by slipx06 (sunsynk-power-flow-card#514)
- Loading branch information
Showing
5 changed files
with
182 additions
and
146 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,146 +1,168 @@ | ||
| import {unitOfEnergyConversionRules, UnitOfEnergyOrPower, UnitOfPower} from '../const'; | ||
| import { unitOfEnergyConversionRules, UnitOfEnergyOrPower, UnitOfPower } from '../const'; | ||
| import { navigate } from 'custom-card-helpers'; | ||
|
|
||
| export class Utils { | ||
| static toNum(val: string | number, decimals: number = -1, invert: boolean = false, abs: boolean = false): number { | ||
| let numberValue = Number(val); | ||
| if (Number.isNaN(numberValue)) { | ||
| return 0; | ||
| } | ||
| if (decimals >= 0) { | ||
| numberValue = parseFloat(numberValue.toFixed(decimals)); | ||
| } | ||
| if (invert) { | ||
| numberValue *= -1; | ||
| } | ||
| if(abs) { | ||
| numberValue = Math.abs(numberValue); | ||
| } | ||
| return numberValue; | ||
| } | ||
|
|
||
| static convertValue(value, decimal = 2) { | ||
| decimal = Number.isNaN(decimal) ? 2 : decimal; | ||
| if (Math.abs(value) >= 1000000) { | ||
| return `${(value / 1000000).toFixed(decimal)} MW`; | ||
| } else if (Math.abs(value) >= 1000) { | ||
| return `${(value / 1000).toFixed(decimal)} kW`; | ||
| } else { | ||
| return `${Math.round(value)} W`; | ||
| } | ||
| } | ||
|
|
||
| static convertValueNew( | ||
| value: string | number, | ||
| unit: UnitOfEnergyOrPower | string = '', | ||
| decimal: number = 2, | ||
| withUnit: boolean = true, | ||
| ):string { | ||
| decimal = isNaN(decimal) ? 2 : decimal; | ||
| const numberValue = Number(value); | ||
| if (isNaN(numberValue)) return Number(0).toFixed(decimal); | ||
|
|
||
| const rules = unitOfEnergyConversionRules[unit]; | ||
| if (!rules) { | ||
| if(withUnit) { | ||
| return `${this.toNum(numberValue, decimal)} ${unit}` | ||
| } | ||
| return `${this.toNum(numberValue, decimal)}`; | ||
| } | ||
|
|
||
| if (unit === UnitOfPower.WATT && Math.abs(numberValue) < 1000) { | ||
| if(withUnit) { | ||
| return `${Math.round(numberValue)} ${unit}`; | ||
| } | ||
| return `${Math.round(numberValue)}`; | ||
| } | ||
|
|
||
| if (unit === UnitOfPower.KILO_WATT && Math.abs(numberValue) < 1) { | ||
| if(withUnit) { | ||
| return `${Math.round(numberValue * 1000)} W`; | ||
| } | ||
| return `${Math.round(numberValue * 1000)}`; | ||
| } | ||
|
|
||
| if (unit === UnitOfPower.MEGA_WATT && Math.abs(numberValue) < 1) { | ||
| if(withUnit) { | ||
| return `${(numberValue * 1000).toFixed(decimal)} kW`; | ||
| } | ||
| return `${(numberValue * 1000).toFixed(decimal)}`; | ||
| } | ||
|
|
||
| for (const rule of rules) { | ||
| if (Math.abs(numberValue) >= rule.threshold) { | ||
| const convertedValue = (numberValue / rule.divisor).toFixed(rule.decimal || decimal); | ||
| if(withUnit) { | ||
| return `${convertedValue} ${rule.targetUnit}`; | ||
| } | ||
| return `${convertedValue}`; | ||
| } | ||
| } | ||
|
|
||
| if(withUnit) { | ||
| return `${numberValue.toFixed(decimal)} ${unit}`; | ||
| static toNum(val: string | number, decimals: number = -1, invert: boolean = false, abs: boolean = false): number { | ||
| let numberValue = Number(val); | ||
| if (Number.isNaN(numberValue)) { | ||
| return 0; | ||
| } | ||
| if (decimals >= 0) { | ||
| numberValue = parseFloat(numberValue.toFixed(decimals)); | ||
| } | ||
| if (invert) { | ||
| numberValue *= -1; | ||
| } | ||
| if (abs) { | ||
| numberValue = Math.abs(numberValue); | ||
| } | ||
| return numberValue; | ||
| } | ||
|
|
||
| static convertValue(value, decimal = 2) { | ||
| decimal = Number.isNaN(decimal) ? 2 : decimal; | ||
| if (Math.abs(value) >= 1000000) { | ||
| return `${(value / 1000000).toFixed(decimal)} MW`; | ||
| } else if (Math.abs(value) >= 1000) { | ||
| return `${(value / 1000).toFixed(decimal)} kW`; | ||
| } else { | ||
| return `${Math.round(value)} W`; | ||
| } | ||
| } | ||
|
|
||
| static convertValueNew( | ||
| value: string | number, | ||
| unit: UnitOfEnergyOrPower | string = '', | ||
| decimal: number = 2, | ||
| withUnit: boolean = true, | ||
| ): string { | ||
| decimal = isNaN(decimal) ? 2 : decimal; | ||
| const numberValue = Number(value); | ||
| if (isNaN(numberValue)) return Number(0).toFixed(decimal); | ||
|
|
||
| const rules = unitOfEnergyConversionRules[unit]; | ||
| if (!rules) { | ||
| if (withUnit) { | ||
| return `${this.toNum(numberValue, decimal)} ${unit}`; | ||
| } | ||
| return `${this.toNum(numberValue, decimal)}`; | ||
| } | ||
|
|
||
| if (unit === UnitOfPower.WATT && Math.abs(numberValue) < 1000) { | ||
| if (withUnit) { | ||
| return `${Math.round(numberValue)} ${unit}`; | ||
| } | ||
| return `${Math.round(numberValue)}`; | ||
| } | ||
|
|
||
| if (unit === UnitOfPower.KILO_WATT && Math.abs(numberValue) < 1) { | ||
| if (withUnit) { | ||
| return `${Math.round(numberValue * 1000)} W`; | ||
| } | ||
| return `${Math.round(numberValue * 1000)}`; | ||
| } | ||
|
|
||
| if (unit === UnitOfPower.MEGA_WATT && Math.abs(numberValue) < 1) { | ||
| if (withUnit) { | ||
| return `${(numberValue * 1000).toFixed(decimal)} kW`; | ||
| } | ||
| return `${(numberValue * 1000).toFixed(decimal)}`; | ||
| } | ||
|
|
||
| for (const rule of rules) { | ||
| if (Math.abs(numberValue) >= rule.threshold) { | ||
| const convertedValue = (numberValue / rule.divisor).toFixed(rule.decimal || decimal); | ||
| if (withUnit) { | ||
| return `${convertedValue} ${rule.targetUnit}`; | ||
| } | ||
| return `${numberValue.toFixed(decimal)}`; | ||
| } | ||
|
|
||
| private static isPopupOpen = false; | ||
| static handlePopup(event, entityId) { | ||
| if (!entityId) { | ||
| return; | ||
| } | ||
| event.preventDefault(); | ||
| this._handleClick(event, { action: 'more-info' }, entityId); | ||
| } | ||
|
|
||
| private static _handleClick(event, actionConfig, entityId) { | ||
| if (!event || !entityId) { | ||
| return; | ||
| } | ||
|
|
||
| event.stopPropagation(); | ||
|
|
||
| // Handle different actions based on actionConfig | ||
| switch (actionConfig.action) { | ||
| case 'more-info': | ||
| this._dispatchMoreInfoEvent(event, entityId); | ||
| break; | ||
| default: | ||
| console.warn(`Action '${actionConfig.action}' is not supported.`); | ||
| } | ||
| } | ||
|
|
||
| private static _dispatchMoreInfoEvent(event, entityId) { | ||
|
|
||
| if (Utils.isPopupOpen) { | ||
| return; | ||
| } | ||
|
|
||
| Utils.isPopupOpen = true; | ||
|
|
||
| const moreInfoEvent = new CustomEvent('hass-more-info', { | ||
| composed: true, | ||
| detail: { entityId }, | ||
| }); | ||
|
|
||
| history.pushState({ popupOpen: true }, '', window.location.href); | ||
|
|
||
| event.target.dispatchEvent(moreInfoEvent); | ||
|
|
||
| const closePopup = () => { | ||
|
|
||
| if (Utils.isPopupOpen) { | ||
| //console.log(`Closing popup for entityId: ${entityId}`); | ||
| Utils.isPopupOpen = false; | ||
|
|
||
| // Remove the event listener to avoid multiple bindings | ||
| window.removeEventListener('popstate', closePopup); | ||
|
|
||
| // Optionally, if your popup close logic doesn't trigger history.back(), call it manually | ||
| history.back(); | ||
| } | ||
| }; | ||
|
|
||
| window.addEventListener('popstate', closePopup, { once: true }); | ||
| } | ||
| return `${convertedValue}`; | ||
| } | ||
| } | ||
|
|
||
| if (withUnit) { | ||
| return `${numberValue.toFixed(decimal)} ${unit}`; | ||
| } | ||
| return `${numberValue.toFixed(decimal)}`; | ||
| } | ||
|
|
||
| private static isPopupOpen = false; | ||
|
|
||
| static handlePopup(event, entityId) { | ||
| if (!entityId) { | ||
| return; | ||
| } | ||
| event.preventDefault(); | ||
| this._handleClick(event, { action: 'more-info' }, entityId); | ||
| } | ||
|
|
||
| static handleNavigation(event, navigationPath) { | ||
| if (!navigationPath) { | ||
| return; | ||
| } | ||
| event.preventDefault(); | ||
| this._handleClick(event, { action: 'navigate', navigation_path: navigationPath }, null); | ||
| } | ||
|
|
||
| private static _handleClick(event, actionConfig, entityId) { | ||
| if (!event || (!entityId && !actionConfig.navigation_path)) { | ||
| return; | ||
| } | ||
|
|
||
| event.stopPropagation(); | ||
|
|
||
| // Handle different actions based on actionConfig | ||
| switch (actionConfig.action) { | ||
| case 'more-info': | ||
| this._dispatchMoreInfoEvent(event, entityId); | ||
| break; | ||
| case 'navigate': | ||
| this._handleNavigationEvent(event, actionConfig.navigation_path); | ||
| break; | ||
| default: | ||
| console.warn(`Action '${actionConfig.action}' is not supported.`); | ||
| } | ||
| } | ||
|
|
||
| private static _dispatchMoreInfoEvent(event, entityId) { | ||
|
|
||
| if (Utils.isPopupOpen) { | ||
| return; | ||
| } | ||
|
|
||
| Utils.isPopupOpen = true; | ||
|
|
||
| const moreInfoEvent = new CustomEvent('hass-more-info', { | ||
| composed: true, | ||
| detail: { entityId }, | ||
| }); | ||
|
|
||
| history.pushState({ popupOpen: true }, '', window.location.href); | ||
|
|
||
| event.target.dispatchEvent(moreInfoEvent); | ||
|
|
||
| const closePopup = () => { | ||
|
|
||
| if (Utils.isPopupOpen) { | ||
| //console.log(`Closing popup for entityId: ${entityId}`); | ||
| Utils.isPopupOpen = false; | ||
|
|
||
| // Remove the event listener to avoid multiple bindings | ||
| window.removeEventListener('popstate', closePopup); | ||
|
|
||
| // Optionally, if your popup close logic doesn't trigger history.back(), call it manually | ||
| history.back(); | ||
| } | ||
| }; | ||
|
|
||
| window.addEventListener('popstate', closePopup, { once: true }); | ||
| } | ||
|
|
||
| private static _handleNavigationEvent(event, navigationPath) { | ||
| // Perform the navigation action | ||
| if (navigationPath) { | ||
| navigate(event.target, navigationPath); // Assuming 'navigate' is a function available in your environment | ||
| } else { | ||
| console.warn('Navigation path is not provided.'); | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.