• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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-suncalc - Text only display of sunrise, sunset and other sun events

Scheduled Pinned Locked Moved Utilities
29 Posts 8 Posters 10.9k Views 8 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.
  • J Offline
    jag
    last edited by Jan 15, 2017, 7:08 PM

    Thx for downloading and very useful feedback :).
    Uploaded new version.
    Added support for css classes.
    Font size defaults to small.

    1 Reply Last reply Reply Quote 0
    • R Offline
      retroflex Project Sponsor Module Developer
      last edited by retroflex Nov 21, 2018, 8:30 PM Nov 21, 2018, 8:26 PM

      Just found this old module and added it to my mirror. With some unicode and html the result is pretty nice, so I thought I’d share it:

      0_1542831254681_5c57c520-df2b-48dd-b9b6-266a9d867d37-image.png

      Ok, in Swedish, but it basically says “The sun… rises: / sets:”. I used dawn-sunrise and sunset-dusk for the time intervals. This gives approximately the time from when it’s almost dark to full day and vice versa.

      Config:

      		{
      			module: 'mmm-suncalc',
      			position: 'top_left',
      			header: 'Solen',
      			config: {
      				latitude: xx.xxxx,
      				longitude: xx.xxxx,
      				text: '<table>' +
      								'<tr><td>& #9728;</td><td>Går upp:</td><td style="text-align: right">[dawn] - [sunrise]</td></tr>' +
      								'<tr><td>& #9790;</td><td>Går ner:</td><td style="text-align: right">[sunset] - [dusk]</td></tr>' +
      							 '</table>'
      			}
      		},
      

      Note that you need to remove the space between & and # in the config above. It was impossible to write the code in the forum otherwise. Also you need to change [ … ] to < … > for dawn, sunset etc.

      1 Reply Last reply Reply Quote 0
      • D Offline
        dankerthrone
        last edited by Nov 25, 2019, 1:37 PM

        Hey, total newbie to everything coding- and mirror-related here. I tried to get suncalc to work while also trying @retroflex 's suggested layout, but whatever I do, nothing ever show’s up on my MM screen. The module just doesn’t do anything. Do I need to also clone the original suncalc repository? Where to, if so?

        So far, what I got is this:

        {
        			module: 'mmm-suncalc',
        			position: "lower_third",
        			//classes: "default everyone small dimmed",
        			header: "Sonne",
        			config: {
        				latitude: 51.03586,
        				longitude: 7.06379,
        				text: "Aufgang: <dawn> - <sunrise>. Untergang: <sunset> - <dusk>"
        				//'<table>' + 
        				//'<tr><td>&#9728;</td><td>Går upp:</td><td><dawn> - <sunrise></td></tr>' +
        				//'<tr><td>&#9790;</td><td>Går ner:</td><td><sunset> - <dusk></td></tr>' +
        				//'</table>'
        				},
        		},
        

        Does that look alright?

        S 1 Reply Last reply Nov 25, 2019, 1:52 PM Reply Quote 0
        • S Offline
          sdetweil @dankerthrone
          last edited by Nov 25, 2019, 1:52 PM

          @dankerthrone the module is on github

          https://github.com/janbanan007/mmm-suncalc

          the readme shows a simple start

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 1
          • D Offline
            dankerthrone
            last edited by Nov 26, 2019, 8:36 PM

            Thanks. I think in general people know to cd to the module folder to be installed and then run

            npm install
            

            but I didn’t get that from the readme, thus ran the install command from the ~/MagicMirror folder and as a result never installed anything. No wonder the thing doesn’t run :D

            It does now, though, so thanks again!

            1 Reply Last reply Reply Quote 0
            • L Offline
              Lordy
              last edited by May 2, 2020, 8:47 AM

              Hello,

              can sunrise and sunset be colored, if so, can you please tell me the line (command) for css?

              R 1 Reply Last reply May 4, 2020, 7:28 AM Reply Quote 0
              • R Offline
                retroflex Project Sponsor Module Developer @Lordy
                last edited by May 4, 2020, 7:28 AM

                @Lordy There are no css names to distinguish sunrise and sunset. But you can add html directly to the config instead. See my previous answer to this thread for an example. So something like:

                text: 'Sunrise < span style="color: #ffff00" >< sunrise >< /span >
                

                Remove the extra spaces next to the brackets. Had to include them or otherwise the forum would show nothing.

                L 1 Reply Last reply May 4, 2020, 7:54 AM Reply Quote 1
                • L Offline
                  Lordy @retroflex
                  last edited by May 4, 2020, 7:54 AM

                  @retroflex
                  Where exactly? Here my config:

                  text: ‘

                  ’+‘’+‘’+‘
                  ☀Sonnenaufgang: -
                  ☾Sonnenuntergang: -
                  ’

                  L 1 Reply Last reply May 4, 2020, 7:55 AM Reply Quote 0
                  • L Offline
                    Lordy @Lordy
                    last edited by Lordy May 4, 2020, 7:56 AM May 4, 2020, 7:55 AM

                    Sunrise.JPG

                    1 Reply Last reply Reply Quote 0
                    • R Offline
                      retroflex Project Sponsor Module Developer
                      last edited by May 4, 2020, 12:00 PM

                      @Lordy Aha. Then change one of the < td > to < td style=“color: #ffff00” >

                      L 1 Reply Last reply May 4, 2020, 12:19 PM Reply Quote 1
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      • 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