---
title: edit
---
<style>
    .column {
      float: left;
      width: 50%;
    }
    .column textarea{
      width: 95%;
    }
table{
font-family: Calibri,sans-serif;
}
tr.month{
font-size: 160%;font-weight:bold;text-align:center;
}
tr.month td{
padding-right: 120px;
}
tr.line{
font-family: Calibri,sans-serif;font-size: 100%;
}
tr.line td{
padding-right: 5px;
}
tr.boldline{
font-family: Calibri,sans-serif;font-size: 100%;text-decoration: underline;font-weight:bold;
}
tr.boldline td{
padding-right: 5px;
}

</style>

<div class="column">
    <h2>input</h2>
<textarea rows=40 id=input>
2018-07-01;10.00 Uhr;text_fett;Brunchgottesdienst mit Viktor Petkau
2018-07-02;20.00 Uhr;text;Treffen der Kigo-Mitarbeiter bei Fam. Homering
2018-07-03;15.00 Uhr;bibge;
2018-07-08;10.00 Uhr;text_fett;Hohenacker-Sommer Gottesdienst mit Viktor Petkau in der Ortsmitte
2018-07-10;15.00 Uhr;bibge;
2018-07-11;20.00 Uhr;hauskr;bei Christine
2018-07-15;10.00 Uhr;godi;Uwe Köhler
2018-07-17;15.00 Uhr;bibge;
2018-07-21; 9.00 Uhr;maegfit;
2018-07-22;10.00 Uhr;godi;Jürgen Vollmer
2018-07-24;15.00 Uhr;bibge;
2018-07-25;20.00 Uhr;hauskr;bei Christine
2018-07-29;10.00 Uhr;godi;Andreas Mende
2018-07-31;15.00 Uhr;bibge;
2018-08-05;10.00 Uhr;godi;Thomas Rissmann
2018-08-05;;text;in den Räumen der Gemeinde Waiblingen in der Heerstraße
2018-08-07;15.00 Uhr;bibge;
2018-08-12;10.00 Uhr;godi;Viktor Petkau
2018-08-14;15.00 Uhr;bibge;
2018-08-19;10.00 Uhr;godi;Josias Richter
2018-08-21;15.00 Uhr;bibge;
2018-08-26;10.00 Uhr;godi;
2018-08-28;15.00 Uhr;bibge;
</textarea>

</div>
<div class="column">
    <h2>output</h2>
  <input type="radio" name="outputType" value="web" checked> web<br>
  <input type="radio" name="outputType" value="gembr"> gembr<br>
  <input type="radio" name="outputType" value="kirchenwn"> kirchenwn<br>
