-
Notifications
You must be signed in to change notification settings - Fork 1
/
badkamer_overview
150 lines (147 loc) · 5.01 KB
/
badkamer_overview
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
type: custom:vertical-stack-in-card
mode: vertical
cards:
- type: custom:mushroom-template-card
primary: Badkamer
icon: mdi:shower-head
icon_color: light-blue
layout: horizontal
entity: switch.tandenborstels
secondary: >-
{{states('sensor.badkamer_temperatuur_aqara_temperature') }}°C |
{{states('sensor.badkamer_temperatuur_aqara_humidity') | int }}% |
{{states('sensor.badkamer_temperatuur_aqara_pressure') | int }}hPa
tap_action:
action: navigate
navigation_path: /lovelace-tablet/badkamer
- type: custom:vertical-stack-in-card
horizontal: true
cards:
- type: custom:mushroom-template-card
entity: switch.shelly1l_badkamerfan
layout: vertical
use_light_color: true
icon: |-
{% if is_state('switch.shelly1l_badkamerfan', 'on') %}
mdi:fan
{% else %}
mdi:fan
{% endif %}
icon_color: |-
{% if is_state('switch.shelly1l_badkamerfan', 'on') %}
green
{% endif %}
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:toothbrush-electric
icon_color: |2-
{% if is_state(entity, 'on') %}
green
{% else %}
grey
{% endif %}
entity: switch.tandenborstels
tap_action:
action: more-info
- type: template
icon: mdi:fan
icon_color: |2-
{% if is_state(entity, 'on') %}
green
{% else %}
grey
{% endif %}
entity: switch.shelly1l_badkamerfan
tap_action:
action: more-info
- type: template
icon: mdi:shower-head
icon_color: |2-
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
entity: binary_sensor.hot_tap_water
tap_action:
action: more-info
- type: template
icon: |-
{% if is_state(entity, 'off') %}
mdi:window-closed
{% else %}
mdi:window-open
{% endif %}
icon_color: |2-
{% if is_state(entity, 'off') %}
green
{% else %}
red
{% endif %}
entity: binary_sensor.badkamer_raam_aqara_contact
tap_action:
action: more-info
alignment: end
card_mod:
style:
mushroom-template-chip: |
ha-card {
--ha-card-box-shadow: none;
--chip-background: none;
--chip-box-shadow: none;
--chip-spacing: 0;
: -36px;
}
mushroom-template-chip:nth-child(1)$: |
{% if is_state('switch.tandenborstels','on') %}
ha-icon {
animation: charge 1s linear infinite;
}
@keyframes charge {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { transform: translate(0, 0); }
5% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
15% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
25% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
35% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
45% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
55% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
65% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
75% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
85% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
95% { transform: translate({{ range(-10, 10) | random / 10 }}px, {{ range(-10, 10) | random / 10 }}px); }
}
}
{% else %}
{% endif %}
}
mushroom-template-chip:nth-child(2)$: |
{% if is_state('switch.shelly1l_badkamerfan','on') %}
ha-icon {
animation: rotation 2s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
}
{% else %}
{% endif %}
}
mushroom-template-chip:nth-child(3)$: |
{% if is_state('binary_sensor.hot_tap_water','on') %}
ha-icon {
animation: clip 0.7s ease-out infinite;
}
@keyframes clip {
0% {clip-path: inset(0 0 45% 0); }
100% { clip-path: inset(0 0 0 0); }
}
}
{% else %}
{% endif %}
}