• 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.

read csv-data and put it in an array

Scheduled Pinned Locked Moved Utilities
313 Posts 3 Posters 395.9k 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.
  • S Away
    sdetweil @sdetweil
    last edited by sdetweil May 1, 2020, 10:42 PM May 1, 2020, 10:39 PM

    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
    • P Offline
      Perlchamp
      last edited by May 1, 2020, 10:44 PM

      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 May 1, 2020, 10:52 PM Reply Quote 0
      • S Away
        sdetweil @Perlchamp
        last edited by sdetweil May 1, 2020, 11:02 PM May 1, 2020, 10:52 PM

        @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
        • P Offline
          Perlchamp
          last edited by Perlchamp May 1, 2020, 11:10 PM May 1, 2020, 11:10 PM

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

          S 1 Reply Last reply May 1, 2020, 11:13 PM Reply Quote 0
          • S Away
            sdetweil @Perlchamp
            last edited by sdetweil May 1, 2020, 11:14 PM May 1, 2020, 11:13 PM

            @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
            • P Offline
              Perlchamp
              last edited by May 1, 2020, 11:15 PM

              ok, thanks

              S 1 Reply Last reply May 1, 2020, 11:17 PM Reply Quote 0
              • S Away
                sdetweil @Perlchamp
                last edited by sdetweil May 1, 2020, 11:20 PM May 1, 2020, 11:17 PM

                @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
                • P Offline
                  Perlchamp
                  last edited by May 2, 2020, 12:27 AM

                  so, sam, everything is fixed :-)
                  but now i don’t know how to handle the receiving data. i only need a little entry … don’t know how to handle this object-element. actually nothing is displayed except the header i configured …

                  S 1 Reply Last reply May 2, 2020, 12:32 AM Reply Quote 0
                  • S Away
                    sdetweil @Perlchamp
                    last edited by sdetweil May 2, 2020, 12:39 AM May 2, 2020, 12:32 AM

                    @Perlchamp cool, now you’ve collected the data… you should be able to see the results on the exit from the notification handler…

                    now to tell MM to come get the stuff to display…

                    thats the self.updateDom() call

                    hey MM, get my stuff

                    then MM will call getDom()

                    I have implemented the module too

                    getDom: function() {
                    		var wrapper = document.createElement("div");
                    
                    		for(var birthday of Object.keys(this.active_birthdays)){
                    				for(var name of this.active_birthdays[birthday]){
                    					var m=document.createElement('div')
                    					m.innerText=birthday + ' '+ name
                    					wrapper.appendChild(m)
                    				}
                    		}
                    
                    		// pass the created content back to MM to add to DOM.
                    		return wrapper;
                    	},
                    

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    S 1 Reply Last reply May 2, 2020, 12:46 AM Reply Quote 1
                    • S Away
                      sdetweil @sdetweil
                      last edited by May 2, 2020, 12:46 AM

                      @Perlchamp one thing to watch out for, getDom() will be called immediately, long before you have any data,
                      but you MUST return something… so an empty div works… (this is where that 'Loading…" message would be presented

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 8
                      • 9
                      • 10
                      • 11
                      • 12
                      • 31
                      • 32
                      • 10 / 32
                      10 / 32
                      • First post
                        100/313
                        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