// stand.js (stand_js.txt)
// @version 1.1.3
// @copyright 2022, Friedrich Wichmann
// Javascript Code für Standbesetzungsumfragen
'use strict';
const VERSIONjs="1.1.3";
var st_nopts = 3;
var st_test  = 0;
var st_opton = [1, 1, 1, 1, 1, 1, 1, 1, 1, ];

/* Initialisierung mit den Daten aus Datenbank und Setup */
function initStand(jsonres) {
	initStand(jsonres, false);
}

function initStand(jsonres, btwo) {
  let len1  = (jsonres.a) ? jsonres.a.length : "undefined";
  let nopts = (btwo) ? jsonres.inf2.nopts : jsonres.inf.nopts;
  let nr    = (btwo) ? jsonres.nr2 : jsonres.nr;
  st_nopts  = (nopts && nopts > 0 && nopts < 10) ? nopts : 3;
  dlog("initStand nr="+nr+" nopts="+st_nopts+" len="+len1+" "+VERSIONjs);
  st_test 	= (nr==99);
  if (jsonres.a == undefined) {
  	return;
  }
  initStandInfos((btwo) ? jsonres.inf2 : jsonres.inf);
  initStandTable(nr, jsonres.a, jsonres.inpo);
  dlog(jsonres);
}

/* Initialisierung der Standtabelle mit den Daten aus Datenbank und Setup */
function initStandTable(standnr, jsonarr, inpo) {
    if (jsonarr.length) {
	  	/* Extraausgabe von Name und Kommentar von Eintrag [0] */
	 	 var s1 = document.querySelector("#st-res-1");
	  	if (s1) {
			s1.innerHTML = "<em>"+jsonarr[0].name+" ("+jsonres[0].kommentar+")</em>";
			dlog("stand[0] name="+jsonarr[0].name+" kommentar="+jsonres[0].kommentar);
	  	}
	 	else dlog("querySelector #st-res-1 ohne Ergebnis (ok)");
	}
	
	/* Standnummer prüfen */
	var form1 = document.querySelector("#st-plan-1");
	var nrin  = document.querySelector("#st-plan-1 input[name='st-nr-in']");
	if (nrin) {
		var stnrdb = (jsonarr.length) ? jsonarr[0].nr : 1;
	    nrin.setAttribute("value", standnr);
	    dlog("init Attribut 'value' von "+nrin.name+" auf "+standnr+" gesetzt"
	        +" (stnrdb "+stnrdb+" inpo "+inpo+")");
 	    if (stnrdb != standnr && !inpo) {
  			form1.submit();
	    	return;
	    }
	}
	else {
	    dlog("querySelector für st-nr-in ohne Ergebnis");
	    return;
	}
	
    /* Standdatum setzen */

    /* Datenbankeinträge in neue Tabellenzeilen übertragen */
    var tab1 = document.querySelector("#st-tab-tb1");
    if (!tab1) dlog("querySelector #st-tab-1 ohne Ergebnis");    
    for (var i=0; i<jsonarr.length; i++) {
    	addStandTableRow(tab1, i, jsonarr[i]);
    }
    
    /* Eventhandler für Form-Submit Einfügen setzen */
  	var tbs = document.querySelector("#st-x-n-ok");
  	if (tbs) {
		(function (b, bid) { // wrapper to hold actual argument values
			b.addEventListener('click', function () {
				standSubmitOp(bid, '102I', undefined);
			});
		})(tbs, "st-x-n-ok");
  	}
  	
  	/* Eventhandler für Standumfrage 1/2 setzen */
  	var bt1 = document.querySelector("#st-b-tst-1");
  	var bt2 = document.querySelector("#st-b-tst-2");
  	if (bt1) {
		(function (chk, bid) { // wrapper to hold actual argument values
			chk.addEventListener('click', function () {
				standClick2(bid);
			});
		})(bt1, "st-b-tst-1");
	}
  	if (bt2) {
		(function (chk, bid) { // wrapper to hold actual argument values
			chk.addEventListener('click', function () {
				standClick2(bid);
			});
		})(bt2, "st-b-tst-2");
	}
  	
    /* Eventhandler für ⊕/??/⊖-Buttons und Neu/Edit/Löschen setzen */
  	var blist = document.querySelectorAll("#st-table-c button");
	if (!blist) return;
	for (var i=0; i<blist.length; i++) {
		var bid = blist[i].id;
		var cli = blist[i].classList;
		if (bid.startsWith("st-x") && (cli.contains("st-b-edt") || cli.contains("st-b-emp"))) {
			/* Edit- oder Leer-Button */
			dlog("blist id=" + bid + " edt");
			(function (b, bid) { // wrapper to hold actual argument values
				b.addEventListener('click', function () {
					standEditOp(bid);
				});
			})(blist[i], bid);
	 		continue;
		}
		if (bid.startsWith("st-x") && cli.contains("st-b-del")) {
			/* Lösch-Button */
			dlog("blist id=" + bid + " del");
			(function (b, bid) { // wrapper to hold actual argument values
				b.addEventListener('click', function () {
					standSubmitOp(bid, '33D');
				});
			})(blist[i], bid);
	 		continue;
		}
		if (!bid.startsWith("st-opt")) {
			continue;
		}
		if (bid.length!=11 || bid.substr(7,3)!="-n-") {
			dlog("blist id=" + bid + " wrong");
			continue;
		}
		var opt = bid.substr(6, 1);
		var swi = toOptInt(bid.substr(10, 1));
		dlog("blist id=" + bid + " opt=" + opt + " swi=" +swi);
		if (bid) {
			(function (b, bid, opt, swi) { // wrapper to hold actual argument values
				b.addEventListener('click', function () {
					standClick(bid, opt, swi);
				});
			})(blist[i], bid, opt, swi);
		}
	}
}

