Posts made by Perlchamp

Perlchamp · May 3, 2020, 3:11 AM

sorry, i’m still sorting my code …uff

Perlchamp · May 3, 2020, 2:54 AM

my code:

   createEl : function (type, id, className, parent, value) {
	var el= document.createElement(type);
	if(id)
	    el.id = id;
	if(className)
	    el.className = className;
	if(parent)
	    parent.appendChild(el);
	if(value)
	    el.appendChild(document.createTextNode(value));
	return el;
    },
    
    createTableHeader: function(parent, className, columnlabels) {
	var header = document.createElement("tr");
	for(columnName of columnlabels) {
	    this.createEl("th", null, className, header, columnName);
	}
	parent.appendChild(header);
	return header;
    },

    getDom: function() {
	var wrapper = this.createEl("div",null,null,null);
	
	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();

	    if(Object.keys(this.active_birthdays).length>0) {

		// create table
		var table = this.createEl("table", "birthday-table", "TABLE" , wrapper)

		// create tableheader

		// create TBODY section with day names
		var tBody = this.createEl('tBody', "birthday-tbody", "TBODY" , table);

		for(var birthday of Object.keys(this.active_birthdays)) {
		    for(var person of this.active_birthdays[birthday]) {
				
			var bodyTR = this.createEl('tr', "birthday-tr-body", "tr-body" , tBody);

			if (birthday.charAt(0) === "0") {
			    birthday = birthday.replace("0","");
			    birthday = birthday.substring(0,1);
			}

			var bodyTDimage = this.createEl('td', "birthday-td-image", "TD-IMAGE" , bodyTR, birthday.substring(0,2));
			var nameTD = this.createEl('td', "birthday-td-body", "TD-BODY" , bodyTR, person.name);
			var ageTD = this.createEl("td", "birthday-td-age", "TD-AGE", bodyTR  ,person.age );

		    }
		}
	    }

	    // Create TFOOT section -- currently used for debugging only

	    return wrapper;

	}
	this.loaded = true;
    },

Perlchamp · May 3, 2020, 2:42 AM

i have a calendar OVER the birthdaylist, so i DON#T need the month in the first cell. the FIRST cell has a calendar sheet as background-image, THOUGH i DON’T need the leading null of the day of birth. should be:
5 Sam 69
Mary 12
8 Frank 81
15 Sue 81
…
did you seen the images i did send ?
and, of course, people with the same day of birth without day of birth

Perlchamp · May 3, 2020, 2:35 AM

