Merge pull request #26 from flixlix/inverted-animation

added `inverted_animation` for individual devices
flixlix · Mar 27, 2023 · bbfab00 · bbfab00
2 parents aca8d1d + 215edad
commit bbfab00
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 6 deletions.
diff --git a/src/power-flow-card-plus-config.ts b/src/power-flow-card-plus-config.ts
@@ -11,7 +11,7 @@ export interface PowerFlowCardConfig extends LovelaceCardConfig {
       color?: ComboEntity;
       color_icon?: boolean | "production" | "consumption";
       display_state?: "two_way" | "one_way" | "one_way_no_zero";
-    }
+    };
     grid?: {
       entity: string | ComboEntity;
       name?: string;
@@ -49,6 +49,7 @@ export interface PowerFlowCardConfig extends LovelaceCardConfig {
       color?: string;
       color_icon?: boolean;
       display_zero?: boolean;
+      inverted_animation?: boolean;
     };
     individual2?: {
       entity: string;
@@ -57,6 +58,7 @@ export interface PowerFlowCardConfig extends LovelaceCardConfig {
       color?: string;
       color_icon?: boolean;
       display_zero?: boolean;
+      inverted_animation?: boolean;
     };
   };
   dashboard_link?: string;

diff --git a/src/power-flow-card-plus.ts b/src/power-flow-card-plus.ts
@@ -704,7 +704,11 @@ export class PowerFlowCard extends LitElement {
                                 dur="1.66s"
                                 repeatCount="indefinite"
                                 calcMode="linear"
-                                keyPoints="1;0" 
+                                keyPoints=${
+                                  entities.individual2?.inverted_animation
+                                    ? "0;1"
+                                    : "1;0"
+                                }
                                 keyTimes="0;1"
                               >
                                 <mpath xlink:href="#individual2" />
@@ -749,9 +753,13 @@ export class PowerFlowCard extends LitElement {
                                 <animateMotion
                                   dur="1.66s"
                                   repeatCount="indefinite"
-                                  calcMode="linear"
-                                  keyPoints="1;0" 
+                                  keyPoints=${
+                                    entities.individual1?.inverted_animation
+                                      ? "0;1"
+                                      : "1;0"
+                                  }
                                   keyTimes="0;1"
+                                  
                                 >
                                   <mpath xlink:href="#individual1" />
                                 </animateMotion>
@@ -1126,8 +1134,12 @@ export class PowerFlowCard extends LitElement {
                                   dur="1.66s"
                                   repeatCount="indefinite"
                                   calcMode="linear"
-                                  keyPoints="1;0" 
-                                  keyTimes="0;1"
+                                  keyPoints=${
+                                    entities.individual1?.inverted_animation
+                                      ? "0;1"
+                                      : "1;0"
+                                  }
+                                  keyTimes="0;1" 
                                 >
                                   <mpath xlink:href="#individual1" />
                                 </animateMotion>