/* Fügt eine Tabellenzeile an */
function addStandTableRow(tab1, i, row) {
	if (!tab1) return;
	var trow = document.createElement("tr");
    var td1  = document.createElement("td");
    var tx1  = document.createTextNode(row.name);
    td1.id	 = "st-cola-td-"+i;
    td1.classList.add("st-cola");
    td1.appendChild(tx1);
    trow.appendChild(td1);
    for (var col = 1; col <= st_nopts; col++) {
	    var td2  = document.createElement("td");
	    var tx2  = document.createTextNode(toOptChar(row.opt[col-1]));
	    td2.id 	 = "st-col"+col+"-td-"+i;
	    td2.classList.add("st-colo", "st-opt-"+toOptId(row.opt[col-1]));
	    if (!st_opton[col-1]) td2.classList.add("st-optoff");
	    td2.appendChild(tx2);
	    trow.appendChild(td2);
	}
	var td3  = document.createElement("td");
    var tx3  = document.createTextNode(row.kommentar);
    td3.id	 = "st-colb-td-"+i;
    td3.classList.add("st-colb");
    td3.appendChild(tx3);
    trow.appendChild(td3);
    var td4  = document.createElement("td");
    td4.classList.add("st-colx");
    var tx4e  = document.createTextNode("Edit");
    /* <button type="button" class="st-b-edt" id="st-x-edt-i">Edit</button> */
    var tb4e  = document.createElement("button");
    tb4e.type = "button";
    tb4e.id   = "st-x-edt-" + i;
    tb4e.classList.add("st-b-edt");
    tb4e.appendChild(tx4e);
    td4.appendChild(tb4e);
    var tx4l  = document.createTextNode("Löschen");
    /* <button type="submit" class="st-b-del" id="st-x-del-i">L&ouml;schen</button> */
    var tb4l  = document.createElement("button");
    tb4l.type = "submit";
    tb4l.id   = "st-x-del-" + i;
    tb4l.classList.add("st-b-del");
    tb4l.appendChild(tx4l);
    td4.appendChild(tb4l);
    trow.appendChild(td4);
    tab1.appendChild(trow);
}

