More COVID-19

config/configuration.yaml

@@ -59,6 +59,8 @@ lovelace:
       url: /hacsfiles/lovelace-multiple-entity-row/multiple-entity-row.js
     - type: module
       url: /hacsfiles/decluttering-card/decluttering-card.js
+    - type: module
+      url: /hacsfiles/lovelace-layout-card/layout-card.js
   dashboards:
     lovelace-yaml:
       mode: yaml

config/lovelace/07_covid_19.yaml

@@ -1,87 +1,39 @@
 title: COVID-19
 path: covid-19
-panel: false
+panel: true
 icon: "mdi:biohazard"
 badges: []
 cards:
-  - type: vertical-stack
+  - type: custom:layout-card
+    min_columns: 3
+    max_columns: 3
     cards:
-      - type: glance
+      - type: custom:decluttering-card
-        title: COVID-19 Worldwide
+        template: covid_19
-        show_name: true
+        variables:
-        columns: 4
+          - name: Worldwide
-        entities:
+          - location: worldwide
-          - entity: sensor.worldwide_coronavirus_confirmed
-            name: Confirmed
-            icon: "mdi:emoticon-confused-outline"
-          - entity: sensor.worldwide_coronavirus_current
-            name: Current
-            icon: "mdi:emoticon-sad-outline"
-          - entity: sensor.worldwide_coronavirus_deaths
-            name: Deaths
-            icon: "mdi:emoticon-cry-outline"
-          - entity: sensor.worldwide_coronavirus_recovered
-            name: Recovered
-            icon: "mdi:emoticon-cool-outline"
 
-      - type: "custom:mini-graph-card"
+      - type: custom:decluttering-card
-        animate: true
+        template: covid_19
-        icon: mdi:emoticon-confused
+        variables:
-        line_width: 3
+          - name: Bulgaria
-        line_color:
+          - location: bulgaria
-          - var(--paper-orange-400)
-          - var(--paper-green-400)
-          - var(--accent-color)
-        hours_to_show: 168
-        points_per_hour: 0.04
-        entities:
-          - entity: sensor.worldwide_coronavirus_deaths
-            index: 0
-            name: Deaths
-          - entity: sensor.worldwide_coronavirus_recovered
-            index: 1
-            name: Recovered
-          - entity: sensor.worldwide_coronavirus_current
-            index: 2
-            name: Current
 
-  - type: vertical-stack
+      - type: custom:decluttering-card
-    cards:
+        template: covid_19
-      - type: glance
+        variables:
-        title: COVID-19 Bulgaria
+          - name: Italy
-        show_name: true
+          - location: italy
-        columns: 4
-        entities:
-          - entity: sensor.bulgaria_coronavirus_confirmed
-            name: Confirmed
-            icon: "mdi:emoticon-confused-outline"
-          - entity: sensor.bulgaria_coronavirus_current
-            name: Current
-            icon: "mdi:emoticon-sad-outline"
-          - entity: sensor.bulgaria_coronavirus_deaths
-            name: Deaths
-            icon: "mdi:emoticon-cry-outline"
-          - entity: sensor.bulgaria_coronavirus_recovered
-            name: Recovered
-            icon: "mdi:emoticon-cool-outline"
 
-      - type: "custom:mini-graph-card"
+      - type: custom:decluttering-card
-        animate: true
+        template: covid_19
-        icon: mdi:emoticon-confused
+        variables:
-        line_width: 3
+          - name: France
-        line_color:
+          - location: france
-          - var(--accent-color)
+
-          - var(--paper-orange-400)
+      - type: custom:decluttering-card
-          - var(--paper-green-400)
+        template: covid_19
-        hours_to_show: 168
+        variables:
-        points_per_hour: 0.04
+          - name: USA
-        entities:
+          - location: us
-          - entity: sensor.bulgaria_coronavirus_current
-            index: 0
-            name: Current
-          - entity: sensor.bulgaria_coronavirus_deaths
-            index: 1
-            name: Deaths
-          - entity: sensor.bulgaria_coronavirus_recovered
-            index: 2
-            name: Recovered

config/lovelace/templates/covid_19.yaml

@@ -0,0 +1,42 @@
+covid_19:
+  card:
+    type: vertical-stack
+    cards:
+      - type: glance
+        title: COVID-19 [[name]]
+        show_name: true
+        columns: 4
+        entities:
+          - entity: sensor.[[location]]_coronavirus_confirmed
+            name: Confirmed
+            icon: "mdi:emoticon-confused-outline"
+          - entity: sensor.[[location]]_coronavirus_current
+            name: Current
+            icon: "mdi:emoticon-sad-outline"
+          - entity: sensor.[[location]]_coronavirus_deaths
+            name: Deaths
+            icon: "mdi:emoticon-cry-outline"
+          - entity: sensor.[[location]]_coronavirus_recovered
+            name: Recovered
+            icon: "mdi:emoticon-cool-outline"
+
+      - type: "custom:mini-graph-card"
+        animate: true
+        icon: mdi:emoticon-confused
+        line_width: 3
+        line_color:
+          - var(--paper-orange-400)
+          - var(--paper-green-400)
+          - var(--accent-color)
+        hours_to_show: 168
+        points_per_hour: 0.04
+        entities:
+          - entity: sensor.[[location]]_coronavirus_deaths
+            index: 0
+            name: Deaths
+          - entity: sensor.[[location]]_coronavirus_recovered
+            index: 1
+            name: Recovered
+          - entity: sensor.[[location]]_coronavirus_current
+            index: 2
+            name: "Current"