forked from mcfrojd/hassio_lovelace_multiremote
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ui-lovelace.yaml
118 lines (117 loc) · 3.76 KB
/
ui-lovelace.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
title: Remote Control Interface
decluttering_templates:
##################################################################################
# button_text
##################################################################################
button_text:
default:
card:
type: "custom:button-card"
entity: input_select.remote
name: '[[name]]'
show_icon: false
tap_action:
action: call-service
service: input_select.set_options
service_data:
entity_id: input_select.remote
options: "[[name]]"
styles:
card:
- background-color: >
[[[
if (states['input_select.remote'].state == "[[name]]")
return "[[background_active]]";
return "rgba(56, 60, 69, 1)";
]]]
- border-radius: 20px
- border-style: solid
- border-width: 3px
- border-color: '[[border]]'
##################################################################################
# label_image
##################################################################################
label_image:
default:
- height: 75
card:
type: custom:button-card
color_type: label-card
show_entity_picture: true
entity_picture: '/local/lovelace/remote/[[image]]'
styles:
card:
- background-color: rgba(56,60,69,1)
- border-radius: 20px
- border-style: solid
- border-width: 3px
- border-color: >
[[[
if (states['sensor.shield_app'].state == "[[name]]")
return "[[border_active]]";
return "[[border_on]]";
]]]
- height: '[[height]]px'
- padding: 5px
entity_picture:
- height: 100%
- width: 100%
##################################################################################
# button_image
##################################################################################
button_image:
default:
card:
type: custom:button-card
name: '[[name]]'
entity: '[[entity]]'
show_name: false
show_entity_picture: true
entity_picture: '/local/lovelace/remote/[[image]]'
tap_action: '[[tap_action]]'
styles:
card:
- background-color: rgba(56,60,69,1)
- border-radius: 20px
- border-style: solid
- border-width: 3px
- border-color: >
[[[
if (states['sensor.shield_app'].state == "[[name]]")
return "[[border_active]]";
return "[[border_on]]";
]]]
- height: 75px
- padding: 5px
entity_picture:
- height: 100%
- width: 100%
##################################################################################
# Button for remote icon and text
##################################################################################
button_icon_and_text:
default:
card:
type: "custom:button-card"
entity: '[[entity]]'
icon: 'mdi:[[icon]]'
name: '[[name]]'
tap_action: '[[tap_action]]'
styles:
card:
- background-color: rgba(56,60,69,1)
- border-radius: 20px
- border-style: solid
- border-width: 3px
- border-color: >
[[[
if (states['sensor.shield_app'].state == "[[name]]")
return "[[border_active]]";
return "[[border_on]]";
]]]
- height: 75px
- padding: 5px
#------------------------------------------------------------------------------------------
views:
- !include lovelace/remote_navigation.yaml
# - !include lovelace/mediaplayer.yaml