/* Initialisierung Standinformationen */
function initStandInfos(jsoninf) {
	var sp1 = document.querySelector("#st-wann");
	if (sp1 && jsoninf.wann) {
		sp1.innerHTML = jsoninf.wann;
	}

	for (var col = 1; col <= st_nopts; col++) {
		var th1 = document.querySelector("#st-col"+col+"-th");
		if (th1 && jsoninf.opt && jsoninf.opt[col-1]) {
			var tx1 = jsoninf.opt[col-1];
			th1.innerHTML = tx1;
			st_opton[col-1] = 1;
			if (tx1.length == 0 || tx1 == "-") {
				th1.classList.add("st-optoff");
				st_opton[col-1] = 0;
				var td2 = document.querySelector("#st-col"+col+"-td-n");
				var td3 = document.querySelector("#st-col"+col+"-td-b");
				if (td2) td2.classList.add("st-optoff");
				if (td3) td3.classList.add("st-optoff");
			}
		}
	}
}

/* Optionszahlenwert in Ausgabe-Zeichen umwandeln */
function toOptChar(iOpt) {
	if (iOpt==1) return "⊕";
	if (iOpt==2) return "??";
	return "⊖";
}

/* Optionszeichen in Zahlenwert umwandeln */
function toOptInt(ch) {
    if (ch=='j' || ch=='⊕')  return 1;
    if (ch=='v' || ch=='??') return 2;
    return 0;
}

/* Optionszahlenwert in Id (j/v/n) umwandeln */
function toOptId(iOpt) {
    if (iOpt==1) return 'j';
    if (iOpt==2) return 'v';
    return 'n';
}

/* Eventhandler für Optionsknopf-Klick */
function standClick(bid, iopt, swi)
{
	dlog("click id=" + bid + " iopt=" + iopt + " swi=" + swi);
	for (var i=0; i<=2; i++) {
	    var tb = document.querySelector("#st-opt"+iopt+"-n-"+toOptId(i));
	    if (!tb) {
	    	dlog("click id=#st-opt"+iopt+"-n-"+toOptId(i)+" not found");
	    	continue;
	    }
	    if (i == swi) {	
	    	tb.hidden="1";	
	    	let e = tb.nextSibling;
	    	if (e && e.nodeType == Node.TEXT_NODE) {
	    		e.textContent = toOptChar(i) + e.textContent; 
	    	} else {
	    		var tx = document.createTextNode(toOptChar(i));
	    		var tp = tb.parentElement;
	    		e = tp.appendChild(tx);
	    	}
	    	e.class = "st-click-t"; 
	    } else {	
	    	tb.hidden=null;	
	    	var e = tb.nextSibling; 
	    	if (e && e.class == "st-click-t" && e.textContent.charAt(0) == toOptChar(i).charAt(0)) {
	    		e.textContent = e.textContent.substr( (i==2) ? 2 : 1);
	    	}
	    }
	    var tp = tb.parentElement;
	    while (tp && tp.tagName != "TD") {
	    	tp = tp.parentElement;
	    }
	    if (tp) {
	    	tp.classList.remove('st-opt-j', 'st-opt-v', 'st-opt-n');
	    	if (swi==0) tp.classList.add('st-opt-n');
	    	if (swi==1) tp.classList.add('st-opt-j');
	    	if (swi==2) tp.classList.add('st-opt-v');
	    }
	}
}

/* Eventhandler für Standumfrage 1/2 */
function standClick2(bid)
{
	var bt1 = document.querySelector("#st-b-tst-1");
	var bt2 = document.querySelector("#st-b-tst-2");
	var chk = (bt1 && bt1.disabled) ? 1 : (bt2 && bt2.disabled) ? 2 : 0;
	dlog("click id=" + bid + " chk="+chk);
	if (chk == 2) {
		bt1.disabled = "1";
		bt2.disabled = "";
		/* TODO: Fügt Teile mehrfach ein... */
		initStand(jsonresult, true);
	} else if (chk == 1) {
		bt1.disabled = "";
		bt2.disabled = "1";
		/* TODO: Fügt Teile mehrfach ein... */
		initStand(jsonresult, false);
	}
}

