Add new weather cards

This commit is contained in:
Georgi Gardev
2022-12-07 19:29:42 +02:00
parent c700859941
commit 6f207e1ebf
2 changed files with 88 additions and 16 deletions
@@ -182,13 +182,88 @@ card:
# Column 2
- type: vertical-stack
cards:
- type: custom:weather-card
entity: weather.dark_sky
forecast: false
- type: markdown
content: >-
{% set forecast = states('sensor.dark_sky_hourly_summary') %}
{{ forecast }}
- type: custom:stack-in-card
mode: vertical
keep:
background: true
card_mod:
style: |
ha-card {
margin-top: 16px;
}
cards:
- type: custom:simple-weather-card
entity: weather.dark_sky
backdrop: true
secondary_info:
- humidity
- wind_speed
- precipitation_probability
card_mod:
style: |
.weather__info:not(.weather__info--add) {
margin-left: 14px;
}
- type: custom:air-visual-card
air_pollution_level: sensor.u_s_air_pollution_level
air_quality_index: sensor.u_s_air_quality_index
main_pollutant: sensor.u_s_main_pollutant
hide_title: true
hide_weather: true
country: Sofia
card_mod:
style: |
.grid-container {
grid-template-columns: 70px 30% auto;
grid-template-rows: 0 38px auto;
}
.face {
border-top-left-radius: 0;
}
.face img {
height: 40px;
}
.country {
text-align: left;
padding-left: 16px;
}
.aplSensor {
justify-content: end;
padding-right: 16px;
padding-top: 16px;
font-size: 1em;
border-top-right-radius: 0;
}
.mainPollutantSensor {
padding: 0 0 16px 0;
}
.mainPollutantSensorText {
width: auto;
padding: 0 16px;
margin-left: auto;
margin-right: 16px;
}
.aqiSensor {
justify-content: start;
padding-left: 16px;
padding-top: 16px;
font-size: 1.5em;
height: auto;
}
- type: markdown
content: >-
{% set forecast = states('sensor.dark_sky_hourly_summary') %}
It will be {{ forecast[0] | lower }}{{ forecast [1:] }}
- type: custom:decluttering-card
template: v3_section_title
variables:
+6 -9
View File
@@ -1,4 +1,4 @@
- url: /hacsfiles/aftership-card/aftership-card.js
- url: /hacsfiles/air-visual-card/air-visual-card.js
type: module
- url: /hacsfiles/bar-card/bar-card.js
type: module
@@ -20,14 +20,14 @@
type: module
- url: /hacsfiles/light-entity-card/light-entity-card.js
type: module
- url: /hacsfiles/light-popup-card/light-popup-card.js
type: module
- url: /hacsfiles/lovelace-card-mod/card-mod.js
type: module
- url: /hacsfiles/lovelace-fold-entity-row/fold-entity-row.js
type: module
- url: /hacsfiles/lovelace-layout-card/layout-card.js
type: module
- url: /hacsfiles/lovelace-hourly-weather/hourly-weather.js
type: module
- url: /hacsfiles/lovelace-multiple-entity-row/multiple-entity-row.js
type: module
- url: /hacsfiles/lovelace-slider-entity-row/slider-entity-row.js
@@ -42,10 +42,10 @@
type: module
- url: /hacsfiles/lovelace-state-switch/state-switch.js
type: module
- url: /hacsfiles/kb-better-graph-colors/kb-better-graph-colors.js
type: module
- url: /hacsfiles/simple-clock-card/simple-clock-card.js
type: module
- url: /hacsfiles/simple-weather-card/simple-weather-card-bundle.js
type: module
- url: /hacsfiles/lovelace-swipe-navigation/swipe-navigation.js
type: module
- url: /hacsfiles/lovelace-template-entity-row/template-entity-row.js
@@ -54,7 +54,7 @@
type: module
- url: /hacsfiles/vacuum-card/vacuum-card.js
type: module
- url: /hacsfiles/vertical-stack-in-card/vertical-stack-in-card.js
- url: /hacsfiles/stack-in-card/stack-in-card.js
type: module
- url: /hacsfiles/weather-card/weather-card.js
type: module
@@ -66,9 +66,6 @@
type: module
- url: /hacsfiles/lovelace-folder-card/folder-card.js
type: module
- url: /hacsfiles/lovelace-time-picker-card/time-picker-card.js
type: module