• 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 363.0k 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 Offline
    sdetweil @Perlchamp
    last edited by May 2, 2020, 5:48 PM

    @Perlchamp its not my module… its yours…

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    1 Reply Last reply Reply Quote 0
    • S Offline
      sdetweil @Perlchamp
      last edited by May 2, 2020, 5:49 PM

      @Perlchamp see how interesting ‘just a birthday list’ can be! and u still have styles to apply etc

      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 2, 2020, 5:51 PM May 2, 2020, 5:50 PM

        I do not think so. I could never answer questions about any problems …
        i did:

        ... age='+(person.age + 1);
        

        the styles you could get from me, no problem. it’s just fair, isn’t it ?

        S 1 Reply Last reply May 2, 2020, 5:51 PM Reply Quote 0
        • S Offline
          sdetweil @Perlchamp
          last edited by May 2, 2020, 5:51 PM

          @Perlchamp should be wrong for people with birthday yesterday

          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 2, 2020, 5:55 PM May 2, 2020, 5:53 PM

            ah, oooook … hm. shooted to fast. but let me figured out by myself, cause i don’t wonna feel like a baby … i think if-statements and moment() could be helpfully.

            1 Reply Last reply Reply Quote 0
            • P Offline
              Perlchamp
              last edited by Perlchamp May 2, 2020, 6:00 PM May 2, 2020, 5:59 PM

              general question:
              is there something like “print”? (for debugging) or have i use innerText or innerHTML or Log.log ? … to display something on screen ?

              S 1 Reply Last reply May 2, 2020, 6:00 PM Reply Quote 0
              • S Offline
                sdetweil @Perlchamp
                last edited by May 2, 2020, 6:00 PM

                @Perlchamp Log.log only

                did u see my chat message about fixing a bug in the MMM-Logging module

                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, 6:01 PM

                  i will have a look on it, though MERCI !

                  S 1 Reply Last reply May 2, 2020, 7:55 PM Reply Quote 0
                  • S Offline
                    sdetweil @Perlchamp
                    last edited by May 2, 2020, 7:55 PM

                    @Perlchamp one other thing, u need to start a timer for when the month changes, when the timer expires, send a CONFIG message to the node_helper and it will send the latest birthdays list and everything will recalculate

                    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, 8:03 PM

                      hi sam, yes i thought about. in the moment this is the actually file, though there is code annotate and at the wrong place, … just so you don’t wonder … :

                      /* global Module */
                      
                      /* Magic Mirror
                       * Module: birthdaylist
                       *
                       * Author: perlchamp@gmx.net
                       * Lizenz: MIT
                       */
                      
                      Module.register("birthdaylist", {
                          // Default module config.
                          defaults: {
                      	
                      	debugging: false,
                      	initialLoadDelay: 0,		// How many seconds to wait on a fresh start up.
                      					// This is to prevent collision with all other modules also
                      					// loading all at the same time. This only happens once,
                      					// when the mirror first starts up.
                      	dimmEntries: true,   		// true: dims entries and the associated 
                      					//       symbol when the date has expired.
                      					// false: delete entries and the associated 
                      					//        symbol when the date has expired.
                      
                      	language: "de",			// needed for dateformatting
                      	updateDelay: 5		        // How many seconds after midnight before a refresh
                      				        // This is to prevent collision with other modules refreshing
                      				        // at the same time.
                          },
                      
                          active_birthdays: {
                      		
                          },
                      
                      
                          init: function() {
                      	Log.log(this.name + " is in init!");
                          },
                      
                          // Override start method
                          start: function() {
                      	Log.log("Starting module: " + this.name);
                      
                      	// set locale here, default: de
                      	moment.locale(config.language);
                      
                      	// Calculate next midnight and add updateDelay
                      	var now = moment();
                      	this.midnight = moment([now.year(), now.month(), now.date() + 1]).add(this.config.updateDelay, "seconds");
                      	this.loaded = false;
                      	this.scheduleUpdate(this.config.initialLoadDelay * 1000);
                          },
                      
                          loaded: function(callback) {
                      	Log.log(this.name + " is loaded!");
                      	callback();
                          },
                      
                          // return list of other functional scripts to use, if any (like require in node_helper)
                          getScripts: function () {
                      	return ["moment.js"];
                          },
                       
                          // return list of stylesheet files to use if any
                          getStyles: function() {
                      	return [this.data.path + "/css/bdl.css"];
                          },
                      
                          // you can configure the heading of the list in config.js
                          getHeader: function() {
                      	return this.data.header;
                          },
                      
                      
                          // messages received from other modules and the system (NOT from your node helper)
                          // payload is a notification dependent data structure
                          notificationReceived: function(notification, payload, sender) {
                      	// once everybody is loaded up
                      	if(notification === "ALL_MODULES_STARTED") {
                      	    // send our config to our node_helper
                      	    this.sendSocketNotification("CONFIG",this.config);
                      	}
                      	if (sender) {
                      	    Log.log(this.name + " received a module notification: " + notification + " from sender: " + sender.name);
                      	}
                      	else {
                      	    Log.log(this.name + " received a system notification: " + notification);
                      	}
                          },
                      	
                          // 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) {
                      	if(notification === "JSONDATA") {
                      
                      	    var self = this;
                      	    Log.log(this.name + " received a socket notification: " + notification + " - Payload: " + payload);
                      			
                      	    var now = moment();
                      	    var day_month = moment().format("DD");
                      	    
                      	    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,5);
                      				
                      		// get the birthday as a moment in this year, for comparing
                      		var birth_date_moment = moment(birth_date + now.year(),"DD.MMYYYY");
                      
                      		// you 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_moment.month() == now.month() ) {
                      
                      		    // 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(this.active_birthdays[birth_date] == undefined) {
                                 
                      			// create the holder for its info (array of 
                      			//	names) in the hash
                      			this.active_birthdays[birth_date] = [];
                      		    }
                      			
                      		    // save the persons name on the list
                      		    self.active_birthdays[birth_date].push({'name':birthday.name, 
                      			'age': now.diff(moment(birthday.birth,'DD.MM.YYYY'), 'years') })
                      		}
                      	    }
                           
                      	    // tell MM to call and get our content
                      	    self.updateDom();
                      	}     			
                          },
                      
                          // system notification your module is being hidden
                          // typically you would stop doing UI updates (getDom/updateDom) if the module is hidden
                          suspend: function() {
                      
                          },
                      
                          // system notification your module is being unhidden/shown
                          // typically you would resume doing UI updates (getDom/updateDom) if the module is shown
                          resume: function() {
                      
                          },
                      
                          // this is the major worker of the module, it provides the 
                          // 	   displayable content for this module
                          getDom: function() {
                      	var self = this;
                      	var wrapper = document.createElement("div");
                      		
                      	// tell MM to call and get our content
                      	Log.log(JSON.stringify(this.active_birthdays))
                      
                      
                      
                      	if ((moment() > this.midnight) || (!this.loaded)) {
                      	    var month = moment().month();
                      	    var year = moment().year();
                      //	    var monthName = moment().format("MMMM");
                      //	    var monthLength = moment().daysInMonth();
                      
                      	    // tabelle erstellen
                      	    var wrapper = document.createElement("table");
                      	    wrapper.className = 'table';
                      	    wrapper.id = 'birthday-table';
                      
                      	    // tabellenkopf erstellen
                      	    var tHeader = document.createElement("thead");
                      	    tHeader.className = "thead";
                      	    tHeader.id = "birthday-thead";
                      
                      	    var headerTR = document.createElement("tr");
                      	    headerTR.className = "tr-head";
                      	    headerTR.id = "birthday-tr-head";			    
                      
                      	    var headerTH = document.createElement("th");
                      	    headerTH.colSpan = "2";
                      	    headerTH.scope = "col";
                      	    headerTH.className = "th-head";
                      	    headerTH.id = "birthday-th-head";
                      	    headerTH.innerHTML = this.translate(this.config.title);
                      	    headerTR.appendChild(headerTH);
                      	    			
                      	    tHeader.appendChild(headerTR);
                      	    wrapper.appendChild(tHeader);
                      		    
                      	    // Create TFOOT section -- currently used for debugging only
                      	    var tFooter = document.createElement('tfoot');
                      	    tFooter.className = "tfoot";
                      	    tFooter.id = "birthday-tfoot";
                      
                      	    var footerTR = document.createElement("tr");
                      	    footerTR.className = "tr-foot";
                      	    footerTR.id = "birthday-tr-foot";
                      
                      	    var footerTD = document.createElement("td");
                      	    footerTD.colSpan ="2";
                      	    footerTD.className = "td-foot";
                      	    footerTD.id = "birthday-td-foot";
                      	    if (this.config.debugging) {
                      		footerTD.innerHTML = "Birthdaylist is currently in DEBUG mode!<br />Please see console log.";
                      	    }
                      	    else {
                      		footerTD.innerHTML = "";
                      	    }
                      
                      	    footerTR.appendChild(footerTD);
                      	    tFooter.appendChild(footerTR);
                      	    wrapper.appendChild(tFooter);
                      
                      
                      
                      
                      
                      
                      	for(var birthday of Object.keys(this.active_birthdays)) {
                      	    for(var person of this.active_birthdays[birthday]) {
                      				
                      		var m=document.createElement('div');
                      				
                      		// create tour table row here				
                      		m.innerText = birthday + ' ' + person.name + ' age=' + person.age;
                      		wrapper.appendChild(m);					
                      	    }
                      	}
                      	
                      	// pass the created content back to MM to add to DOM.
                      	this.loaded = true;
                      	return wrapper;
                      
                      /*
                      			
                      	    // Create TBODY section with day names
                      	    var eintraege = 3;
                      	    for (var i=1; i<=eintraege; i++) {
                      		var tBody = document.createElement("tBody");
                      		tBody.className = "tbody";
                      		tBody.id = "birthday-tbody";
                      
                      		var bodyTR = document.createElement("tr");
                      		bodyTR.className = "tr-body";
                      		bodyTR.id = "birthday-tr-body";
                      
                      		var bodyTDimage = document.createElement("td");
                      		bodyTDimage.className = "td-image";
                      		bodyTDimage.id = "birthday-td-image";
                      		bodyTDimage.innerHTML = "23";
                      
                      		var bodyTD = document.createElement("td");
                      		bodyTD.className = "td-body";
                      		bodyTD.id = "birthday-td-body";
                      		bodyTD.innerHTML = "Bettina Zimmermann&nbsp;&nbsp;<span class=\"age-span\">46</span></br>Frank Dubiel&nbsp;&nbsp;<span class=\"age-span\">54</span></br>Jürgen Gruse&nbsp;&nbsp;<span class=\"age-span\">52</span>";
                      
                      
                      //		var bodyAgeSpan = document.createElement("span");
                      //		bodyAgeSpan.className = "age-span";
                      //		bodyAgeSpan.id = "birthday-age-span";
                      //		bodyAgeSpan.innerHTML = "&nbsp;&nbsp;46";
                      //		bodyTD.appendChild(bodyAgeSpan);
                      		
                      
                      		bodyTR.appendChild(bodyTDimage);
                      		bodyTR.appendChild(bodyTD);
                      		tBody.appendChild(bodyTR);
                      		wrapper.appendChild(tBody);
                      	    }
                      */	
                          },
                          
                          scheduleUpdate: function(delay) {
                      	if (this.config.debugging) {
                      	    Log.log("= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =");
                      	    Log.log("Birthdaylist IS IN DEBUG MODE!");
                      	    Log.log("Remove 'debugging' option from config/config.js to disable.");
                      	    Log.log("Current moment(): " + moment() + " (" + moment().format("hh:mm:ss a") + ")");
                      	    Log.log("scheduleUpdate() delay set at: " + delay);
                      	}
                      
                      	if (typeof delay !== "undefined" && delay >= 0) {
                      	    nextReload = delay;
                      	}
                      
                      	if (delay > 0) {
                      	    // Calculate the time DIFFERENCE to that next reload!
                      	    nextReload = moment.duration(nextReload.diff(moment(), "milliseconds"));
                      	    if (this.config.debugging) {
                      		var hours = Math.floor(nextReload.asHours());
                      		var  mins = Math.floor(nextReload.asMinutes()) - hours * 60;
                      		var  secs = Math.floor(nextReload.asSeconds()) - ((hours * 3600 ) + (mins * 60));
                      		Log.log("  nextReload should happen at: " + delay + " (" + moment(delay).format("hh:mm:ss a") + ")");
                      		Log.log("                  which is in: " + mins + " minutes and " + secs + " seconds.");
                      		Log.log("              midnight set at: " + this.midnight + " (" + moment(this.midnight).format("hh:mm:ss a") + ")");
                      		Log.log("= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =");
                      	    }
                      	}
                      
                      	var self = this;
                      	setTimeout(function() {
                      	    self.reloadDom();
                      	}, nextReload);
                      
                          },
                      
                          reloadDom: function() {
                      	if (this.config.debugging) {
                      	    Log.log("          Calling reloadDom()!");
                      	}
                      
                      	var now = moment();
                      	if (now > this.midnight) {
                      	    this.updateDom(this.config.fadeSpeed * 1000);
                      	    this.midnight = moment([now.year(), now.month(), now.date() + 1]).add(this.config.updateDelay, "seconds");
                      	}
                      
                      	var nextRefresh = moment([now.year(), now.month(), now.date(), now.hour() + 1]);
                      	this.scheduleUpdate(nextRefresh);
                          }
                          
                      });
                      

                      and thanks agaibn for your time …

                      S 1 Reply Last reply May 2, 2020, 8:09 PM Reply Quote 0
                      • 1
                      • 2
                      • 17
                      • 18
                      • 19
                      • 20
                      • 21
                      • 31
                      • 32
                      • 19 / 32
                      19 / 32
                      • First post
                        181/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