hi sam,
right row 2 cols day name + age < br > … < br > name+age < br >
the image below displays that:
look at my code, it’s all implemated but not the users in one cell :
getDom: function() {
var wrapper = this.createEl("div",null,null,null,null);
// 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();
var now = moment();
if(Object.keys(this.active_birthdays).length > 0) {
// create table
var table = this.createEl("table", "birthday-table", "TABLE" , wrapper,null)
// create tableheader here
var table_header = this.createTableHeader(table, null, [" "," "]);
// create TBODY section with day names
var tBody = this.createEl('tBody', "birthday-tbody", "TBODY" , table, null);
var day_month_now = moment().format("DD.MM");
var birthdays_seen= {}
var spacer = " ";
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, null);
// delete leading 0 and month
var bd = "";
if(birthdays_seen[birthday] == undefined) {
bd =(birthday.startsWith("0")? birthday.substring(1): birthday).split('.')[0];
birthdays_seen[birthday] = true;
}
if (this.compareDate(now,birthday,"DD.MM") === 1) {
if(this.config.dimmEntries) {
var imageTD = this.createEl('td', "birthday-td-image", "TD-IMAGE_DIMMED" , bodyTR, bd);
var nameTD = this.createEl('td', "birthday-td-body", "TD-BODY_DIMMED" , bodyTR, person.name);
var spanTD = this.createEl("span", "birthday-span-body", "TD-AGE_DIMMED", nameTD, person.age);
var spacerTR = this.createEl('tr', null, null , tBody, null);
var spacerTD = this.createEl('td', null, "SPACER" , spacerTR, spacer);
spacerTD.colSpan = "2";
}
else {
}
}
else {
var imageTD = this.createEl('td', "birthday-td-image", "TD-IMAGE" , bodyTR, bd);
var nameTD = this.createEl('td', "birthday-td-body", "TD-BODY" , bodyTR, person.name);
var spanTD = this.createEl("span", "birthday-span-body", "TD-AGE", nameTD, person.age);
var spacerTR = this.createEl('tr', null, null , tBody, null);
var spacerTD = this.createEl('td', null, "SPACER" , spacerTR, spacer);
spacerTD.colSpan = "2";
}
}
}
// Create TFOOT section -- currently used for debugging only
if (this.config.debugging) {
var table_footer = this.createTableFooter(tBody, null, [" "," "]);
//footerTD.innerHTML = "Birthdaylist is currently in DEBUG mode!<br />Please see console log.";
}
else {
var table_footer = this.createTableFooter(tBody, null, [" "," "]);
}
}
// pass the created content back to MM to add to DOM.
return wrapper;
}
// Dom is loaded
this.loaded = true;
},
