MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-Hue

    Scheduled Pinned Locked Moved Utilities
    huehome automation
    25 Posts 16 Posters 25.5k Views 17 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D Offline
      darrene
      last edited by 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 :)

      1 Reply Last reply Reply Quote 0
      • ClogsC Offline
        Clogs
        last edited by

        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.

        MitchfarinoM 1 Reply Last reply Reply Quote 0
        • MitchfarinoM Offline
          Mitchfarino Module Developer @Clogs
          last edited by

          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

          1 Reply Last reply Reply Quote 0
          • tidus5T Offline
            tidus5
            last edited by

            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 :-)

            1 Reply Last reply Reply Quote 1
            • D Offline
              d3r
              last edited by

              Would it be possible to display the wake up and sleep times of the bulbs/groups? Is that supported by the api?
              I use my hue lights to wake me up in the morning. Some days I need to wake up at 5am others 6am. I find myself forgetting to change the wake up time in the app. If I could display the wake up time on my MM2, I would remember to change the wake up time which would be perfect.

              1 Reply Last reply Reply Quote 0
              • slametpsS Offline
                slametps
                last edited by

                @Mitchfarino : I did a pull-request for Indonesian translation and showLabel option to your MMM-Hue module.

                regards,

                Slamet PS

                1 Reply Last reply Reply Quote 0
                • schlachtkreuzer6S Offline
                  schlachtkreuzer6
                  last edited by

                  hi!

                  show only when on does not work for me… any tip? thanks!

                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    shane1234
                    last edited by

                    Would it be possible to have the icons match the color of the lights and/or display an icon for each light in the room?

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sirdizzle
                      last edited by

                      Can anyone assist me in configuring the module correctly?

                      I have it set up, but having trouble filtering out more than one group via hideGroupsWithString

                      Currently, I have hideGroupsWithString: "Custom group for $lights" and that works, but I’m not sure how to add more groups to the string correctly.

                      I know this is an old thread, but any help would be appreciated.

                      Thanks

                      S 1 Reply Last reply Reply Quote 0
                      • M Offline
                        Mikrosoft
                        last edited by

                        Hi just installing this module and have set all id and ip correct and the only thing i have changed is made it bottom_left in the css file but i have nothing showing up when i load.

                        what am i doing wrong ?

                        1 Reply Last reply Reply Quote 0
                        • S Offline
                          Smotx @sirdizzle
                          last edited by

                          @sirdizzle said in MMM-Hue:

                          Can anyone assist me in configuring the module correctly?

                          I have it set up, but having trouble filtering out more than one group via hideGroupsWithString

                          Currently, I have hideGroupsWithString: "Custom group for $lights" and that works, but I’m not sure how to add more groups to the string correctly.

                          I know this is an old thread, but any help would be appreciated.

                          Thanks

                          Same question here.

                          I want to hide my dimmer and hgrp.

                          Thanks for help

                          1 Reply Last reply Reply Quote 1
                          • WayneRigleyW Offline
                            WayneRigley
                            last edited by WayneRigley

                            i ended up getting the Hue Module to work as preset config options. if i turn on the lights there is a long delay in showing on the Magic Mirror, but it does show after a while in our bedroom group. i have 6 bulbs in our bedroom group so if i change the Hue config file from groups to lights and restart the MM all the lights and names show up with an “x” and its impossible to get the MM to show the lights are ON … any help > as i want to add several bulbs arond the house NOT on a schedule and at a glance see where things are…

                            Wayne R

                            1 Reply Last reply Reply Quote 0
                            • F Offline
                              freescl
                              last edited by yawns

                              Hello there,
                              I am experiencing issues with getting MMM-hue to show on the screen.
                              I have successfully created a hue bridge user id, so maybe my config is wrong?

                              		{
                              		    module: 'MMM-Hue',
                              		    position: 'top_right',
                              		    config:{
                                              	bridgeip: "192.168.xxx.xxx",
                              		        userid: "MY-ID-OF-HUE-BRIDGE",
                                             		colour: false
                                         	}
                              		},
                              

                              Can anyone help?

                              Thanks,

                              F 1 Reply Last reply Reply Quote 0
                              • F Offline
                                freescl @freescl
                                last edited by

                                @freescl
                                Just found out, that copying the Module to default modules folder helps to get it run… Hope it helps someone else :)

                                1 Reply Last reply Reply Quote 0
                                • citizendevpiC Offline
                                  citizendevpi
                                  last edited by

                                  I am getting a no data returned on my display how can i fix this?

                                  1 Reply Last reply Reply Quote 0
                                  • MitchfarinoM Offline
                                    Mitchfarino Module Developer
                                    last edited by

                                    Hi all,

                                    I just wanted to update, that I have moved away from the Hue Bulbs/Bridge so I haven’t been able to work with this module for some time now.

                                    Hopefully someone has forked it and resolved any issues.

                                    I do still have my bridge and bulbs, just switched them out for alternatives. I may switch back at some point.

                                    mumblebajM 1 Reply Last reply Reply Quote 0
                                    • mumblebajM Offline
                                      mumblebaj Module Developer @Mitchfarino
                                      last edited by mumblebaj

                                      @Mitchfarino What a pity though. The module works perfectly for me though. There are some instructions missing though but I managed to get it up and running when I first implemented it a few months ago. Great module.

                                      Check out my modules at: https://github.com/mumblebaj?tab=repositories
                                      Check my blog-post: https://mumblebaj.xyz/
                                      Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

                                      1 Reply Last reply Reply Quote 1
                                      • D Offline
                                        dazza120
                                        last edited by

                                        Not a fork but hue lights https://github.com/michael5r/mmm-hue-lights

                                        1 Reply Last reply Reply Quote 0

                                        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                        With your input, this post could be even better 💗

                                        Register Login
                                        • 1
                                        • 2
                                        • 1 / 2
                                        • First post
                                          Last post
                                        Enjoying MagicMirror? Please consider a donation!
                                        MagicMirror created by Michael Teeuw.
                                        Forum managed by Sam, technical setup by Karsten.
                                        This forum is using NodeBB as its core | Contributors
                                        Contact | Privacy Policy