Giter VIP home page Giter VIP logo

Comments (1)

eddysteurs avatar eddysteurs commented on July 17, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.