thomasloven / lovelace-slider-entity-row Goto Github PK
View Code? Open in Web Editor NEW🔹 Add sliders to entity cards
License: MIT License
🔹 Add sliders to entity cards
License: MIT License
Hi ! Here's an issue . When the state of light is unknown , it won't show the state is unknown. The state display 'on' in lovelace.
My Home Assistant version: 0.92.2
My lovelace configuration method (GUI or yaml):
gui
What I am doing:
Scrolling through ow my covers in iOS mobile app
What I expected to happen:
Slide should not move if I touch over it while scrolling through my list
What happened instead:
Slide is activated and my cover starts to open while I was just scrolling the list without any intention of opening/closing any cover
Minimal steps to reproduce:
# The least ammount of code possible to reproduce my error
# End of code
Error messages from the browser console:
By putting an X in the boxes ([ ]) below, I indicate that I:
[x] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
[x] Have made sure I am using the latest version of the plugin.
[x] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
[x] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
The custom slider is great. I installed it and it works exactly as advertised. Thanks!
I have a feature request. I would like to be able to format the display values using a template of some sort. For example, my Marantz receiver natively shows its volume in decibels relative to reference volume. I'd like the slider to show "-80 db" for 0%, and "0 db" for 100%. To use another slightly silly example, you could show Hue lamps in lumens rather than %. The formatter would not modify the values that are read from (or sent to) the entity. It would only modify what is shown in the UI.
Here's a suggested card config:
There are probably other ways to do this.
Thanks for all of the great work, and thanks for considering this request.
Hmm, slider does not support input-number? That would be very useful!
Love the slider! Is it maybe possible to only show the slider when the light in on?
add a "name" option like the default entities card
Feature request.
Would be greate to have the ability to change tap_action.
Use case would be on mobile, where there is not really room to show name, slider, percentage, and toggle, so it would be great to be able to change tap_action to toggle instead of more_info. Also, for a slider, besides state_info, the more_info screen is irrelevant.
Hi,
I have a problem to import your repo in Hassio 0.86.3
I use this url:
https://github.com/thomasloven/lovelace-slider-entity-row
This is that I readed through logs:
19-01-31 13:59:01 INFO (MainThread) [hassio.addons.git] Clone add-on https://github.com/thomasloven/lovelace-slider-entity-row repository
19-01-31 13:59:05 WARNING (MainThread) [hassio.addons.data] Can't read repository information from /data/addons/git/2a017cbb/repository.json
19-01-31 13:59:05 INFO (MainThread) [hassio.addons] Load add-ons: 53 all - 0 new - 0 remove
My Home Assistant version: 0.95.4, RPi 3B+
My lovelace configuration method (GUI or yaml): GUI
What I am doing: Slider to control dimmable lights
What I expected to happen: Sliders appear
What happened instead:
- Sliders doesn't appear. The bulb icon, name and percentage appear
- When you try to setup the GUI next error arise in setup screen:
Your config is not supported by the UI editor:
Expected a value of type{entity,name,icon} | entity-id
forentities.0.type
but received"custom:slider-entity-row"
.
Falling back to YAML editor.
Minimal steps to reproduce:
Checked in Google, Firefox and Safari with same results
Google Console doesn't generate any error
lovelace.yaml associated to this card (via edit raw confoguration) :
resources:
type: module
url: /local/plugins/slider-entity-row.js
entities:
file located at: config/www/plugins/slider-entity-row.js
Error messages from the browser console:
No error messages (Google Chrome console)
---
**By putting an X in the boxes ([ ]) below, I indicate that I:**
[X] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
[X] Have made sure I am using the latest version of the plugin.
[X] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
[X] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
Is this possible to use it to combine different entities? For example switch and slider (input_number)?
The brightness value is always 100.
- id: 45d05c803c0c4915ab68505568fb7633 # Automatically created id
type: entities
entities:
- id: 4082c0a0cfdc4b5fbe11fa765f688e7f # Automatically created id
type: custom:slider-entity-row
entity: light.tv_led
show_value: true
Entity
light:
- platform: mqtt
name: TV Led
state_topic: "stat/son_tv_led/RESULT"
command_topic: "cmnd/son_tv_led/POWER"
state_value_template: "{{ value_json.POWER }}"
brightness_state_topic: "cmnd/son_tv_led/Dimmer"
brightness_command_topic: "cmnd/son_tv_led/Dimmer"
brightness_value_template: "{{ value_json.Dimmer }}"
brightness: true
brightness_scale: 100 # max brightness value
rgb: false
optimistic: false
Entity | State | Attributes |
---|---|---|
light.tv_led | on | brightness: 205 friendly_name: TV Led supported_features: 1 |
I think theres a defect because the slider assumes the brightness scale is 0-255.
If I change the entity state manually in developer tools, I can see the slider udpate correctly in the UI when the entity's brightness is adjusted on a scale of 0-255.
Not sure how to work around this, can the slider query the entities brightness_scale
value? and use that instead of 255
?
entities:
- text: Beleuchtung
type: 'custom:text-divider-row'
- entity: light.light_31
name: Decke
type: 'custom:slider-entity-row'
- entity: light.couchtisch
name: Couchtisch
type: 'custom:slider-entity-row'
- entity: light.ledoors
name: LEDoors
type: 'custom:slider-entity-row'
- entity: light.light_29
name: Sideboard
type: 'custom:slider-entity-row'
- entity: light.playbar_schreibtisch
name: Playbar
type: 'custom:slider-entity-row'
- text: Schalter
type: 'custom:text-divider-row'
type: entities
Hi all,
I have installed Lovelace slider entity row integrated with my curtain roller.
However, when I move the curtain from 0% to 50% via the slider, the slider does not update real time position and percentage when moving, as per screenshot below:
It will only displays the final position and percentage after the movement is finished.
So, how could I do to update real time position and percentage when moving?
Thanks.
I'm not sure if this should work or not, but i've been trying to apply the full row feature inside my popup-cards to create a nice mobile GUI.
When adding the full row to the entities it won't hide the name.
The second issue is that the 'show_header_toggle: false' wont do anything. So I'm guessing this is not implemented to work inside the popup-cards so maybe this is more of a feature request? :)
Here's a snippet of a popup-card when opened, as you can see the slider is in between the name and the toggle switch.
Code: (As you'll see I cut out a bit of code that was above the actual functions not working)
popup_cards:
light.sovrum:
title: Sovrum
card:
type: vertical-stack
cards:
- type: entities
show_header_toggle: false
entities:
- type: custom:slider-entity-row
entity: light.sovrum_tak_1
full_row: true
name: Taklampa
Or am I just doing something wrong in the code? I've been playing around with the code alot and so I might just be a bit blind :)
Since last update none of my lights using the slider are visible in the Home Assistant Companion on iOS or browser (Chrome). Sliders and entitys are visible when using a computer (Chrome).
Feature Request
Would it be possible to add options to remove the name and icon.
Some entities you know exactly what it is from the icon, which would leave more space for the slider without taking up the second row.
The reason I say both is because I think it could look nice as an element on a picture-element card
If you are stacking cards the styling is not being honored so it looks like sliders are not part of the card
example: http://secure.fabriceleven.com/BY5uIn
I'd love to have the option to only show the slider, nothing else. Or maybe have a slider in the header of the card.
Support for covers would be great. (Same as in customUI)
Hi, I am trying to use this for media player volume control, but get "not a number % (NaN %) on right side while using default settings. I also get it with settings below (tried it since it looks like volume should be between 0-1). Using latest hass.io 0.90.1
Hi
First of all, thanks for the great works !
Custom updater will be stopped soon, HACS will replace it. it will be great if this plugin could be added to HACS (https://github.com/custom-components/hacs)
Thanks !
First off, I have to say that I am a huge fan of all you are doing for the Lovelace UI. So thanks for everything.
Can I ask that you include support for the fan domain?
https://www.home-assistant.io/components/fan/
Hi,
I'm really happy with the hide_when_off
option but I've came to one edge case that would be cool to add as well. It would be great to have a way to hide (and/or disable) entity slider when it is "unavailable".
To illustrate that, I have bunch of downlight bulbs and smart switch. When the switch is off, the main light that is a light group is unavailable but the slider appears like it is and does nothing, I'd very much like to hide it or disable it so it does not slides when the light is unavailable.
Would that be possible?
I am using a slider to display a input_number but it only displays whole numbers. When I use the slider it follows the input_number increment setting (0.5) but it won't display once I let go of the slider.
Hi,
do you think would be possible create an option to add a second slider for light entity to change the actual color?
Thank in advance for your feedback
Hi thomasloven.
i’m using the “slider entity raw” witch is great
when i changing HA language to Hebrew witch is from right to left
the dimmer slider is acting opposite,
can you help out for those with right to left languages
Thanks
Refael
After update to Home Assistant 0.92.0 / 0.92.1 the error appears every time an entity with the custom slider is accessed via the UI.
lovelace card configuration:
entities:
- entity: light.living_room_tv_leds
type: 'custom:slider-entity-row'
title: Living Room
type: entities
Full error:
019-04-27 23:18:55 ERROR (MainThread) [frontend.js.es5.201904240] https://####.###/frontend_es5/app.0d431883.js:2:79851 Uncaught TypeError: Cannot convert undefined or null to object
Tried to empty cache and hard reload.
If called as the main card type, this card causes a blank screen, this prevents it from being used on dynamic cards like Monster-Card
I use the slider entity row to show and control the cover position. How do I make another one to show the tilt-position?
- type: entities
entities:
- entity: cover.gallery_left
- type: custom:slider-entity-row
entity: cover.gallery_left
full_row: true
Hi,
is it possible to get the "break" working without panel: true?
cant't see my badges in panel mode, so this would be great.
Hello, I'd really like the ability to hide slider for specific row, when toggle is shown. That way when light is i off state it would give me better feedback about it. Would that be possible?
Hi there. Just wondering if there is a way to display text values? It would be nice to have a popup while sliding with the value displayed, and also a text next to the switch showing actual brightness state. Thanks
Ho to add javascript to hassio ?
Fits off all, I want to say thanks for all the development you do. I am exited to see the further development of HA/Lovelace and what you people can do with this platform.
One Lovelace card I have bee looking for is a control-nob card. Which I want to use as a volume controller.
The control-nob should be configurable with: Diameter. Color, on/off-color indicator. Center point (decreasing values/increasing values from center point) or 360+/- swivel (+/- 1 click). Configurable clicks per 360 decrees…
Since you have a developed the slider-entity-row card, maybe a control-nob card could be a variant of this, with time?
Cheers!
Hi!
I'm loving custom:slider-entity-row but I'm getting this error when I'm trying to edit a group that includes lights with type:custom:slider-entity-row:
Your config is not supported by the UI editor:
Expected a value of type `{entity,name,icon} | entity-id` for `entities.0.type` but received `"custom:slider-entity-row"`.
Falling back to YAML editor.
Everything seems to work fine and the entity is updated, but the red text is worrying... ;) Is there anything to do?
When full_row is true, the name is not shown for my input_number entity, only the slider and the current value.
My config:
- entity: input_number.living_room_temperature_target name: Temperature Target type: custom:slider-entity-row full_row: true
Today I wanted to try a custom lovelace card for the first time and I liked yours. But after spending some time trying to make it work I came across this:
https://community.home-assistant.io/t/stuck-on-custom-element-doesnt-exist-need-help/73220/11
Sounds to me like a browser issue since not all browsers support the custom element feature or latest javascript, which leads to some cards works and some dont.
And sure enough, it turns out your custom card works in Chrome, but not in Safari, which happens to be my main browser.
I'm not sure if it's feasible to add support for Safari, but perhaps you could consider adding a note to your readme. I can prepare a PR if you like.
Love the slider! Can you make it possible to use one slider for multiple lights?
Hello, the cover slider looks broken:
- type: entities
title: Janelas
show_header_toggle: false
entities:
- type: custom:slider-entity-row
entity: cover.livingroom_cover1
full_row: false
- type: entities
title: Janelas
show_header_toggle: false
entities:
- type: custom:slider-entity-row
entity: cover.livingroom_cover1
full_row: true
From what I understad, full_row: true is what shows the up/down/stop button correct? If I put full_row: true the entity icon and text disappears, and no buttons
Thank You for your work
I found the following error.
I don't know if it depends on my inexperience.
the slider in fully kiosk browser does not work correctly.
sometimes I move the cursor but nothing happens, sometimes it freezes while I move it, other times it works regularly.
generally if I lose the focus while I'm moving the cursor, I don't get any movement of the cover.
this doesn't happen if I use other browsers.
can you help me?
Maybe this makes more sense as its own card, but I have a few input_numbers where things are getting a bit cramped and having an input_number display over two rows would be perfect.
For example, instead of the below, each of those would have one row with the name and value/unit. And the second row with a full row slider.
I'm not sure I can quite achieve this with two existing rows (i.e. a sliderlesss row and a full row slider). An option to remove the slider from an input_number so I can do this would also be a useful alternative.
My Home Assistant version: 0.96.5
My lovelace configuration method (GUI or yaml): YAML
What I am doing: I am trying to get the slider to show for my light groups and zigbee lights connected through deconz.
What I expected to happen: I set up deconz and connected all my zigbee lights to that instead of the bridges. And expected the slider would still work, as it is the same lights as I used through hue bridge, where the slider had no problems. I have alos tried creating light groups, but that does not do anything, there is still no slider.
What happened instead: After I set up the lights through deconz, the slider does not show when turning on the lights. Like it did before. It still work for my mqtt lights. Toggle switch still works and clicking the entity still shows the more-info pop-up.
Minimal steps to reproduce: Connect a hue bulb to deconz and integrate that into HA. Then make the entity like the yaml below.
The slider will not show, like it does if I make the completely same entity setup, but with a mqtt light.
# The least ammount of code possible to reproduce my error
- type: custom:slider-entity-row
entity: light.deconz_light
name: Bedroom
toggle: true
hide_when_off: true
# End of code
Error messages from the browser console: No errors show, the lights still turn on/off with the toggle and I can still click the entity to get into color scheme and brightness control.
By putting an X in the boxes ([ ]) below, I indicate that I:
[ X ] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
[ X ] Have made sure I am using the latest version of the plugin.
[ X ] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
[ X ] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
Hi,
can there be a option to hide the full row when the entity is off? As full rows creates another line, hiding it is leaving a empty line at the moment.
ON:
OFF:
Ideally the line would dissapear when using full row.
Note: obviously it wont work in my example because I've been using entity-fold here. Just think of it without the small arrows 😉
The size of the slider when on the same line as the light name is static (see. toggle = true option). This causes a readability issue on longer names (e.g. Master Bedroom Lamp 1) that end up being truncated.
Can that be more flexible to prefer full print of name over slider size, with a reasonable minimum slider length observed?
that would be awesome and quite useful, as that is the most common interaction for most people.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.