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.

    read csv-data and put it in an array

    Scheduled Pinned Locked Moved Utilities
    313 Posts 3 Posters 440.6k Views 4 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.
    • PerlchampP Offline
      Perlchamp
      last edited by Perlchamp

      // send data to [modulname].js
      self.sendsocketNotification("have data", birthdaysArray)
      

      i have found a typing error. Socket instead socket. if i than change self. to this. no errror messages will displayed. but still black screen.
      maybe i did not understand how to handle the getDom-section … i will still try …
      but:
      i see no notification in the terminal. ‘have data’ should actually appear there, shouldn’t it ?

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @Perlchamp
        last edited by sdetweil

        @Perlchamp

        do this, you need self

        start() {
        		var self = this
        		console.log("Starting module helper: " + this.name);
        

        the use self

                        self.sendsocketNotification("have data", jsonObj)
        

        u need to send the obj, not the string

        as for black screen , that means the modulename side died…

        f12 on the keyboard or ctrl-shift-i, select the console tab, and look for red text … usually a syntax error…

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @Perlchamp

          i see no notification in the terminal. ‘have data’ should actually appear there, shouldn’t it ?

          no, the message is sent to the modulename.js side of your module…
          using my sample code , right here

                  // messages received from from your node helper (NOT other modules or the system)
          	// payload is a notification dependent data structure, up to you to design between module and node_helper
          	socketNotificationReceived: function(notification, payload) {
          

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            the two parts look like this

            --------------------------------------------------------------------------------------------------
            |                                  browser  side                                                 |
            |                                       modulename.js (SampleModule.js)                          |
            |                                                                                                |
            |     receive (socketNotificationReceived)                send ( sendSocketNotification)         |
            --------------------------------------------------------------------------------------------------
                                ^                                                     |
                                |                                                     |
            --------------------------------------------------------------------------------------------------
                                |                                                     |
                                |                                                     V 
            --------------------------------------------------------------------------------------------------
            |      send ( sendSocketNotification)                   receive (socketNotificationReceived)     |
            |                                                                                                |
            |                                       node_helper.js                                           |
            |                                  server side                                                   |
            --------------------------------------------------------------------------------------------------
            

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • PerlchampP Offline
              Perlchamp
              last edited by

              yes, i understood. here’s my perlchamp.js (only socketNitificationReceived)

              	// messages received from from your node helper (NOT other modules or the system)
              	// payload is a notification dependent data structure, up to you to design between module and node_helper
              	socketNotificationReceived: function(notification, payload) {
              		Log.log(this.name + " received a socket notification: " + notification + " - Payload: " + payload);
              		if(notification === "message_from_helper"){
              			this.config.message = payload;
              			// tell mirror runtime that our data has changed,
              			// we will be called back at GetDom() to provide the updated content
              			this.updateDom(1000)
              		}
              
              		if(notification === "have data"){
              
              			Log.log(this.name + " received a socket notification: " + notification + " - Payload: " + payload);
              			
              			var now = moment()
              			var active_birthdays={}
              
              			for( var birthday of payload) {
              				// get 1st 5 chars of birthdate, thru month
              				// we will use this as the key in the hash
              				var birth_date = birthday.birth.subString(0,4)
              				
              				// for debugging only
              				Log.log("Tag.Monat :", birth_date)
              				
              				// get the birthday as a moment in this year, for comparing
              				var birth_date_moment = moment(birth_date + now.getYear(),"DD.MMYYYY")
              
              				// u can add days to a moment object and then compare 
              				//     if the birthdate is before that date (and after now)
              				//     so within the next xx days
              
              				// if the date is the same or later, don't use time of day
              				if(birth_date.startOf('day').isSame(now.startOf('day')){
              
              					// birthday is in this month
              					// check the hash if we've seen anything for today yet
              					// if we haven't see this date yet
              					if(active_birthdays[birth_date] == undefined){
                         
              						//  create the holder for its info (array of 
              						//		names) in the hash
              						active_birthdays[birth_date] = []
              					}
              					// save the persons name on the list
              					active_birthdays[birth_date].push(birthday.name)
              				}
              			}
                   
              			// tell MM to call and get our content
              			self.updateDom();
              		}     			
              },
              
              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @Perlchamp
                last edited by sdetweil

                @Perlchamp very good… now, I didn’t test the code I wrote, so there are a couple errors…

                but you should be able to see that code in the developers window, sources tab,
                navigate on the left tree, modules, your module_name (which has to be perchamp,
                folder, filename and the register at the top) all have to match)

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • PerlchampP Offline
                  Perlchamp
                  last edited by Perlchamp

                  i can’t find … so everything’s right ?
                  picture

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Perlchamp
                    last edited by sdetweil

                    @Perlchamp you shouldScreenshot at 2020-05-01 18-12-15.png see an error like this

                    note that I put part of the module name in the filter field

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • PerlchampP Offline
                      Perlchamp
                      last edited by

                      ok, thanks

                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @Perlchamp
                        last edited by sdetweil

                        @Perlchamp and if something not spelled right (this image also shows the module tree navigation on the left)

                        when its used !
                        Screenshot at 2020-05-01 18-17-05.png

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 19
                        • 20
                        • 21
                        • 22
                        • 23
                        • 31
                        • 32
                        • 21 / 32
                        • 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