Code kopieren & zu Dashboards
fuel-price-card.png
101.3 KB
1type: vertical-stack
2cards:
3 - type: horizontal-stack
4 cards:
5 - type: markdown
6 content: ' '
7 style:
8 .: |
9 ha-card {
10 background-color: transparent !important;
11 box-shadow: none !important;
12 }
13 - type: horizontal-stack
14 cards:
15 - type: picture
16 image: /local/tankstation_logos/sprinter.png
17 style:
18 .: |
19 ha-card {
20 background-color: transparent !important;
21 box-shadow: none !important;
22 margin-bottom: 5px;
23 margin-left: 0px;
24 margin-right: 0px;
25 }
26 ha-card img{
27 height: 43px;
28 width: 70px;
29 margin: auto;
30 }
31 - type: picture
32 image: /local/tankstation_logos/sharan.png
33 style:
34 .: |
35 ha-card {
36 padding: auto;
37 background-color: transparent !important;
38 box-shadow: none !important;
39 margin-bottom: 5px;
40 margin-left: 0px;
41 margin-right: 0px;
42 }
43 ha-card img{
44 height: 43px;
45 width: 70px;
46 margin: auto;
47 }
48 - type: horizontal-stack
49 cards:
50 - type: markdown
51 content: |
52 <table>
53 <tr>
54 <td width="50px;">
55 <img src = '/local/tankstation_logos/buettner.png' align='top' height='40'></img>
56 </td>
57 <td>
58 Büttner | Rosenstrasse
59 </td>
60 </tr>
61 </table>
62 style:
63 .: |
64 ha-card {
65 max-height:51px;
66
67 padding-top: 0px;
68 background-color: transparent !important;
69 box-shadow: none !important;
70 }
71 ha-markdown {
72 font-size: 90%;
73 font-weight: 100;
74 color: white;
75 }
76 .no-header {
77 padding: 0px !important;
78 }
79 - type: horizontal-stack
80 cards:
81 - type: custom:badge-card
82 badges:
83 - entity: sensor.tankerkoenig_shop_chill_diesel
84 name: ' '
85 style: |
86 :host {
87 font-weight: bold;
88 --label-badge-text-color: white;
89 --label-badge-red: black;
90 --label-badge-background-color: gray;
91 --ha-label-badge-label-color: white;
92 }
93 - type: custom:badge-card
94 badges:
95 - entity: sensor.tankerkoenig_shop_chill_e5
96 name: ' '
97 style: |
98 :host {
99 font-weight: bold;
100 --label-badge-text-color: white;
101 --label-badge-red: black;
102 --label-badge-background-color: red;
103 --ha-label-badge-label-color: white;
104 }
105 - type: horizontal-stack
106 cards:
107 - type: markdown
108 content: |
109 <table>
110 <tr>
111 <td width="50px;">
112 <img src = '/local/tankstation_logos/score.png' align='top' height='40'></img>
113 </td>
114 <td>
115 Score | Burgstrasse
116 </td>
117 </tr>
118 </table>
119 style:
120 .: |
121 ha-card {
122 max-height:51px;
123
124 padding-top: 0px;
125 background-color: transparent !important;
126 box-shadow: none !important;
127 }
128 ha-markdown {
129 font-size: 90%;
130 font-weight: 100;
131 color: white;
132 }
133 .no-header {
134 padding: 0px !important;
135 }
136 - type: horizontal-stack
137 cards:
138 - type: custom:badge-card
139 badges:
140 - entity: sensor.tankerkoenig_marienhafe_diesel
141 name: ' '
142 style: |
143 :host {
144 font-weight: bold;
145 --label-badge-text-color: white;
146 --label-badge-red: black;
147 --label-badge-background-color: gray;
148 --ha-label-badge-label-color: white;
149 }
150 - type: custom:badge-card
151 badges:
152 - entity: sensor.tankerkoenig_marienhafe_e5
153 name: ' '
154 style: |
155 :host {
156 font-weight: bold;
157 --label-badge-text-color: white;
158 --label-badge-text-weight: bold;
159 --label-badge-red: black;
160 --label-badge-background-color: red;
161 --ha-label-badge-label-color: white;
162 }
163 - type: horizontal-stack
164 cards:
165 - type: markdown
166 content: |
167 <table>
168 <tr>
169 <td width="50px;">
170 <img src = '/local/tankstation_logos/aral.png' align='top' height='40'></img>
171 </td>
172 <td>
173 Aral | Norddeicher Strasse
174 </td>
175 </tr>
176 </table>
177 style:
178 .: |
179 ha-card {
180 max-height:51px;
181
182 padding-top: 0px;
183 background-color: transparent !important;
184 box-shadow: none !important;
185 }
186 ha-markdown {
187 font-size: 85%;
188 font-weight: 100;
189 color: white;
190 }
191 .no-header {
192 padding: 0px !important;
193 }
194 - type: horizontal-stack
195 cards:
196 - type: custom:badge-card
197 badges:
198 - entity: sensor.tankerkoenig_aral_tankstelle_diesel
199 name: ' '
200 style: |
201 :host {
202 font-weight: bold;
203 --label-badge-text-color: white;
204 --label-badge-red: black;
205 --label-badge-background-color: gray;
206 --ha-label-badge-label-color: white;
207 }
208 - type: custom:badge-card
209 badges:
210 - entity: sensor.tankerkoenig_aral_tankstelle_e5
211 name: ' '
212 style: |
213 :host {
214 font-weight: bold;
215 --label-badge-text-color: white;
216 --label-badge-text-weight: bold;
217 --label-badge-red: black;
218 --label-badge-background-color: red;
219 --ha-label-badge-label-color: white;
220 }