MMM-Sunrise-Sunset

Mykle1

This is right out of my MMM-SunRiseSet module.

Feel free to use it if you like. :thumbsup:

// sunrise set to local time using moment
   var sunrise = document.createElement("div");
   sunrise.classList.add("small", "bright", "sunrise");
   sunrise.innerHTML = "Sunrise is at " + moment(SunRiseSet.sunrise).local().format("h:mm a") + " &nbsp &nbsp "
+ "Sunset is at " + moment(SunRiseSet.sunset).local().format("h:mm a");
   wrapper.appendChild(sunrise);

pugsly

@henry2man
I am having the same problem, whenever I put it in my config the display is blank.

sdetweil

@pugsly not in config… you have to edit the actual module code

pugsly

@sdetweil Not sure I know what you mean. When I put this in my config the screen is all blank:

    {
        module: "MMM-Sunrise-Sunset",
        position: "top_right",
        header: "Sunrise",
        config: {
            latitude: "39.2907",
            longitude: "-75.6344",
            apikey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
            layout: "inline"
                }
    },

sdetweil

@pugsly open the developers window on your blank screen MM, using ctrl-shift-i on the keyboard… select the tab labeled console and scroll up to find any errors

pugsly

@sdetweil

Uncaught ReferenceError: $ is not defined
at Class.updateSun (MMM-Sunrise-Sunset.js:33)
at Class.start (MMM-Sunrise-Sunset.js:12)
at startModules (loader.js:55)
at loader.js:40
at HTMLLinkElement.stylesheet.onload (loader.js:200)

sdetweil

@pugsly said in MMM-Sunrise-Sunset:

Uncaught ReferenceError: $ is not defined

this module depends on jquery library being installed for this module, but its not…,

I am working on instructions for you… hang on

do

cd ~/MagicMirror/modules/MMM-Sunrise-Sunset
npm install jquery
# note the trailing dot (.) on the next line
cp node_modules/jquery/dist/jquery.js .

then start your mirror again

pugsly

@sdetweil said in MMM-Sunrise-Sunset:

cp node_modules/jquery/dist/jquery.js .

Slightly better, its displaying now but just says ‘Loading’

sdetweil

@pugsly ok, open the developers window again

this usually means that the api key is wrong … the api isn’t returning data

pugsly

@sdetweil
Its not passing the API key in the HTML request.

https://api.ipgeolocation.io/astronomy?apiKey=&lang=en&lat=39.2907&long=-75.6344 401