MMM-Hue

Mitchfarino

I’ve changed the config so that the user can toggle between coloured icons or the standard font colour of the mirror.

darrene

This post is deleted!

Mitchfarino

Hi @darrene - did you manage to sort your issue?

You’re right, you have to create your account in the bridge first.

The link in the readme should take you to the correct page, which walks you through creating the account.
http://www.developers.meethue.com/documentation/getting-started

Give me a shout if you have any problems
0_1476446717005_clip api.PNG

darrene

Thanks @Mitchfarino - it was user-error. I visited the developer page rather than clicking on the link you provided :) I deleted my previous post in shame after I realised my error.

All sorted now. It’s fabulous. Thanks for sharing your code with the community by the way!

darrene

Hi @Mitchfarino, I was just wondering if you’d considered extending the module to control lighting schedules?

It suddenly struck me that as the mirror is always on and stays in the house, it might be very really cool (not to mention useful when you’re away) to have a capability in the module to turn on/off dim lights on a hardcoded schedule or time/day combo.

From there it could even be a short hop to link it up the the MMM-RemoteControl module, to set schedules remotely.

Mitchfarino

Hi @darrene

Do you mean you want to be able to control the lights/schedules from your mirror?

How would you interact with it to create them etc?

I think at the moment the remote control only allows you show or hide modules, I’m not sure what future developments are in the pipeline though ( @Jopyth will know more on that)

darrene

Not directly - I think it’d be a lot of work and as you say, would need a way of interfacing with the mirror. At the end of all that you could just use The Hue/Elgato Eve/Siri app to do the same thing.

What I wondered though, was if something like MMM-Schedule was installed, it’d be really easy to put a schedule in the config.js to turn specific lights on and off on certain schedules - it could send the notification schedule which MMM-Hue could react to. It’d mean you/the mirror could schedule the lighting schemes automatically to run while you were away from home.

If MMM-Hue could react to a HUE_LIGHT_ON and HUE_LIGHT_OFF notification, perhaps with a light-ID and Brightness value as the payload, that’d do the trick wouldn’t it?

A scheduling GUI would be uber-cool, but hard-coding the config.js would be enough for most, I’d have thought…

It’s on my (very long) list of things to have a go at, if I get a chance :)

Clogs

Hi @Mitchfarino

Like your MMM-Hue module but will admit getting it to work was a little bit more tricky then what I had anticipated.

My version 1.0 Hue hub setup controlling a 9 individual bulbs. I did not set up the bulbs as part of a groups.

Wanted to share just a few simple findings to help others to get your module to work even better.

Inspecting your code in MMM-Hue.js I found that you had a this.lightsorgroups hardcoded to “groups”. As a result of this my Hue setup was presented as just the Home icon with ‘Lights On’ as the status.

Changing the hardcoded this.lightsorgroups to “lights” did result in a similar display as shown in your first post however all the named lights showed the X (fa-times) icon for the status even though lights were on, others off an others unreacheable.

So I made a further minor change on line 69 and changed it to:


 lightstatus.classList.add("fa", this.result[lamps[i]].state.reachable ? (this.result[lamps[i]].state.on ? "fa-lightbulb-o" : "fa-adjust" ) : "fa-times");

Keep up the good work.

Mitchfarino

Hi @Clogs

Thanks for your feedback, I’m sorry I haven’t been able to update the module to account for individual lights

As you have noticed it is in the code, I just didn’t expose it to the config.

I’m going to pick it up soon, and will update in this thread.

Thanks for letting me know, and for giving me the nudge I need to get it updated

tidus5

Hello @Mitchfarino

Im trying to make your module “clickable” :-)

could you help me with that ?

