-
Notifications
You must be signed in to change notification settings - Fork 0
/
subview_kinderkamer_sophie_detailed_card.yaml
137 lines (128 loc) · 4.25 KB
/
subview_kinderkamer_sophie_detailed_card.yaml
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
type: custom:vertical-stack-in-card
horizontal: false
cards:
- type: custom:stack-in-card
cards:
- type: custom:mushroom-template-card
primary: Sophie 👸
icon: mdi:bed
icon_color: pink
layout: horizontal
entity: light.kinderkamer_sophie_group_hue
secondary: >-
🌡️{{states('sensor.kinderkamer_sophie_temperature') }}°C |
💧{{states('sensor.kinderkamer_sophie_humidity') | int }}% |
💡{{states('sensor.kinderkamer_sophie_illuminance') | int }}lux |
🔌{{states('sensor.sophie_total_energy_watt') | int }}W
tap_action:
action: navigate
navigation_path: /lovelace-tablet/sophie
fill_container: true
multiline_secondary: false
card_mod:
style: |
ha-card {
z-index: 1;
}
- type: custom:vertical-stack-in-card
mode: vertical
cards:
- type: custom:vertical-stack-in-card
horizontal: true
cards:
- type: custom:mushroom-light-card
entity: light.kinderkamer_sophie_hue
primary_info: none
secondary_info: state
layout: vertical
fill_container: false
show_brightness_control: true
show_color_temp_control: true
show_color_control: false
collapsible_controls: false
use_light_color: true
- type: custom:mushroom-light-card
entity: light.wled_bureau_sophie
primary_info: none
secondary_info: state
layout: vertical
fill_container: false
show_brightness_control: true
show_color_temp_control: true
show_color_control: true
collapsible_controls: false
use_light_color: true
- type: custom:vertical-stack-in-card
horizontal: true
cards:
- type: custom:mushroom-light-card
entity: light.wled_unicorn
primary_info: none
secondary_info: state
layout: vertical
fill_container: false
show_brightness_control: true
show_color_temp_control: true
show_color_control: true
collapsible_controls: false
use_light_color: true
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:motion-sensor
icon_color: |2-
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
entity: binary_sensor.kinderkamer_sophie_occupancy
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.kinderkamer_sophie_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('binary_sensor.kinderkamer_sophie_occupancy','on')
%}
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
.shape {
--shape-animation: motion 2s linear infinite;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
}
{% else %}
{% endif %}
}