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.

    Creating a module to display daily horoscopes

    Scheduled Pinned Locked Moved Solved Development
    26 Posts 7 Posters 21.7k Views 6 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.
    • morozgrafixM Offline
      morozgrafix Moderator @djbosman
      last edited by morozgrafix

      @djbosman Hi Danie,

      In the code snippet that you’ve posted (it’s a good idea to use markdown for code snippets) it looks like you are possibly using “fancy quotes”. Make sure that your config.js file has these ' or " and not these ‘ or “ (it’s possible that they were only converted in your post on the forum and your config is ok). Additionally make sure you have a comma after last } bracket as shown below:

      		{
      			module: 'MMM-horoscope',
      			position: 'top_right', // This can be any of the regions.
      			config: {
      				// See ‘Configuration options’ for additional options and more information.
      				sign: 'aries', // Zodiac sign
      				}
      		},
      

      Also since this module is using node helper you may need to restart electron app for MM to pickup module helper for horoscopes.
      You should see these lines in the console log when you do npm start:

      Connecting socket for: MMM-horoscope
      Starting NodeHelper for MMM-horoscopemodule.
      

      Hope this helps and thanks for trying out my module.

      P.S. I just added instructions about restarting MM in the README

      1 Reply Last reply Reply Quote 0
      • P Offline
        pflnpi0305
        last edited by Jopyth

        i add this and get black screen only when i add the horoscope. maybe i dont know hot to install it lol. am i doing something wrong? any help is appreciated.

        /* Magic Mirror Config Sample
         *
         * By Michael Teeuw http://michaelteeuw.nl
         * MIT Licensed.
         */
        
        var config = {
        	port: 8080,
        	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", ],
        
        	language: 'en',
        	timeFormat: 12,
        	units: 'imperial',
        
        	modules: [
        		{
        			module: 'alert',
        		},
        		{
        			module: "updatenotification",
        			position: "top_bar"
        		},
        		{
        			module: 'clock',
        			position: 'top_left'
        		},
        		{
        			module: 'calendar',
        			header: 'MY CALENDAR',
        			position: 'top_left',
        			config: {
        			fetchInterval: 1 * 60 * 1000,
        				calendars: [
        					{
        						symbol: 'calendar-check-o ',
        						url: 'webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics'
        		},
                        {
                                                        url: 'https://calendar.google.com/calendar/ical/5ddp1drsb3mib0a6piof8h0f8s%40group.calendar.google.com/private-xxxxxxxxxxxxxxx'
                   
                                                   }
        				 ]
        			 }
        		},
        		{
        			module: 'compliments',
        			position: 'lower_third'
        
                       },
                      {
        			
        			module: 'MMM-horoscope',
            			position: 'bottom_right',  
            			config: {
              				
              				sign: 'aries', // Zodiac sign
                        }
        		
              
         		},
        		{
        		        module: 'currentweather',
        			position: 'top_right',
        			config: {
        				units: 'imperial',
                 			location: '',
        				locationID: '',  //ID from http://www.openweathermap.org
        				appid: 'xxxxxxxxxxxxxxxx'
        				
        				
        			}
        		},		
        		{
        			module: 'MMM-Remote-Control'
            			
            		
            			
        		},
        		{
        		
        			module: 'MMM-WunderGround',
            			position: 'top_right',
            			config: {
               				 apikey: 'xxxxxxxxxxxxxxxx', // private; don't share!
                			 pws: 'CA/FONTANA', 
                			 hourly: '1',
               			         fctext: '1',
                			 fcdaycount: "5",
                			 fcdaystart: "0",
                			 hourlyinterval: "3",
                			 hourlycount: "2",
                			 alerttime: 10000,
                			 alerttruncatestring: "english:",
            			         roundTmpDecs: 1,
            				 UseCardinals: 0,
            				 layout: "horizontal",
            				sysstat: 0
        			}
        		},
        		{
        			module: 'newsfeed',
        			position: 'bottom_bar',
        			config: {
        				feeds: [
        					{
        						
        						title: "Google News",
        						url: "https://news.google.com/news?cf=all&hl=en&pz=1&ned=us&output=rss"
        		},
                    	{
        						title: "New York Times",
        	                    			url:       "http://www.nytimes.com/services
                                                     /xml/rss/nyt/HomePage.xml"
                        },
                        {
                				        title: "BBC Sci-Tech",
        						url: "http://feeds.bbci.co.uk/news/video_and_audio/technology/rss.xml?edition=uk"
        					}
        				],
        				showSourceTitle: true,
        				showPublishDate: true,
        				maxNewsItems: 0,
        				updateInterval: 10 * 1000,
        				reloadInterval:  2 * 60 * 1000
        			}
        		},
        	]
        
            };
        
        
        /*************** DO NOT EDIT THE LINE BELOW ***************/
        if (typeof module !== 'undefined') {module.exports = config;}
        
        morozgrafixM 1 Reply Last reply Reply Quote 0
        • cowboysdudeC Offline
          cowboysdude Module Developer
          last edited by cowboysdude

          @pflnpi0305

          Run that through this: http://javascriptbeautifier.com/

          to clean that up… lots of spaces in there… may not be the problem but it could become a problem at some point and it’s easier to read through it when it’s formatted ;)

          But I do believe your problem is right here:

          url: “http://www.nytimes.com/services
          /xml/rss/nyt/HomePage.xml”

          That’s not valid… needs to be:

          url: “http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml”

          1 Reply Last reply Reply Quote 2
          • morozgrafixM Offline
            morozgrafix Moderator @pflnpi0305
            last edited by

            @pflnpi0305 I believe that @cowboysdude is correct about that line spilling over. It needs to be on one line. When in doubt you can always paste your config.js at http://jshint.com/ and see if there are any errors (one warning about undefined variable module is ok)

            cowboysdudeC 1 Reply Last reply Reply Quote 1
            • cowboysdudeC Offline
              cowboysdude Module Developer @morozgrafix
              last edited by cowboysdude

              @morozgrafix said in Creating a module to display daily horoscopes:

              @pflnpi0305 I believe that @cowboysdude is correct about that line spilling over. It needs to be on one line. When in doubt you can always paste your config.js at http://jshint.com/ and see if there are any errors (one warning about undefined variable module is ok)

              Home away from home LOL AND off topic but Thanks and congrats on being a mod :)

              1 Reply Last reply Reply Quote 1
              • P Offline
                pflnpi0305
                last edited by

                so i fixed it and added it the the java beautifier link and thenadded it back to my config.js folder and rebootbut still black screen.
                cant use npm start
                is it because im using pm2 to autostart my mirror?

                morozgrafixM 1 Reply Last reply Reply Quote 0
                • morozgrafixM Offline
                  morozgrafix Moderator @pflnpi0305
                  last edited by morozgrafix

                  @pflnpi0305 if you are using pm2 then you can restart mm with pm2 restart mm, to stop it you would run pm2 stop mm, to list processes managed by pm2 you would do pm2 list and to start you would run pm2 start mm

                  If you are still have issues, post your latest version of config.js here again. Are you getting any errors?

                  1 Reply Last reply Reply Quote 0
                  • P Offline
                    pflnpi0305
                    last edited by pflnpi0305

                    so i also dropped my config in jshint.comand and javascriptbeautifier.com and all is well…i dont know what im missing. if i remove the horoscope everything works well but if i have it then it wont work.

                                  var config = {
                    port: 8080,
                    ipWhitelist: [ "127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.1/24" ],
                    language: "en",
                    timeFormat: 12,
                    units: "imperial",
                    modules: [ {
                        module: "MMM-Admin-Interface"
                    }, {
                        module: "alert"
                    }, {
                        module: "updatenotification",
                        position: "top_bar"
                    }, {
                        module: "clock",
                        position: "top_left"
                    }, {
                        module: "calendar",
                        header: "MY CALENDAR",
                        position: "top_left",
                        config: {
                            fetchInterval: 1 * 60 * 1000,
                            calendars: [ {
                                symbol: "calendar-check-o ",
                                url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics"
                            }, {
                                url:"https://calendar.google.com/calendar/ical/5ddp1drsb3mib0a6piof8h0f8s%40group.calendar.google.com/private-xxxxxxxxxxxxxxx/basic.ics"
                            } ]
                        }
                    }, {
                        module: "compliments",
                        position: "lower_third"
                    }, {
                        module: "currentweather",
                        position: "top_right",
                        config: {
                            units: "imperial",
                            location: "FONTANA/CA",
                            locationID: "",
                            appid: "xxxxxxxxxxxxxx"
                        }
                    }, {
                        module: "MMM-Remote-Control"
                    }, {
                        module: "MMM-WunderGround",
                        position: "top_right",
                        config: {
                            apikey: "xxxxxxx",
                            pws: "CA/FONTANA",
                            hourly: "1",
                            fctext: "1",
                            fcdaycount: "5",
                            fcdaystart: "0",
                            hourlyinterval: "3",
                            hourlycount: "2",
                            alerttime: 10000,
                            alerttruncatestring: "english:",
                            roundTmpDecs: 1,
                            UseCardinals: 0,
                            layout: "horizontal",
                            sysstat: 0
                        }
                    }, {
                        module: "MMM-Globe",
                        position: "center",
                        config: {
                            style: "geoColor",
                            imageSize: 300,
                            ownImagePath: "",
                            updateInterval: 10 * 60 * 1000
                        }
                    }, {
                        module: "MMM-horoscope",
                        position: "bottom_right",
                        config: {
                            sign: "aries"
                        }
                    }, {
                        module: "newsfeed",
                        position: "bottom_bar",
                        config: {
                            feeds: [ {
                                title: "Google News",
                                url: "https://news.google.com/news?cf=all&hl=en&pz=1&ned=us&output=rss"
                            }, {
                                title: "New York Times",
                                url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
                            }, {
                                title: "BBC Sci-Tech",
                                url: "http://feeds.bbci.co.uk/news/video_and_audio/technology/rss.xml?edition=uk"
                            } ],
                            showSourceTitle: true,
                            showPublishDate: true,
                            maxNewsItems: 0,
                            updateInterval: 10 * 1000,
                            reloadInterval: 2 * 60 * 1000
                        }
                    } ]
                    };
                    
                    if ("undefined" !== typeof module) module.exports = config;
                    
                    morozgrafixM 1 Reply Last reply Reply Quote 0
                    • morozgrafixM Offline
                      morozgrafix Moderator @pflnpi0305
                      last edited by

                      @pflnpi0305 Do you see any errors in the console log when you run it start the mirror with npm start dev command? Also are you running off the master branch or dev?
                      We can try to start eliminating things out to narrow down what is causing the black screen for you.

                      Can you try this config with only horoscope module:

                      /* Magic Mirror Config Sample
                       *
                       * By Michael Teeuw http://michaelteeuw.nl
                       * MIT Licensed.
                       */
                      
                      var config = {
                      	port: 8080,
                      	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],
                      
                      	language: 'en',
                      	timeFormat: 24,
                      	units: 'metric',
                      
                      	modules: [
                      		{
                      			module: 'MMM-horoscope',
                      			position: 'bottom_right', // This can be any of the regions.
                      			config: {
                      				// See ‘Configuration options’ for additional options and more information.
                      				sign: 'aries', // Zodiac sign
                      				}
                      		},
                      	]
                      
                      };
                      
                      /*************** DO NOT EDIT THE LINE BELOW ***************/
                      if (typeof module !== 'undefined') {module.exports = config;}
                      

                      Also can you please double check that MMM-horoscope and contents exist under ~/MagicMirror/modules directory? (I know I’m asking for obvious things, just trying to get some more info about your installation).

                      1 Reply Last reply Reply Quote 0
                      • P Offline
                        pflnpi0305
                        last edited by

                        thats the issue it doesnt exsist in there… how do i clone the git via ssh

                        yawnsY 1 Reply Last reply Reply Quote 0
                        • morozgrafixM Offline
                          morozgrafix Moderator
                          last edited by

                          @pflnpi0305 It will not work if you don’t have a copy of the module installed locally, black screen is there because MM is attempting to load JS files for the module from the directory that doesn’t exist. You need to run this in terminal while connected to your RasPi (directly or via SSH).

                          cd ~/MagicMirror/modules
                          git clone https://github.com/morozgrafix/MMM-horoscope.git
                          

                          After that you would need to restart MM node process in order it to pickup new node_helper for horoscope module.

                          Thanks

                          1 Reply Last reply Reply Quote 0
                          • yawnsY Offline
                            yawns Moderator @pflnpi0305
                            last edited by yawns

                            @pflnpi0305 said in Creating a module to display daily horoscopes:

                            thats the issue it doesnt exsist in there… how do i clone the git via ssh

                            Mh, you are right. The readme on github doesn’t state how to do this. Maybe @morozgrafix could add this, even though the process is always the same.

                            If you go to github, you see this:
                            0_1485765365171_github.JPG

                            1. click on “clone or download”
                            2. copy the url or click on the icon next to it
                            cd ~/MagicMirror/modules
                            git clone https://github.com/morozgrafix/MMM-horoscope.git
                            cd MMM-horoscope
                            npm install
                            

                            After that you update your config.js file, restart your magic mirror and should be fine

                            edit: oh, morozgrafix was faster

                            morozgrafixM 1 Reply Last reply Reply Quote 1
                            • morozgrafixM Offline
                              morozgrafix Moderator @yawns
                              last edited by

                              @yawns Thanks! I just added a small bit related to installation steps to the README.

                              1 Reply Last reply Reply Quote 1
                              • P Offline
                                pflnpi0305
                                last edited by

                                lol thank you guys i should have thought of it but idk why it just slipped my mind i followed and i thought hmmm i need to close i think ahah…thanks i love this forum and all the help here.

                                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
                                • 2 / 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