Comments (1)
I have the same problem when adding a restrictrions card
When I remove the 5 first lines the icons show on my iphone app
type: custom:restriction-card
restrictions:
pin:
code: 1234
card:
type: custom:flex-horseshoe-card
entities:
- entity: sensor.droogkast_socket_1_power
attribute: power
name: Droogkast ori
decimals: 1
unit: W
area: Berging
tap_action:
action: more-info
- entity: switch.droogkast_socket_1
attribute: null
icon: mdi:tumble-dryer
decimals: 0
unit: ''
tap_action:
action: call-service
service: switch.toggle
service_data:
entity_id: switch.droogkast_socket_1
- entity: climate.thermostaat
attribute: temperature
icon: null
decimals: 0
unit: null
tap_action:
action: more-info
show:
horseshoe_style: lineargradiant
animations:
entity.1:
- state: 'on'
circles:
- animation_id: 11
styles:
- fill: lightgreen;
- opacity: 0.5;
- transform-origin: center;
- animation: jello 1s ease-in-out both;
icons:
- animation_id: 10
styles:
- fill: orange;
- state: 'off'
circles:
- animation_id: 11
styles:
- fill: lightblue;
- transform-origin: 50% 60%;
icons:
- animation_id: 20
styles:
- fill: lightblue;
layout:
states:
- id: 0
entity_index: 0
animation_id: 0
xpos: 50
ypos: 28
uom_font_size: 1.5
styles:
- font-size: 2.5em;
- opacity: 0.9;
names:
- id: 0
animation_id: 0
entity_index: 0
xpos: 50
ypos: 90
styles:
- font-size: 1.2em;
- opacity: 0.7;
icons:
- id: 0
animation_id: 10
xpos: 50
ypos: 55
entity_index: 1
icon_size: 3.5
styles:
- color: lightgreen;
- id: 0,
animation_id: 20
xpos: 70
ypos: 55
entity_index: 2
icon_size: 0.5
styles:
- color: lightblue;
circles:
- animation_id: 3
xpos: 50
ypos: 50
radius: 45
entity_index: 1
styles:
- fill: var(--primary-background-color);
- animation_id: 11
xpos: 50
ypos: 50
radius: 40
entity_index: 1
styles:
- fill: orange;
- animation_id: 2
xpos: 50
ypos: 50
radius: 25
entity_index: 1
styles:
- fill: var(--primary-background-color);
horseshoe_scale:
min: 0
max: 4000
color_stops:
'100': lightgreen
'200': green
'500': yellow
'750': orange
'2000': red
from flex-horseshoe-card.
Related Issues (20)
- Any update on the latest versions of HA working with your great card? HOT 4
- Convert card to use a rollup so that unpkg is not needed anymore
- Card does not show up in a picture-element card. HOT 4
- no attribute,don't show value
- HACS Install not working correctly? HOT 14
- calculated values as entities
- tap event not working as expected on light HOT 2
- Horseshoes freezing with HA 2023.9.3
- Time unit display problem
- Question: Font Color Variable
- Different behavior with and without using attribute
- Support request: templates for entity state and name
- Feature Request: History Graph inside the card
- Feature Request: Secondary horseshoe option
- cards broken when no internet connection HOT 8
- toggle a aircondition switch
- Please hepl: Error cannot read properties of undefined (reading 'state')
- Icon colors
- Getting an error after latest HA update these cards are having issues loading HOT 73
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flex-horseshoe-card.