Merge pull request #16 from SNoof85/test-for-max

4th value in severity

readme.md

@@ -37,13 +37,15 @@ Add it as a custom card to your lovelace : `'custom:tempometer-gauge-card'`.
 | green ***(required)*** | number | Value for the color green.
 | yellow ***(required)*** | number | Value for the color yellow.
 | red ***(required)*** | number | Value for the color red.
+| max | number | Maximum value of the last step, normal color will be rendered above
 
 Example:
 ```yaml
 severity:
   green: 1020
   yellow: 1000
   red: 900
+  max: 1100
 ```
 
 ## Tip
@@ -94,6 +96,7 @@ severity:
   green: 1000
   yellow: 2000
   red: 3000
+  max: 5000
 ```
 
 Maybe more to come ! PR are welcome and i can have a look to features requests.

tempometer-gauge-card.js

@@ -1,3 +1,4 @@
+console.info(`%c TEMPOMETER-CARD \n%c      v0.7       `, 'color: orange; font-weight: bold; background: black', 'color: white; font-weight: bold; background: dimgray');
 class TempometerGaugeCard extends HTMLElement {
   constructor() {
     super();
@@ -295,15 +296,23 @@ class TempometerGaugeCard extends HTMLElement {
       sortable.push([severity, sections[severity]]);
     }
     sortable.sort((a, b) => { return a[1] - b[1] });
-
     if (numberValue >= sortable[0][1] && numberValue < sortable[1][1]) {
       return severityMap[sortable[0][0]];
     }
     if (numberValue >= sortable[1][1] && numberValue < sortable[2][1]) {
       return severityMap[sortable[1][0]];
     }
-    if (numberValue >= sortable[2][1]) {
-      return severityMap[sortable[2][0]];
+    if (sortable.length === 4) {
+      if (numberValue >= sortable[2][1] && numberValue < sortable[3][1]) {
+        return severityMap[sortable[2][0]];
+      }
+      if (numberValue > sortable[3][1]) {
+        return severityMap["normal"]
+      }
+    } else {
+      if (numberValue >= sortable[2][1]) {
+        return severityMap[sortable[2][0]];
+      }
     }
     return severityMap["normal"];
   }