ok, i’ve seen, the header function … uff, all is placed right (code).
i don’t see the day of birth. the first cell is still the problem :-(

Perlchamp · May 3, 2020, 1:52 AM

i set the classes in uppercase, allthough in the css-file. but the classes are not adressed.
by the way. maybe there is a problem with TWO cells in a row, because the daynumbers are OVER the names. if you look at the picture i send before (not the last post), than you can see, that the daynumbers are in ONE row with the names …

Perlchamp · May 3, 2020, 1:40 AM

the classes are not addressed :

… without header and footer.
why the classes are null ?

Perlchamp · May 3, 2020, 1:14 AM

does not work for me. complete getDom and your createEl :

    createEl(type, id, class, parent){
	var el = document.createElement(type);
	el.id = id;
	if(class); 
	el.classname = class;
	parent.addChild(el);
	return el;
    },

    getDom: function() {
	var self = this;
	var wrapper = document.createElement("div");
		
	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();

	    // create table
	    var wrapper = this.createEl("table", "birthday-table", "table" , null)
	    
	    // create header
	    var tHeader = this.createEl('thead', "birthday-thead", "thead" , wrapper)
	    
	    var headerTR = this.createEl('tr', "birthday-tr-head", "tr-head" , tHeader)
	    var headerTH = this.createEl('th', "birthday-th-head", "th-head" , headerTR)
	    headerTH.colSpan = "2";
	    headerTH.scope = "col";
	    headerTH.innerHTML = "&nbsp;";
	        
	    // Create TFOOT section -- currently used for debugging only
	    var tFooter = this.createEl('tfoot', "birthday-tfood", "tfoot" , wrapper)
	    var footerTR = this.createEl('tr', "birthday-tf-foot", "tr-foot" , tFooter)
	    
	    var footerTD = this.createEl('td', "birthday-td-foot", "td-foot" , footerTR)
	    footerTD.colSpan ="2";
	    if (this.config.debugging) {
		footerTD.innerHTML = "Birthdaylist is currently in DEBUG mode!<br />Please see console log.";
	    }
	    else {
		footerTD.innerHTML = "&nbsp;";
	    }

	    // create TBODY section with day names
	    var tBody = this.createEl('tBody', "birthday-tbody", "tbody" , wrapper)
	    
	    for(var birthday of Object.keys(this.active_birthdays)) {
		for(var person of this.active_birthdays[birthday]) {
				
		    var bodyTR = this.createEl('tr', "birthday-tr-body", "tr-body" , tBody)
		    var bodyTDimage = this.createEl('td', "birthday-td-image", "td-image" , bodyTR)
		    if (birthday.charAt(0) === "0") {
			birthday = birthday.replace("0","");
			birthday = birthday.substring(0,1);
		    }
		    bodyTDimage.innerHTML = birthday.substring(0,2);

		    var bodyTD = this.createEl('td', "birthday-td-body", "td-body" , bodyTDimage)
		    bodyTD.innerHTML = person.name + "&nbsp;&nbsp;&nbsp; < span class=\"age-span\" > " + person.age + " < /span > ";
		    				
		}
	    }

	    return wrapper;

	}
	
	this.loaded = true;

	    }
    },

Perlchamp · May 3, 2020, 1:02 AM

my code now does not work:

            // create table
	    var wrapper = this.createEl('table', "birthday-table", table , 0)
	    
	    // create header
	    var tHeader = this.createEl('thead', "birthday-thead", thead , "")
	    var headerTR = this.createEl('tr', "birthday-tr-head", tr-head , "tHeader")
	    var headerTH = this.createEl('th', "birthday-th-head", th-head , "headerTR")
	    headerTH.colSpan = "2";
	    headerTH.scope = "col";
	    headerTH.innerHTML = "&nbsp;";
	        
	    // Create TFOOT section -- currently used for debugging only
	    var tFooter = this.createEl('tfoot', "birthday-tfood", tfoot , "")
	    var footerTR = this.createEl('tr', "birthday-tf-foot", tr-foot , "tFooter")
	    var footerTD = this.createEl('td', "birthday-td-foot", td-foot , "footerTR")
	    footerTD.colSpan ="2";
	    if (this.config.debugging) {
		footerTD.innerHTML = "Birthdaylist is currently in DEBUG mode! < br / > Please see console log.";
	    }
	    else {
		footerTD.innerHTML = "&nbsp;";
	    }

	    // create TBODY section with day names
	    var tBody = this.createEl('tBody', "birthday-tbody", tbody , "")
	    
	    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', "birthday-tr-body", tr-body , "tBody")
		    var bodyTDimage = this.createEl('td', "birthday-td-image", td-image , "bodyTR")
		    if (birthday.charAt(0) === "0") {
			birthday = birthday.replace("0","");
			birthday = birthday.substring(0,1);
		    }
		    bodyTDimage.innerHTML = birthday.substring(0,2);
		    var bodyTD = this.createEl('td', "birthday-td-body", td-body , "bodyTDimage")
		    bodyTD.innerHTML = person.name + "&nbsp;&nbsp;&nbsp; < span class=\"age-span\" > " + person.age + " < /span > ";
		    				
		}
	    }

Perlchamp · May 3, 2020, 12:52 AM

wrapper in quotes , too ?

Perlchamp · May 3, 2020, 12:49 AM