Module.register(“MMM-Hue”, {

defaults: {
    bridgeip: "",
    userid: "",
    colour: true
},
// Define required scripts.
getScripts: function () {
    return [this.file("js/jquery.js")];
},
getStyles: function () {

    return ["font-awesome.css", "MMM-Hue.css"];
},
// Define start sequence.
start: function () {
    //These will be moved to config in a later release
    this.lightsorgroups = "groups";
    this.updateInterval = 60 * 100; // 10000 updates every 10 minutes
    this.animationSpeed = 2 * 1000;
    this.initialLoadDelay = 0;
    //end
    var result = false;
    this.url = "http://" + this.config.bridgeip + "/api/" + this.config.userid + "/" + this.lightsorgroups;
    this.getData();
    setInterval(() => {
        this.getData();
    }, this.updateInterval);
},

// Override dom generator.
getDom: function () {
    var wrapper = document.createElement("div");
    //alert("http://" + this.config.bridgeip + "/api/" + this.config.userid + "/" + this.config.lightsorgroups);

    if (this.result) {

        var table = document.createElement("table");
        table.classList.add("small", "table", "align-left");

        table.appendChild(this.createLabelRow());

        var lamps = Object.keys(this.result);

        for (var i = 0; i < lamps.length; i++) {

            var row = document.createElement("tr");
            var room = document.createElement("td");
            room.innerHTML = this.result[lamps[i]].name;;
            row.appendChild(room);
            var lightsallLabel = document.createElement("td");
            lightsallLabel.classList.add("centered");

            var lightstatus = document.createElement("i");
            //lightstatus.classList.add(“fa”, this.result[lamps[i]].state.reachable ? (this.result[lamps[i]].state.on ? “fa-lightbulb-o” : “fa-adjust” ) : “fa-times”);
	
	buttonlightstatus[i] = false;  // CUSTOM
	buttonlight[i] = document.createElement("span");  // CUSTOM
	//var buttonlightstatus[i] = false;  // CUSTOM
	//var buttonlight[i] = document.createElement("span");  // CUSTOM

	//weatherbutton.className = "wi wi-day-rain-mix navbar";
	//var forecast = MM.getModules().withClass('weatherforecast');

	if(this.result[lamps[i]].state.all_on)
	{
	lightstatus.classList.add("fa-lightbulb-o")
	buttonlightstatus[i] = true;
	}		
	else if (this.result[lamps[i]].state.any_on)
	{
	lightstatus.classList.add("fa-adjust")
	buttonlightstatus[i] = true;
	}
	else {
	lightstatus.classList.add("fa-times")
	buttonlightstatus[i] = false;
	};
	
	// lightstatus.classList.add("fa", this.result[lamps[i]].state.all_on ? "fa-lightbulb-o" : (this.result[lamps[i]].state.any_on ? "fa-adjust" : "fa-times"));  // CUSTOM
            if (this.config.colour) {

                if (this.result[lamps[i]].state.all_on) {
                    lightstatus.classList.add("lights-all-on")
                }
                else {
                    if (this.result[lamps[i]].state.any_on) {
                        lightstatus.classList.add("lights-partial-on")
                    }
                }
            }
            ;
            lightsallLabel.appendChild(lightstatus);
    		wrapper.appendChild(buttonlight[i]);  //CUSTOM                
            row.appendChild(lightsallLabel);

            table.appendChild(row);

        }
        wrapper.appendChild(table);
       										//CUSTOM
        		$(buttonlight[i]).on("click", function(){
					if(buttonlightstatus[i]){
					alert('its work');
					putJSON(t"http://" + this.config.bridgeip + "/api/" + this.config.userid + "/lights/" + buttonlightstatus[i] +"/state , ({'on':false});					
						buttonlightstatus[i] = false;
					}else{
					putJSON(t"http://" + this.config.bridgeip + "/api/" + this.config.userid + "/lights/" + buttonlightstatus[i] +"/state , ({'on':true});	
					buttonlightstatus[i] = true;
						}
					});
        
    } else {
        wrapper.innerHTML = "No Data returned";
    }
    return wrapper;
},

createLabelRow: function () {
    
    var labelRow = document.createElement("tr");

    var roomiconlabel = document.createElement("th");
    var typeIcon = document.createElement("room");
    typeIcon.classList.add("fa", "fa-home");
    roomiconlabel.appendChild(typeIcon);
    labelRow.appendChild(roomiconlabel);

    var lightsonlabel = document.createElement("th");
    lightsonlabel.classList.add("centered");
    var typeIcon = document.createElement("lightson");
    //typeIcon.classList.add("fa", "fa-lightbulb-o");
    typeIcon.innerHTML = "Lights On";
    lightsonlabel.appendChild(typeIcon);
    labelRow.appendChild(lightsonlabel);

    var lightsonlabel = document.createElement("th");
    lightsonlabel.classList.add("centered");

    return labelRow;
}
,
getData: function () {
    $.getJSON(this.url, (data) => {
        this.result = data;
        this.updateDom();
    });
},

});

my brigde is in Amsterdam and im in Belgium for Christmas :-)