/* Eventhandler für Edit-/Leer-Knopf-Klick */
function standEditOp(bid)
{
	dlog("click id=" + bid);
	var row = (bid.startsWith("st-x-edt-")) ? bid.substr(9) : 'n';
	var leer = (row == 'n');
	/* Name leer/übertragen */
	var tda = document.querySelector("#st-cola-td-"+row);
	var inp = document.querySelector("input[name='st-cola-in']");
	if (leer && inp) {
		inp.value = '';
	}
	else if (tda && inp) {
		var nam = tda.textContent;
		inp.value = nam;
	}
	/* Optionen init/übertragen */
	for (var col = 1; col <= st_nopts; col++) {
		var tdo = document.querySelector("#st-col"+col+"-td-"+row);
		if (tdo && leer) {
			dlog("click id=" + bid + " col=" + col + " row=" + row);
			tdo.classList.remove('st-opt-j', 'st-opt-v', 'st-opt-n');
			for (var i=0; i<=2; i++) {
			    var tb = document.querySelector("#st-opt"+col+"-n-"+toOptId(i));
			    if (!tb) {
			    	dlog("click id=#st-opt"+col+"-n-"+toOptId(i)+" not found");
			    	continue;
			    }
		    	tb.hidden=null;	
		    	var e = tb.nextSibling; 
		    	if (e && e.class == "st-click-t" && e.textContent.charAt(0) == toOptChar(i).charAt(0)) {
		    		e.textContent = e.textContent.substr( (i==2) ? 2 : 1);
		    	}
			}
		} 
		else if (tdo) {
			var opid = "st-opt"+col+"-n-"+toOptId(col);
			var swi  = toOptInt(tdo.textContent);
			dlog("click id=" + bid + " col=" + col + " tdo=" + tdo.textContent + " swi=" + swi + " opid=" + opid);
			standClick(opid, col, swi);
		}
	}
	/* Kommentar leer/übertragen */
	var tdb = document.querySelector("#st-colb-td-"+row);
	var inb = document.querySelector("input[name='st-colb-in']");
	if (leer && inb) {
		inb.value = '';
	}
	else if (tdb && inb) {
		var komm = tdb.textContent;
		inb.value = komm;
	}
}

/* Eventhandler für Formularoperationen */
function standSubmitOp(bid, op)
{
	dlog("standSubmitOp bid="+bid);
	/* Operation eintragen */
	var tdo = document.querySelector("input[name='st-do']");
	if (tdo) {
		tdo.value = op;
	}
	/* ggf. Name übertragen */
	if (op=="33D") {
		var i = (bid.startsWith("st-x-del-")) ? bid.substr(9) : ''; 
		var tda = document.querySelector("#st-cola-td-"+i);
		var inp = document.querySelector("input[name='st-cola-in']");
		if (tda && inp) {
			var nam = tda.textContent;
			inp.value = nam;
		}
		dlog("standSubmitOp nam="+nam);
	}
	/* Optionen eintragen */
	for (var col=1; col<=st_nopts; col++) {
		var td = document.querySelector("#st-col"+col+"-td-n");
		var ov = 0;
		if (td) {
			if (td.classList.contains("st-opt-n"))			ov = 0;
			else if (td.classList.contains("st-opt-j"))		ov = 1;
			else /* td.classList.contains("st-opt-v") */ 	ov = 2; 
		}
		var tinp = document.querySelector("input[name='st-opt"+col+"-n']");
		if (tinp) {
			tinp.value = ov;
		}
	}
	/* Für lokale Version Servlet-Pfad benutzen */
	/*if (location.hostname == "localhost" && op!="") {
		if (location.pathname.indexOf("/servlet/") < 0) {
			var href = "http://"+location.host+"/servlet/StandServlet"+location.pathname;
			location.href = href;
		}
	}*/
}