my code (only table):

	    // create table
	    var wrapper = this.createEl('table', "birthday-table", table , 0)
	    //var wrapper = document.createElement("table");
	    //wrapper.className = 'table'; 
	    //wrapper.id = 'birthday-table';

	    // create header
	    var tHeader = this.createEl('thead', "birthday-thead", thead , wrapper)
	    //var tHeader = document.createElement("thead");
	    //tHeader.className = "thead";
	    //tHeader.id = "birthday-thead";

	    var headerTR = this.createEl('tr', "birthday-tr-head", tr-head , tHeader)
	    //var headerTR = document.createElement("tr");
	    //headerTR.className = "tr-head";
	    //headerTR.id = "birthday-tr-head";			    

	    var headerTH = document.createElement("th");
	    //var headerTH = this.createEl('th', "birthday-th-head", th-head , headerTR)
	    headerTH.colSpan = "2";
	    headerTH.scope = "col";
	    headerTH.innerHTML = "&nbsp;";
	    //headerTH.className = "th-head";
	    //headerTH.id = "birthday-th-head";
	    
	    //headerTR.appendChild(headerTH);
	    //tHeader.appendChild(headerTR);
	    //wrapper.appendChild(tHeader);
		    
	    // Create TFOOT section -- currently used for debugging only
	    var tFooter = this.createEl('tfoot', "birthday-tfood", tfoot , wrapper)
	    //var tFooter = document.createElement('tfoot');
	    //tFooter.className = "tfoot";
	    //tFooter.id = "birthday-tfoot";

	    //var footerTR = document.createElement("tr");
	    var footerTR = this.createEl('tr', "birthday-tf-foot", tr-foot , tFooter)
	    //footerTR.className = "tr-foot";
	    //footerTR.id = "birthday-tr-foot";

	    //var footerTD = document.createElement("td");
	    var footerTD = this.createEl('td', "birthday-td-foot", td-foot , footerTR)
	    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 = "&nbsp;";
	    }

	    //footerTR.appendChild(footerTD);
	    //tFooter.appendChild(footerTR);
	    //wrapper.appendChild(tFooter);

	    // create TBODY section with day names
	    var tBody = this.createEl('tBody', "birthday-tbody", tbody , wrapper)
	    //var tBody = document.createElement("tBody");
	    //tBody.className = "tbody";
	    //tBody.id = "birthday-tbody";
	    
	    for(var birthday of Object.keys(this.active_birthdays)) {
		for(var person of this.active_birthdays[birthday]) {
				
		    //var m = document.createElement('div');
				
		    // create looped row section
		    var bodyTR = this.createEl('tr', "birthday-tr-body", tr-body , tBody)
		    //var bodyTR = document.createElement("tr");
		    //bodyTR.className = "tr-body";
		    //bodyTR.id = "birthday-tr-body";

		    var bodyTDimage = this.createEl('td', "birthday-td-image", td-image , bodyTR)
		    //var bodyTDimage = document.createElement("td");
		    //bodyTDimage.className = "td-image";
		    //bodyTDimage.id = "birthday-td-image";
		    if (birthday.charAt(0) === "0") {
			birthday = birthday.replace("0","");
			birthday = birthday.substring(0,1);
		    }
		    bodyTDimage.innerHTML = birthday.substring(0,2);

		    var bodyTD = this.createEl('td', "birthday-td-body", td-body , bodyTDimage)
		    //var bodyTD = document.createElement("td");
		    //bodyTD.className = "td-body";
		    //bodyTD.id = "birthday-td-body";
		    bodyTD.innerHTML = person.name + "&nbsp;&nbsp;&nbsp; < span class=\"age-span\" > " + person.age + " < /span > ";
		    				
		    //m.innerText = birthday + ' ' + person.name + ' age=' + person.age;
		    //wrapper.appendChild(m);
		    
		    //bodyTR.appendChild(bodyTDimage);
		    //bodyTR.appendChild(bodyTD);
		    //tBody.appendChild(bodyTR);
		    //wrapper.appendChild(tBody);
		    
		}
	    }