Displaying modules depending on Sunrise/Sunset time

marcusjsh

Hi everyone !

I need your help ;)

Here are my two questions (before explaining my issues) :

How can I get the times of Sunrise and Sunset ?
How do I reuse them in my code in order to make the modules switch automatically ?

I’ve been doing well with MagicMirror since I’ve started (last week).

However I have an issue I am unable to solve…

I would like to display a module of the globe from the time of the sunrise in order to get that result :

… to the time of the sunset to get that result :

So basicaly the idea is that, when the time comes, it switches to another module !

I am able to display the MMM-Globe and MMM-Lunartic modules separately by using disabled: true, like that :

I tried many things just like making a ‘‘if’’ statement but it doesn’t work, and MM doesn’t accept it…

Finally here is my config.js :

	language: "en",
	timeFormat: 24,
	units: "metric",

	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_bar"
		},
		{
			module: "calendar",
			header: "US Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check-o ",
						url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics"
					}
				]
			}
		},
		{
			module: "compliments",
			position: "bottom_bar"
		},
		{
		    module:     'MMM-3Day-Forecast',
		    position:   'top_right',
			config: {
				api_key:    '123456789123456789',
				lat:        
				lon:        
				units:      'M',
				lang:       'en',
				interval:   900000
			}
		},
		{
			disabled: true,
			module: "weatherforecast",
			position: "right",
			header: "Weather Forecast",
			config: {
				location: "",
				locationID: "456879",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "123456789123456789"
			}
		},
		{
			disabled: true,
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
		{
				//disabled: true,
				module: "MMM-Globe",
				position: "middle_center",
				config: {
					style: "europeDiscNat",
					imageSize: 550,
					ownImagePath:"",
					updateInterval: 10*60*1000
				}
		},
		{
        			disabled: true,
        			module: "MMM-Lunartic",
        			position: "middle_center", // Best in left, center, or right regions
        			config: {
            				mode: "rotating", // rotating or static
            				image: "current", // animation, current, DayNight or static
            				distance: "km", // miles or km
	    				//sounds: "yes", // howling wolf, only on a full moon
            				useHeader: false, // true if you want a header
            				header: "The Lunartic is in my head", // Any text you want
            				maxWidth: 1700,
            				animationSpeed: 0,
            				rotateInterval: 15000,
        			}
		}
	]

};

Thanks for your help !!

Mykle1

@marcusjsh

Hi,

I’m pretty sure someone made a module to do exactly what you’re asking but I’m having trouble finding it for you. I think it uses the same two modules that you’re using, too. I’ll keep looking for you, right after I have a smoke

Mykle1

I’ve been searching the forum for that module. I can’t remember the name of it, which makes it hard to search for. I know it’s out there.

marcusjsh

Oh thanks a lot for helping me ! I’ve been searching for the module on the whole Internet for days but didn’t find anything :persevering_face:
And as I am not a Java developer, I can’t reinvent the wheel hehe

cowboysdude

You can go here to get free sunrise/set data:

https://sunrise-sunset.org/api

Then create a module that depending on time of day to display the image you want…

Example of how I do it:
var ev1= moment().format(“HH”); //get current hour
var ev2 = moment(srss.sunrise).format(“HH”); //converts my free data to the format
var ev3 = moment(srss.sunset).format(“HH”);
var day = ‘modules/MMM-Whateveryourmoduleis/images/day.png’;
var night = ‘modules/MMM-Whateveryourmoduleis/images/night.png’;
Then build yourself an img like this:

That’ll do it.

marcusjsh

I’ll give it a try !
However the two modules I’m using display pictures that are evolving everyday
For example for the moon, the module shows the phase of the moon depending on the day we are… And the globe module shows the exposure of earth to the sun based on the time of the day as it uses pictures from satellites.

rudibarani

Maybe you could tweak mmm-suncalc to send notifications at these events. That should be easy and useful for many others as well

rudibarani

This post is deleted!

cowboysdude

@marcusjsh If you get stuck send me a message, happy to help!

cowboysdude

@marcusjsh Well still doable. Does the return give you a json or xml return?