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 439.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 Offline
      sdetweil @Perlchamp
      last edited by sdetweil

      @Perlchamp you need to learn the debugger, code fixed

      	getDom: function(){
      		var wrapper = this.createEl("div",null,null,null);
      
      		if(Object.keys(this.active_birthdays).length>0){
      
      			// create your table  here
      			var table = this.createEl("table", "birthday-table", null, wrapper );
      
      			// table header here, array of column names
      			var table_header=this.createTableHeader(table,null, ["date","Name","age"])		
      
      			// create looped row section
      			var tBody = this.createEl('tbody', "birthday-t-body", "tbody", table, null);		
      
      			var birthdays_seen= {}
      			for(var birthday of Object.keys(this.active_birthdays)) {
      			    for(var person of this.active_birthdays[birthday]) {			    				
      
      					// create looped row section
      					var bodyTR = this.createEl('tr', null, "TR-BODY" ,tBody, null);	
      
      					let now = moment()		
      					let entrie=now
      				    if(this.config.dimmEntries) {				
      						entrie = moment(birthday,'DD.MM')
      					}
      					var bd = "";					
      			    	if(birthdays_seen[birthday]==undefined){
      						bd =(birthday.startsWith("0")? birthday.substring(1): birthday).split('.')[0];
      						var imageTD = this.createEl('td', null, "TD-IMAGE".concat(entrie.isBefore(now)?"_DIMMED":'') , bodyTR, bd);		
      						var nameTD = this.createEl('td', null, "TD-BODY".concat(entrie.isBefore(now)?"_DIMMED":'') , bodyTR, person.name);
      									 this.createEl("span", null, null, nameTD, " ");						// needs class for width
      						var spanTDo = this.createEl("span", null, "TD-AGE".concat(entrie.isBefore(now)?"_DIMMED":''), nameTD, person.age);
      					}	
      					else{
      						// add a break
      						this.createEl('br', null , null , spanTDo,null);
      						// add a span with name
      						var nameTD = this.createEl('span', null, "TD-BODY".concat(entrie.isBefore(now)?"_DIMMED":'') ,spanTDo, person.name);
      						// add a span with age
      						var spanTD = this.createEl("span", null, "TD-AGE".concat(entrie.isBefore(now)?"_DIMMED":''), spanTDo, person.age);						
      					}					
      
      
      					var spacerTR = this.createEl('tr', null, null , tBody, null);
      					var spacerTD = this.createEl('td', null, "SPACER" , spacerTR, " ");
      					spacerTD.colSpan = "2";
      					birthdays_seen[birthday] = true;
      
      				}
      		    }
      		}
      		return wrapper;
      	},
      

      see the last line of the console

      Screenshot at 2020-05-03 20-27-54.png
      black screen means syntax error in some modulename.js, click on the line number and it will take you to that line in the code … note the concat(… is missing its right paren ‘)’

      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

        thank you very much. yes i need more expirience of debugging. it’s my second day i use it, sorry sam. AND MANY THANKS.

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

          @Perlchamp Make an error, take out a comma, or ’

          reload the page, f5

          put part of ht module name in the filter field of the console

          find the error message
          click the filename/line to the right

          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, will collect some experience …

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

              ok, the blacksreen is gone, works, but no css

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

                @Perlchamp that comes up for me
                Copied directly. Will send my module file.

                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

                    @Perlchamp see the expanded html on left

                    Screenshot at 2020-05-03 21-02-49.png

                    file sent

                    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

                      it WORKS ! now i hope to find the error :-)

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

                        @Perlchamp i did not use the classes , no… didn’t care about the layout etc…
                        I want to make sure the NAMES of the classes are right…

                        sending file again, sorting the dates

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 28
                        • 29
                        • 30
                        • 31
                        • 32
                        • 31 / 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