-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathkeuken_overview
158 lines (156 loc) · 6.84 KB
/
keuken_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
151
152
153
154
155
156
157
158
type: custom:vertical-stack-in-card
mode: vertical
cards:
- type: custom:mushroom-template-card
primary: Keuken
icon: mdi:countertop
icon_color: teal
layout: horizontal
entity: light.woonkamer_keuken_dimmer_6sp_ecodim
secondary: >-
{{states('sensor.woonkamer_motion_hue_temperature') }}°C |
{{states('sensor.woonkamer_motion_hue_illuminance_lux') | int }}lux |
{{states('sensor.keuken_total_energy_watt') | int }}W
tap_action:
action: navigate
navigation_path: /lovelace-tablet/keuken
- type: custom:vertical-stack-in-card
horizontal: true
cards:
- type: custom:mushroom-template-card
entity: light.woonkamer_keuken_dimmer_6sp_ecodim
layout: vertical
icon: |-
{% if is_state('light.woonkamer_keuken_dimmer_6sp_ecodim', 'on') %}
hue:bulb-group-ceiling-flush-circular
{% else %}
hue:bulb-group-ceiling-flush-circular
{% endif %}
icon_color: |-
{% if is_state('light.woonkamer_keuken_dimmer_6sp_ecodim', 'on') %}
yellow
{% endif %}
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:coffee-maker
icon_color: |2-
{% if states('sensor.shelly1pm_koffie_power') | float > 2 %}
brown
{% else %}
grey
{% endif %}
entity: sensor.shelly1pm_koffie_power
tap_action:
action: more-info
- type: template
icon: mdi:dishwasher
icon_color: |2-
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
entity: binary_sensor.vaatwasser_status
tap_action:
action: more-info
- type: entity
icon: mdi:fridge
entity: sensor.keuken_koelkast_temperatuur_aqara_temperature
icon_color: blue
- type: conditional
conditions:
- entity: sensor.espresense_keuken_count
state_not: '0'
chip:
type: entity
icon: mdi:human-greeting
icon_color: green
entity: sensor.espresense_keuken_count
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.keuken_raam_aqara_contact
tap_action:
action: more-info
- type: template
icon: |-
{% if is_state(entity, 'off') %}
mdi:door-sliding-lock
{% else %}
mdi:door-sliding-open
{% endif %}
icon_color: |2-
{% if is_state(entity, 'off') %}
green
{% else %}
red
{% endif %}
entity: binary_sensor.achterdeur_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 states('sensor.shelly1pm_koffie_power') | float > 2 %}
ha-icon {
animation: java 4s linear infinite;
}
@keyframes java {
0%, 80%, 100% { clip-path: polygon(0 0, 100% 0, 100% 32%, 47% 32%, 47% 43%, 100% 43%, 100% 100%, 0 100%); }
10% { clip-path: polygon(0 0, 100% 0, 100% 32%, 47% 32%, 47% 43%, 100% 43%, 100% 100%, 55% 100%, 55% 79%, 63% 76%, 67% 70%, 66% 54%, 42% 55%, 42% 70%, 47% 77%, 55% 80%, 57% 100%, 0 100%); }
15% { clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 55% 79%, 63% 76%, 67% 70%, 66% 54%, 42% 54%, 42% 70%, 47% 77%, 55% 80%, 55% 100%, 0 100%); }
20% { clip-path: polygon(0 0, 100% 0, 100% 32%, 47% 32%, 47% 43%, 100% 43%, 100% 100%, 55% 100%, 55% 76%, 63% 76%, 67% 70%, 66% 54%, 42% 55%, 42% 70%, 47% 76%, 55% 76%, 57% 100%, 0 100%); }
25% { clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 55% 76%, 63% 76%, 67% 70%, 66% 54%, 42% 54%, 42% 70%, 47% 76%, 55% 76%, 56% 100%, 0 100%); }
30% { clip-path: polygon(0 0, 100% 0, 100% 32%, 47% 32%, 47% 43%, 100% 43%, 100% 100%, 55% 100%, 55% 73%, 64% 73%, 66% 70%, 66% 55%, 42% 55%, 42% 69%, 44% 73%, 55% 73%, 57% 100%, 0 100%); }
35% { clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 55% 73%, 64% 73%, 66% 70%, 66% 55%, 42% 54%, 42% 69%, 44% 73%, 55% 73%, 56% 100%, 0 100%); }
40% { clip-path: polygon(0 0, 100% 0, 100% 32%, 47% 32%, 47% 43%, 100% 43%, 100% 100%, 55% 100%, 55% 70%, 67% 70%, 66% 54%, 42% 54%, 42% 70%, 57% 70%, 57% 100%, 0 100%); }
45% { clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 55% 70%, 67% 70%, 66% 54%, 42% 54%, 42% 70%, 55% 70%, 56% 100%, 0 100%); }
50% { clip-path: polygon(0 0, 100% 0, 100% 32%, 47% 32%, 47% 43%, 100% 43%, 100% 100%, 55% 100%, 55% 66%, 67% 65%, 66% 54%, 42% 54%, 42% 65%, 57% 65%, 57% 100%, 0 100%); }
55% { clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 55% 66%, 67% 65%, 66% 54%, 42% 54%, 42% 65%, 55% 65%, 56% 100%, 0 100%); }
60% { clip-path: polygon(0 0, 100% 0, 100% 32%, 47% 32%, 47% 43%, 100% 43%, 100% 100%, 55% 100%, 55% 60%, 66% 60%, 66% 54%, 42% 54%, 42% 60%, 57% 60%, 57% 100%, 0 100%); }
65% { clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 55% 60%, 66% 60%, 66% 54%, 42% 54%, 42% 60%, 55% 60%, 56% 100%, 0 100%); }
70% { clip-path: polygon(0 0, 100% 0, 100% 32%, 47% 32%, 47% 43%, 100% 43%, 100% 100%, 55% 100%, 55% 56%, 66% 56%, 66% 54%, 42% 54%, 42% 56%, 57% 56%, 57% 100%, 0 100%); }
75% { clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 55% 56%, 66% 56%, 66% 54%, 42% 54%, 42% 56%, 55% 56%, 55% 100%, 0 100%); }
}
{% else %}
{% endif %}
}
mushroom-template-chip:nth-child(2)$: |
{% if is_state('binary_sensor.vaatwasser_status','on') %}
ha-icon {
animation: bounce 1.5s ease-in-out infinite, wash 1s ease-in-out infinite;
transform-origin: 50% 75%;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0); }
40% { transform: translateY(-1.2px) rotate(5deg); }
60% { transform: translateY(-1.1px) rotate(-4deg); }
}
@keyframes wash {
50% { clip-path: polygon(0 0, 0 100%, 35% 100%, 36% 74%, 31% 43%, 61% 40%, 71% 69%, 62% 78%, 36% 73%, 35% 100%, 100% 100%, 100% 0); }
}
{% else %}
{% endif %}
}