Fan Control / Set speed - Working Quick setup

undertoe · February 13, 2019, 12:09pm

should be in the homeassistant home directory just called www

JoLambinon · February 13, 2019, 1:32pm

Thank You! Got it going

undertoe · February 14, 2019, 3:12am

Just updated it so that if you’re using custom themes it will feed in the right colors. Instead of having the button colors hard coded.

github.com

undert03/home-assistant/blob/master/www/lovelace/fan-control-row.js

class FanControlRow extends Polymer.Element {
    static get template() {
        return Polymer.html`
            <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
            <style>
                :host {
                 	line-height: 1.5;
                }
                .speed {
                  min-width: 30px;
									margin-left: 4px;
                  margin-right: 4px;
									background-color: 'var(--dark-accent-color)';
               	 	border: 1px solid var(--dark-theme-disabled-color); 
                	font-size: 10px !important;
                	float: right !important;   
                }       
       			</style>
            <hui-generic-entity-row hass="[[hass]]" config="[[_config]]">
                <div class='horizontal justified layout' on-click="stopPropagation">

This file has been truncated. show original

finity · February 14, 2019, 6:08pm

Nice. I like it.

But now I’m not sure if I like mine or yours better. I do kind of like the obvious on/off colors of mine though.

But it’s good to have choices!

undertoe · February 14, 2019, 6:46pm

Gave ya credit in the first post. Also i decided to change to the color values to come from the theme less file so that it incorporates better with theming.

finity · February 14, 2019, 6:48pm

Yeah, I saw that. Thank you! No complaints at all. Sorry if it came across that way.

jwelter · February 21, 2019, 10:08pm

Hey - it seems something in 0.88 broke this. It displays but the buttons are not clickable. I think it is that paper-button has been remove; but replacing with mwc-button doesn’t solve it

undertoe · February 22, 2019, 2:06am

@jwelter hmm are you running lovelace ui?

finity · February 22, 2019, 2:44am

I saw that warning but I haven’t updated to v88 yet. And I likely won’t for a few days at least. I like to let the dust settle on a new update before I take the plunge. I’ve got an updated version of the card ready to try as soon as I update.

In the meantime, @jwelter what does the dev console say (F12 in chrome)? Any errors?

jwelter · February 22, 2019, 5:46am

Yes running Lovelace and it was working great on 87 release.

jwelter · February 22, 2019, 3:42pm

Hi, yes cleared cache and in the dev console no errors are thrown… Very odd.

carlostico · February 22, 2019, 7:48pm

If I dont have the ui-lovelace.yaml file where should I add this one ?
I am managing Lovelace from the GUI

Thanks

finity · February 25, 2019, 6:25pm

I managed to get the fan control buttons fixed. see this thread for the code:

finity · February 25, 2019, 6:27pm

I don’t use the GUI but my understanding is that you click the three dot menu in the top right and in there should be another three dot menu then in there you open the raw editor. then you can paste the code in there in the correct place.

carlostico · February 25, 2019, 10:00pm

Broke in 0.88 - 0.88.1

finity · March 2, 2019, 9:11pm

I just tried to convert an old non-smart fan that I’ve been controlling with a broadlink RM Pro from HA to a real fan component and I realized that the way my component works it would give an error on trying to turn that type of fan off.

I made a modification to my fan control and since it’s becoming kind of its own entity at this point I decided to create it’s own thread so I don’t keep stepping on @undertoe’s toes.

Here is the thread:

finity · March 4, 2019, 11:06pm

I made a few more modifications to the component. The theme is now pretty much fully customizable (within the parameters of a standard 3 speed fan).

See my other thread for details if you’re interested.

Fan Control Entity Row

JonesNguyen · May 17, 2019, 2:11pm

Hi, is there any chance we can do this for smartir fan? thanks.

jumblies · May 18, 2019, 8:33am

I confirm. Reverted back to single switch and drop down when clicked on. No errors to aid in diagnosis.

finity · May 18, 2019, 10:50am

You should be able to use it for any three speed fan. You just have to make sure you have the speeds available as off, low, med and high.