<div id=output>
</div>
</div>
<script>
function update(){
let input = document.getElementById("input");
console.log("update");
let lines = input.value.split("\n");
lines.pop()//remove last (empty) line

let output = document.getElementById("output");
config={
 "inputType":"csv",
 "outputType": document.querySelector('input[name="outputType"]:checked').value
}
let list=formatList(preprocess(lines,config),config)
let table='<table class="termintabelle" border="0" cellpadding="1" cellspacing="1" ><tbody>'+list.join("\n")+"</tbody></table>"
output.innerHTML=table;
};
function preprocess(text,config){

  inputType = config.inputType || "csv";
  outputType = config.outputType || "web";
  let lines = text;
  if (inputType == "csv"){
    lines=csvtojson(lines);
  }
let jsonTemplates={
 "godi":{"title":"Gottesdienst mit {param}{noweb}","time":"10.00 Uhr","noweb":"","style":"boldline"}
 ,"bibge":{"title":"Bibelgespräch","time":"15.00 Uhr"}
 ,"gu":{"title":"Gemeindeunterricht"}
 ,"hauskr":{"title":"Hauskreis {param}{noweb}","time":"20.00 Uhr","param":"bei Christine","noweb":" (Tel. 8 36 48)"}
 ,"text":{"title":"{param}"}
 ,"text_fett":{"title":"{param}","style":"boldline"}
 ,"mägfit":{"title":"MäGFiT in der Kapelle"}
 ,"JaS":{"title":"Jesus auf der Spur"}
}
  if (outputType == "kirchenwn"){
   lines = lines.filter(line=>line.category=="godi"||line.category=="text_fett");
  }

  let lastDate=new Date("2000-01-01");
  let linesWithMonthHeadings=[];
  for (let i = 0;i<lines.length;i++){
    let date=new Date(lines[i].date);
    let monthnames=['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember']
    if (lastDate.getMonth() < date.getMonth()){
      heading={"title":monthnames[date.getMonth()],"style":"month"};
      linesWithMonthHeadings.push(heading);
    }
    linesWithMonthHeadings.push(lines[i]);
    lastDate = date;
  }
  
  return linesWithMonthHeadings.map(function(line){
   line.category = line.category || "text";
   line.param = line.param || "";
   let template = jsonTemplates[line.category];
   console.log(line)
   line = ({...template,...line})//apply template
   line.title = line.title.replace("{param}",line.param)
   if (line.category=="godi" &&  line.param ==""){//godi ohne prediger
     line.title="Gottesdienst";
   }
   if (outputType == "web"){
     line.noweb="";
   }
   line.title = line.title.replace("{noweb}",line.noweb);

let weekday_names=["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"]
let weekday_names_short=["So","Mo","Di","Mi","Do","Fr","Sa"]
let monthnames=['','Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember']
let d = new Date(line.date)
line.dow = weekday_names_short[d.getDay()]
line.dow_long = weekday_names[d.getDay()]
line.date_ddmm = ("0" + d.getDate()).slice(-2) +"."+ ("0" + (1+d.getMonth())).slice(-2) +".";
line.date_ddmmyyyy = ("0" + d.getDate()).slice(-2) +"."+ ("0" + (1+d.getMonth())).slice(-2) +"." + d.getFullYear();
//line.displayDate = new Intl.DateTimeFormat('de-DE').format(d).slice(0,-4);
   return line
  })
}

function formatLine(line,outputType){
/*let htmlTemplates={
"month":{"str":'<tr "class"="month"><td colspan="4">{month}</td></tr>'},
"line":{"str":'<tr "class"="line" style=><td>{dow}</td><td>{displayDate}</td><td style="text-align:right;">{time}</td><td>{title}</td><tr>'},

}*/
  line.style = line.style || "line";
  if (outputType == "web" && line.style == "month")
    return `<tr class="month"><td colspan="4">${line.title}</td></tr>`
  if (outputType != "web"&& line.style == "month")
    return `<tr><td></td><td></td><td>${line.title}</td><tr>`;
  line.time = line.time.split(" ").join("&nbsp;");
  if (outputType == "web"){
    return `<tr class="${line.style}" style=><td>${line.dow}</td><td>${line.date_ddmm}</td><td style="text-align:right;">${line.time}</td><td>${line.title}</td><tr>`;
  }else if (outputType == "gembr" && line.style=="line"){
    return `<tr><td>${line.dow}</td><td>${line.date_ddmm}</td><td>${line.time} ${line.title}</td><tr>`;
  }else if (outputType == "gembr" && line.style=="boldline"){
    return `<tr><td><u><b>${line.dow}</u></b></td><td><u><b>${line.date_ddmm}</u></b></td><td><u><b>${line.time} ${line.title}</u></b></td><tr>`;
  }else if (outputType == "kirchenwn"){
    return `<tr><td>${line.dow_long}</td><td>${line.date_ddmmyyyy}</td><td>${line.time}</td><td>${line.title}</td><tr>`;
  }
}
function formatList(list,config){
  outputType = config.outputType || "web";
  list=list.map(line => formatLine(line,outputType));
  return list;
}
function zip(header,value){
 return header.map(function(e,i){
 let obj={}
 obj[e]=value[i];
 return obj;
 })
}
function csvtojson(list){
  return list.map(function (line){
   elems=line.split(";")
   header=["date","time","category","param"]
   let jsonelem= zip(header,elems).reduce((acc,val)=>({...acc,...val}))
   return jsonelem;
  })
}
document.getElementById("input").oninput=update;
document.querySelectorAll('input[name="outputType"]').forEach(checkbox => checkbox.onchange=update)
update()
</script>