other.js

// if (localStorage.getItem('words') && localStorage.getItem('words') != "undefined" && !angular.equals(JSON.parse(localStorage.getItem('words')), officialData)/*Object.keys(JSON.parse(localStorage.getItem('words'))["Kreis Unna"]).includes("preComment")*/) localStorage.clear();
// window.location.replace('https://adi.nicolaiweitkemper.de/')  
categories.style.left = 166 + 22;
var colours = { 
  colour: { 
    right: { 
      chart: "rgba(0, 255, 0, 1)", 
      // outline
      text: "green" 
    }, 
      wrong: { 
        // colour in chart
        dark: { 
          chart: "red", 
          text: "red" 
        }, 
        // colour for correction/marking
        light: { 
          text: "#FD6441" 
        } 
      }, 
      doNotCount: { 
        chart: "gray" 
      }, 
      spiegelverkehrt: { 
        chart: "#00BFFF", 
        text: "#00BFFF" 
      } 
    }, 
    blackWhite: 
    { 
      right: 
        { 
          chart: pattern.draw('disc', 'black'), 
          text: "black" 
        }, 
      wrong: { 
        dark: { 
          chart: pattern.draw('cross', 'rgb(73,73,73)'), 
          text: "rgb(73,73,73)" 
        }, 
        light: { text: "gray" } 
      }, 
      doNotCount: { 
        chart: pattern.draw('diagonal', 'rgb(146, 146, 146)'), 
        text: "rgb(146, 146, 146)" 
      }, 
      spiegelverkehrt: { 
        chart: pattern.draw('line-vertical', 'rgb(219, 219, 219)'), 
        text: "rgb(219, 219, 219)" 
      } 
    }, 
    highContrastblackWhite: {
      right: 
      { 
        chart: pattern.draw('disc', 'black'), 
        text: "black" 
      }, 
    wrong: { 
      dark: {
        chart: pattern.draw('line-vertical', 'rgb(219, 219, 219)'), 
        text: "rgb(219, 219, 219)" 
      },
      light: { text: "rgb(219, 219, 219)"  } 
    }, 
    doNotCount: { 
      chart: pattern.draw('diagonal', 'rgb(146, 146, 146)'), 
      text: "rgb(146, 146, 146)" 
    }, 
    spiegelverkehrt: { 
      chart: pattern.draw('cross', 'rgb(73,73,73)'), 
      text: "rgb(73,73,73)" 
    }
    }
  }
  document.getElementById('addPupil').style.left = 300 + "px";
  document.getElementById('addPupil').style.position = 'fixed';
  document.getElementById('testSelector').style.left = 300 + "px";
  document.getElementById('testSelector').style.position = 'fixed';
  document.getElementById('testTypeSelector').style.left = 300 + "px";
  document.getElementById('testTypeSelector').style.position = 'fixed';
  document.getElementById('openEditorB').style.left = 300 + "px";
  document.getElementById('openEditorB').style.position = 'fixed';
  document.getElementById('settingsButton').style.left = 300 + "px";
  document.getElementById('settingsButton').style.position = 'fixed';
  document.getElementById('settings').style.left = 300 + "px";
  document.getElementById('settings').style.top = 83 + "px";
  document.getElementById('settings').style.position = 'fixed';
  window.scroll(0, 0);
var neededTest = words['Kreis Unna']["Test 1"];
var pupils = 0;
var selectedElementId = {parent: 'pupilSheet1', element: 'pupilsWriting 1'};
var myBarChart = [];
var settingsChanged = false;
// kopiert den Code für die Tests, sodass ich be seriösen Quellen den Code direkt übernehmen kann
function copyCode() {
document.getElementById('message').style.display = "inline";
var copytext;
document.getElementById("message").value = replaceAll( replaceAll( replaceAll( replaceAll( replaceAll(JSON.stringify(words), '"kategorien"', 'kategorien'), '"words"', 'words' ),  '"words"', 'words'),  ':', ': '), ',', ', ');
copytext = document.getElementById("message")
copytext.select();
try{
successful = document.execCommand("copy")
message = successful ? "successful" : "unsuccessful"
}
catch(err){
document.getElementById("message").value = "Ein Fehler ist aufgetreten!!!"
}
document.getElementById('message').style.display = "none";
}
// fügt alle Elemente für einen neuen Schüler hinzu
function addPupil(lastPage, selectedTestType, pSelectedTest, sheetNr) {
  if (!printerMode.checked && (alwaysShowColoured.checked || colourSelector.value == "colour")) {
    selectedColours = colours.colour; // colourSelector.value = "colour";
    patterns = "chart";
  }
  if (colourSelector.value == "blackWhite") {
    patternSelected(document.getElementById("patterns").checked, true);
    if (highContrastBlackWhite.checked) selectedColours = colours["highContrastblackWhite"];
    else selectedColours = colours["blackWhite"];
  }
  neededTest = words[selectedTestType][pSelectedTest];
  // sheetNr != undefined --> recreating tests --> ignore if name put in
if (sheetNr != undefined || document.getElementsByClassName('names').length == 0 || ((document.getElementsByClassName('names')[document.getElementsByClassName('names').length - 1].value != "" || confirm("Sie haben für Ihren letzten Test keinen Namen eingegeben. Sicher dass Sie wirlich schon mit dem nächsten Test fortfahren wollen?")) && (document.querySelectorAll('[placeholder="Klasse"]')[document.querySelectorAll('[placeholder="Klasse"]').length-1].value != "" || confirm("Sie haben für Ihren letzten Test die Klasse nicht angegeben! Sind Sie sich sicher, dass Sie schon mit dem nächsten Test fortfahren wollen?")) && (document.querySelectorAll('[type="date"]')[document.querySelectorAll('[type="date"]').length-1].value != "" || confirm("Sie haben das Datum des Tests nicht eingegeben! Sind Sie sich sicher, dass Sie trotzdem mit dem nächsten Test fortfahren wollen?")))) {
  if (selectedTests.length == 0) {
    while (document.getElementsByClassName("pupilSheet").length > 0) {
      document.getElementsByClassName("pupilSheet")[0].remove();
    }
  }
  pupils = 0;
for (i=1; pupils == 0; i++) { 
  if (inputs[selectedTest]["pupilSheet" + i] == undefined) {
    pupils = i;
  }
}
  if (sheetNr == undefined) {
    sheetNr = pupils
  }
if (!inputs[/*'Test ' + */selectedTestType]) inputs[/*'Test ' + */selectedTestType] = {};
if (!inputs[/*'Test ' + */selectedTestType]['pupilSheet' + sheetNr]) inputs[/*'Test ' + */selectedTestType]['pupilSheet' + sheetNr] = {};
if (!inputs[/*'Test ' + */selectedTestType]['pupilSheet' + sheetNr].testName) inputs[/*'Test ' + */selectedTestType]['pupilSheet' + sheetNr].testName = pSelectedTest;
var pageBreak = "always"
if (lastPage) pageBreak = "avoid"
addElement({id: 'pupilSheet' + sheetNr, class: "pupilSheet", style: 'page-break-after: ' + pageBreak + '; width:21cm; height:29.7cm'}, 'div');
if (!printerMode.checked) {
  addElement({onclick: 'deleteTest(this.parentElement.id);', class: "deleteButton", id: "deleteButton" + sheetNr, innerText: "X", style: "background-color: red; font-weight: bold; margin-bottom: 5; margin-right: 5", title: "Test löschen"}, 'button', 'pupilSheet' + sheetNr);
}
// nur noch ein Wechsel möglich
addElement({id: 'testSelector' + sheetNr, onchange: 'inputs["' + selectedTestType + '"]["pupilSheet' + sheetNr + '"]' + '.testName = value; recreatePupil(true, "pupilSheet' + sheetNr + '");'}, 'select', 'pupilSheet' + sheetNr);
addElement({id: 'testHeadline' + sheetNr, innerText: pSelectedTest, style:'display:none'}, 'h3', 'pupilSheet' + sheetNr);
addElement({}, 'br', 'pupilSheet' + sheetNr);
for (test of Object.keys(words[selectedTestType])) {
  if (test != "einGraphemtreffer" && test != "preComment") addElement({value: test, innerText: test}, 'option', 'testSelector' + sheetNr);
}
document.getElementById('testSelector' + sheetNr).value = pSelectedTest;
// #potentialError: id changed
addElement({placeholder: 'Name Schüler/in', onchange: "pupilInfoChanged({name: this.value, elm: this, date: document.getElementById('date" + sheetNr + "').value});", id: 'name' + sheetNr, class: 'names', oninput: 'selectedElementId.element = id; selectedElementId.parent = "pupilSheet' + sheetNr + '"; dataChanged(id, value);'}, 'input', 'pupilSheet' + sheetNr);
addElement({placeholder: 'Klasse', id: 'class' + sheetNr, style: 'width: 50;', oninput: 'selectedElementId.element = id; selectedElementId.parent = "pupilSheet' + sheetNr + '"; dataChanged(id, value);'}, 'input', 'pupilSheet' + sheetNr);
addElement({}, 'br', 'pupilSheet' + sheetNr);
addElement({placeholder: 'Datum', type: "date", onchange: "pupilInfoChanged({date: this.value, name: document.getElementById('name" + sheetNr + "').value, elm: this})", style: 'width: 208;', id: 'date' + sheetNr, oninput: 'selectedElementId.element = id; selectedElementId.parent = "pupilSheet' + sheetNr + '"; dataChanged(id, value);'}, 'input', 'pupilSheet' + sheetNr);
var elm = addElement({style: 'position: absolute; right: 0px;'/*50px*/, id: 'commentDiv' + sheetNr, class: "commentDiv"}, 'div', 'pupilSheet' + sheetNr);
addElement({style: 'margin: 0; text-align: center', class: "commentHeading", innerText: "Anmerkungen"}, 'h3', elm, true);
if (printerMode.checked && removeTextFields.checked) {
  addElement({style: 'border-style: double; margin: 0; padding-left: 3px;', id: 'comment'}, 'p', elm, true);
}
else {
  addElement({placeholder: 'Anmerkungen', style: 'height: 20px'/*50px*/, id: 'comment', oninput: 'selectedElementId.element = id; selectedElementId.parent = "pupilSheet' + sheetNr + '"; dataChanged(id, value);'}, 'textarea', elm, true);
}
if (generateInfoText.checked && words[selectedTestType].preComment && !inputs[selectedTestType]['pupilSheet' + sheetNr].comment) findChild("id", 'pupilSheet' + sheetNr, "comment").innerText = words[selectedTestType].preComment;
if (inputs[selectedTestType]['pupilSheet' + sheetNr].comment) findChild("id", 'pupilSheet' + sheetNr, "comment").innerText = inputs[selectedTestType]['pupilSheet' + sheetNr].comment;
if (printerMode.checked && (!generateInfoText.checked && ["", undefined].includes(inputs["Kreis Unna"]["pupilSheet" + sheetNr]?.comment))) {
  findChild("id", 'pupilSheet' + sheetNr, "comment").style.display = "none";
  findChild("class", 'pupilSheet' + sheetNr, "commentHeading").style.display = "none";
}
elm.appendChild(addElement({id: 'divGraph' + sheetNr, style: 'position: absolute; right: 0px; min-width: 481px;'}, 'div', 'pupilSheet' + sheetNr));
addElement({}, 'br', 'pupilSheet' + sheetNr);
addElement({id: 'texturpupilSheet' + sheetNr}, 'canvas', 'divGraph' + sheetNr);
addElement({}, 'br', 'pupilSheet' + sheetNr);
var mostRight = 0;
for (var i = 0; i < neededTest.words.length; i++) {
  addElement({innerText: replaceAll(neededTest.words[i], '-', ''), id: 'word ' + (i + 1), style: "font-size:23px; font-style:arial"}, 'a', 'pupilSheet' + sheetNr);
  addElement({id: 'pupilsWriting ' + (i + 1), autocomplete: "off", style: '  color: white; width: 140px;', class: 'writingPupilSheet' + sheetNr, placeholder: 'Schreibung Schüler/in', oninput: 'markErrors(id, "pupilSheet' + sheetNr + '");', onchange: 'markErrors(id, "pupilSheet' + sheetNr + '", true); pupilsWritingFinished(id);', title: 'Wenn der Schüler/die Schülerin das Wort komplett richtig geschrieben hat, geben Sie nur "r" für richtig ein!\nDie Eingabe wird automatisch "korrigiert". \nFalls die automatische Korrektur falsch sein sollte, können Sie die Anzahl der Graphemtreffer über die Anzeige der Graphemtreffer korrigieren.'}, 'input', 'pupilSheet' + sheetNr);
  if (document.getElementsByClassName("writingPupilSheet" + sheetNr)[i].getBoundingClientRect().left > mostRight) mostRight = document.getElementsByClassName("writingPupilSheet" + sheetNr)[i].getBoundingClientRect().left;
  var correctionDiv = addElement({id: 'correction ' + (i + 1), word: replaceAll(neededTest.words[i], '-', '')}, 'div', 'pupilSheet' + sheetNr);
  if (i != neededTest.words.length - 1) addElement({}, 'br', 'pupilSheet' + sheetNr);
  addElement({value: 0, id: 'graphemtrefferGot', class: 'graphemtrefferGot' + capitalizeFirstLetter('pupilSheet' + sheetNr), style: 'width: 25; display: none;'}, 'input', correctionDiv, true);
  addElement({innerText: '/', id: 'graphemtrefferSlash', style: 'width: 25; display: none'}, 'a', correctionDiv, true);
  addElement({value: 0, id: 'graphemtrefferPossible', class: 'graphemtrefferPossible' + capitalizeFirstLetter('pupilSheet' + sheetNr), style: 'width: 25; display: none;'}, 'input', correctionDiv, true);
}
  for (var textBox of document.getElementsByClassName("writingPupilSheet" + sheetNr)) {
    if (inputsParallel.checked) {
    textBox.style.position = "absolute";
    textBox.style.left = mostRight;
    }
    else textBox.style.position = "";
  }
addElement({}, 'br', 'pupilSheet' + sheetNr);
addElement({id: 'allGraphemes' + sheetNr, style: 'font-size: 25'}, 'a', 'pupilSheet' + sheetNr);
addElement({}, 'br', 'pupilSheet' + sheetNr);
addElement({id: 'allCorrect' + sheetNr, style: 'font-size: 25'}, 'a', 'pupilSheet' + sheetNr);
document.getElementById('pupilSheet' + sheetNr).scrollIntoView();
}
else {
  if (sheetNr == undefined) {
    sheetNr = pupils
  }
  document.getElementsByClassName('pupilSheet')[document.getElementsByClassName('pupilSheet').length - 1].scrollIntoView();
}
selectedElementId.parent = "pupilSheet" + sheetNr;
document.getElementsByClassName('names')[document.getElementsByClassName('names').length - 1].select();
// makeTextboxBigger();
}
// synchronisation mit von mir hinzugefügten Tests
// @param sync: wenn true wird sychronisiert, sonst erscheint nur ein Button dafür
function syncWithOfficialData(sync) {
for (nameTypeNow of Object.keys(officialData)) {
  for (nameTestNow of Object.keys(officialData[nameTypeNow])) {
    if (sync) words[nameTypeNow][nameTestNow] = officialData[nameTypeNow][nameTestNow];
    else if (!angular.equals(words[nameTypeNow][nameTestNow], officialData[nameTypeNow][nameTestNow])) syncWithOfficialDataButton.style.display = 'inline';
  }
}
localStorage.setItem('words', JSON.stringify(words));
}
var auswertung = {allGraphemtreffer: {possible: 0, got: 0}, wrongLetters: {}, letter: {}, categories: {}, byCategories: {}, doNotCount: {}};
var inputs = {"1. settings": {}};
inputs[selectedTest] = {}
// eigen hinzugefügte Tests oder Test Typen, die nich vorprogrammiert sind werden hinzugefügt
// if (localStorage.getItem('words') != "undefined" && localStorage.getItem('words')) {
// var wordsInport = JSON.parse(localStorage.getItem('words'));
// for (nameTypeNow of Object.keys(words)) {
//   if (!(Object.keys(wordsInport).includes(nameTypeNow))) wordsInport[nameTypeNow] = words[nameTypeNow];
//   for (nameTestNow of Object.keys(words[nameTypeNow])) {
//     if (!(Object.keys(wordsInport[nameTypeNow]))) wordsInport[nameTypeNow][nameTest] = words[nameTypeNow][nameTestNow];
//   }
// }
// words = wordsInport;
// refreshWords(true);
// }
if (/*localStorage.getItem('syncWithOfficials') == "undefined" || !localStorage.getItem('syncWithOfficials') || */localStorage.getItem('syncWithOfficials') == "false") {
  syncWithOfficialData();
  syncDataCheckbox.checked = false;
}
else syncWithOfficialData(true);
var selectedColours = colours[colourSelector.value];
// Anfragen, ob gespeicherter Fortschritt wiederhergestellt werden soll
if (!["undefined", undefined, null].includes(localStorage.getItem('inputsSchiku'))) {
  inputs = JSON.parse(localStorage.getItem('inputsSchiku'));
  // delete empty entrys
  for (test_type of Object.keys(inputs)) {
    for (sheet1 of Object.keys(inputs[test_type])) {
      if (!test_type.includes("settings") && Object.keys(inputs[test_type][sheet1]).length <= 1) {
          delete inputs[test_type][sheet1]
      }
    }
  }
  pupils = Object.keys(inputs).reduce((y, x) => y + Object.keys(inputs[x]).length, 0);
}
// aktuallisiert den Test, der aktuell genutzt wird
function refreshNeededTest() {
for (testType of Object.keys(inputs)) {
  if (Object.keys(inputs[testType]).includes(selectedElementId.parent) && testType != "1. settings") {
    for (var i1 = 0; testType != "1. settings" && i1 < Object.keys(inputs[testType]).length; i1++) {
      if (Object.keys(inputs[testType])[i1] == selectedElementId.parent) neededTest = words[testType][inputs[testType][Object.keys(inputs[testType])[i1]].testName];
    }
  }
}
}
restoreSettings();
addPupil(true, testTypeSelector.value, testSelector.value);
// gespeicherte Einstellungen wiederherstellen
function restoreSettings() {
  for (setting of Object.keys(inputs["1. settings"])) {
    for (param of Object.keys(inputs["1. settings"][setting])) {
      if (document.getElementById(setting) != undefined) {
        document.getElementById(setting)[param] = inputs["1. settings"][setting][param];
        if (setting == "patterns" && param == "checked") patternSelected(inputs["1. settings"][setting][param]);
        if (setting == "showEdit") showEditorSelected(inputs["1. settings"][setting][param]);
      }
    }
  }
}
function recreatePupil(lastPage, referenceSheet, newSheet=referenceSheet) {
  document.getElementById(newSheet)?.remove();
  // inputs = sortObjectByKey(inputs, true);
    selectedElementId.parent = referenceSheet;
    if (selectedTest != "1. settings") {
      // gespeicherte Eingaben der Schreibungen des Schülers wiederherstellen
      selectedColours = colours[colourSelector.value];
    neededTest = words[selectedTest][inputs[selectedTest][referenceSheet].testName];
    addPupil(lastPage, selectedTest, inputs[selectedTest][referenceSheet].testName, referenceSheet.split("Sheet")[1]);
    // var minusI = 0;
    for (idAktuell of Object.keys(inputs[selectedTest][referenceSheet])) {
      if (idAktuell.includes("Writing")) {
        wordNow = replaceAll(neededTest.words[idAktuell.split(" ")[1]-1], "-", "");
        if (!inputs[selectedTest][referenceSheet].Graphemtreffer || !inputs[selectedTest][referenceSheet].Graphemtreffer[wordNow]) {
          var isDoNotCount = false;
        }
        else {
          var isDoNotCount = Object.keys(inputs[selectedTest][referenceSheet].Graphemtreffer[wordNow]).includes("auto_correction");
        }
      }
      if (!(idAktuell.includes('mirror'))) {
      if (idAktuell.includes('pupilsWriting') && findChild('id', referenceSheet, idAktuell)) {
      findChild('id', referenceSheet, idAktuell).value = inputs[selectedTest][referenceSheet][idAktuell];
      markErrors(idAktuell, referenceSheet, undefined, undefined, true, undefined, undefined, isDoNotCount, true); /*, verstehe nicht, warum doNotMark true sein sollte*/
      pupilsWritingFinished(idAktuell, true);
    }
    else if (findChild('id', referenceSheet, idAktuell)) {
      findChild('id', referenceSheet, idAktuell).value = inputs[selectedTest][referenceSheet][ idAktuell];
      if (idAktuell == "comment" && !generateInfoText.checked) findChild('id', referenceSheet, idAktuell).value = findChild('id', referenceSheet, idAktuell).value.replace(words[selectedTest].preComment, "");
      // minusI++;
    }
    pupilsWritingFinished(idAktuell, true);
  }
  // manuell abgeänderte Graphemtrefferanzahl wiederherstellen
    if (isDoNotCount) {
      findChild("id", findChild("word", referenceSheet, wordNow), "graphemtrefferGot", true).value = inputs[selectedTest][referenceSheet]["Graphemtreffer"][wordNow].got;
      findChild("id", findChild("word", referenceSheet, wordNow), "graphemtrefferPossible", true).value = inputs[selectedTest][referenceSheet]["Graphemtreffer"][wordNow].possible;
      findChild("id", selectedElementId.parent, findChild("word", selectedElementId.parent, wordNow).id.replace("correction", "pupilsWriting")).style.backgroundColor = "gray"
      getAllGraphemtreffer(true, wordNow, referenceSheet);
      if (!auswertung.doNotCount[referenceSheet].includes(wordNow)) auswertung.doNotCount[referenceSheet].push(wordNow);
    }
  }
  // Die gespiegelten Buchstaben wiederherstellen
  for (var i2 = 0; inputs[selectedTest][referenceSheet].mirror && i2 < Object.keys(inputs[selectedTest][referenceSheet].mirror).length; i2++) {
    var wordsIn = Object.keys(inputs[selectedTest][referenceSheet].mirror)[i2];
    for (var i4 = 0; i4 < inputs[selectedTest][referenceSheet].mirror[wordsIn].length; i4++) {
      if (inputs[selectedTest][referenceSheet].mirror[wordsIn][i4]) {
      // findChild('word', referenceSheet,wordsIn);
      var letterElm = findChild('explicitId', findChild('word', referenceSheet,wordsIn), 'correctionLetter' + i4, true);
      letterElm.style.backgroundColor = selectedColours.spiegelverkehrt.text;
      letterElm.style.color = "white";
      if (selectedColours.spiegelverkehrt.text == "rgb(219, 219, 219)") letterElm.style.color = "black";
      if (mirrorLetter.checked) letterElm.className = " mirrored";
    }
  }
}
pupilsWritingFinished(idAktuell, true);
getEveryCategory();
  makeTextboxBigger();
}
}
// Öffnen des Editors ermöglichen/verstecken bzw. vermeiden
function showEditorSelected(checked) {
  if (checked) {
    openEditorB.style.display = "inline";
    refreshWords(null, true);
  }
  else {
    openEditorB.style.display = "none";
    refreshWords(true, true);
  }
}
// kontrolliert die Größe des Feldes für Anmerkungen (wird je nach Bedarf größer und verkleinert Grafik)
function makeTextboxBigger() {
try {
  findChild('id', selectedElementId.parent, 'comment').scroll(0, 1000);
  while (findChild('id', selectedElementId.parent, 'comment').scrollTop > 0) {
    findChild('id', selectedElementId.parent, 'comment').style.height = JSON.parse(findChild('id', selectedElementId.parent, 'comment').style.height.replace('px', '')) + 1 + 'px';
    document.getElementById('divGraph' + selectedElementId.parent.replace('pupilSheet', '')).style.height = JSON.parse(document.getElementById('divGraph' + selectedElementId.parent.replace('pupilSheet', '')).style.height.replace('px', '')) - 1 + 'px';
  }
  } catch (error) {
    console.log("failed making textbox bigger (seems like there is not really a test)");
}
}
document.onkeydown = function(event) {
  // Anwählen des nächsten Textfeldes bei Drücken von Tab (wegen Textfeldern für Grapemtreffer nicht automatisch)
  if (['Tab', "ArrowDown"].includes(event.key) && selectedElementId.element.includes("pupilsWriting") && document.getElementById(selectedElementId.element.toString().split(' ')[0] + ' ' + (JSON.parse(selectedElementId.element.toString().split(' ')[1]) + 1))) {
    setTimeout(function () {
      if (selectedElementId.element.includes('pupilsWriting')) findChild('id', selectedElementId.parent, selectedElementId.element.toString().split(' ')[0] + ' ' + (JSON.parse(selectedElementId.element.toString().split(' ')[1]) + 1)).select();
    }, 10);
  }
  if (event.key == "F1") window.open('Anleitung_neu.pdf', '_blank');
 // Erkennung der Tastenkomination zum Öffnen der Druckeinstellungen
if (!printerMode.checked && event.key == "p" && event.ctrlKey && confirm('Wollen Sie die ausgewerteten Blätter drucken? Wenn Sie die folgenden Informationen bestätigt haben, warten Sie bitte bis ein Fenster mit der Übersicht der zu druckenden Seiten erscheint.')) {
   if (printMode(true)) {
     printerMode.checked = true;
   }
 }
  if (event.key == "p" && event.ctrlKey) {
    event.preventDefault();
  }
}
/*
 * PURPOSE : generiert ein neues HTML Element
 *  PARAMS : attr - Attribute des Elements
 *           elm - Typ des Elements
 *           childOf - in welchem HTML Element soll das neue eingefügt werden? (wenn nicht angegeben wird es ganz außen unten eingefügt)
 */
  function addElement(attr, elm, childOf, asElement) {
      var newElement = document.createElement(/*'span'*/elm);
      if (childOf && !asElement) document.getElementById(childOf).appendChild(newElement);
      else if (childOf) childOf.appendChild(newElement);
      else tests.appendChild(newElement);
      for (attrNow of Object.keys(attr)) {
        if (attrNow == 'innerText') newElement.innerText = attr[attrNow];
        else newElement.setAttribute(attrNow/*'style'*/, /*'color:' + word[i].colour*/attr[attrNow]);
      }
      return newElement
    }
printerMode.checked = false;
var isInViewport = function (elem) {
  var bounding = elem.getBoundingClientRect();
  return (
      bounding.top >= 0 &&
      bounding.left >= 0 &&
      bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
      bounding.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
};
window.onscroll = function (e) {  
  var sheets = document.getElementsByClassName("pupilSheet");
  var lastSheet = sheets[sheets.length - 1];
  // arrow up visibility
  if (sheets.length == 1 || isInViewport(document.getElementById("allCorrect" + sheets[0].id.split("Sheet")[1]))) {
    arrowUp.style.display = "none";
  }
  else {
    arrowUp.style.display = "block";
  }
  test_name = inputs[selectedTest][Object.keys(inputs[selectedTest])[Object.keys(inputs[selectedTest]).length - 1]].testName;
  // arrow down visibility
  if (sheets.length == 1 || isInViewport(document.getElementById("deleteButton" + lastSheet.id.split("Sheet")[1])) || isInViewport(document.getElementById("allCorrect" + lastSheet.id.split("Sheet")[1]))) {
    arrowDown.style.display = "none";
  }
  else {
    arrowDown.style.display = "block";
  }
}
var isInViewport = function (elem) {
  try {
    var bounding = elem.getBoundingClientRect();
    return (
      bounding.top >= 0 &&
      bounding.left >= 0 &&
      bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
      bounding.right <= (window.innerWidth || document.documentElement.clientWidth)
      );
    } catch (err) {
      console.log("element not found: " + err);
      return true;
    }
};
function clearHistory() {
  if (!confirm("Sind Sie sich sicher, dass Sie alle alten gespeicherten Tests löschen wollen? Nur der letzte (sichtbare) Test wird verbleiben!")) return;
  while (Object.keys(inputs[selectedTest]).length > 1) {
    delete inputs[selectedTest][Object.keys(inputs[selectedTest])[0]];
  }
  localStorage.setItem('inputsSchiku', JSON.stringify(inputs));
}
window.onafterprint = function(){
  window.location.reload();
  toggleButtonsVis("inline");
  printerMode.checked = false;
}
function recreateOpenSheets() {
  if (selectedTest == "1. settings") selectedTest = "Kreis Unna";
  Array.from(document.getElementsByClassName("pupilSheet")).forEach((sheetElm, i) => {
    // überprüfe, ob letze Seite erreicht (dort kein pageBreakAfter)
    if (i < document.getElementsByClassName("pupilSheet").length - 1) recreatePupil(false, sheetElm.id);
    else recreatePupil(true, sheetElm.id);
  });
  alertCorrectionChanged();
}
var alert_enough_storage = false;
function storeSchiKUInputs() {
  try {
    localStorage.setItem('inputsSchiku', JSON.stringify(inputs));
  } catch (error) {
    if (!alertStorageFull.checked || (!alert_enough_storage && error.message.includes('exceeded the quota') && confirm('Der Speicherplatz für die Speicherung der Tests ist voll. Wenn Sie auf "OK" o.ä. klicken, werden die ältesten Tests gelöscht, um Speicherplatz frei zu machen. Falls Sie diese vorher ausdrucken bzw. als PDF abspeichern wollen, klicken Sie auf "Abbrechen". Außerdem können Sie manuell Speicherplatz freimachen: Sie können den ältesten gespeicherten Test oder alle gespeicherten Tests ("Verlauf") in den Einstellungen anzeigen lassen und durch Klicken auf das rote X oben links neben dem Typ (z.B. Test 1) löschen. Wenn genügend Speicherplatz frei ist, werden Sie benachrichtigt. Sie können außerdem in den Einstellungen alle Tests löschen. Auch ist es in den Einstellungen möglich, diese Meldung deaktivieren, falls Sie die gespeicherten Tests nicht interessieren. Dann wird automatisch der älteste Eintrag gelöscht. ') && confirm("Sind Sie sich sicher, dass Sie die ältesten Eingaben löschen wollen?"))) {
      var quotaExceeded = true;
      while (quotaExceeded) {
        quotaExceeded = false;
        delete inputs["Kreis Unna"][Object.keys(inputs["Kreis Unna"])[0]];
        try {
          localStorage.setItem('inputsSchiku', JSON.stringify(inputs));
        }
        catch (err) {
          console.log("one deletion not enough!!!");
          quotaExceeded = true;
        }
      }
      localStorage.setItem('inputsSchiku', JSON.stringify(inputs));
    }
    else alert_enough_storage = true;
  }
}
function toggleButtonsVis(vis) {
  selections.style.display = vis;
  document.getElementById('addPupil').style.display = vis;
  // document.getElementById('openEditorB').style.display = vis;
  for (const elm of document.getElementsByClassName("deleteButton")) {
    elm.style.display = vis;
  }
}
function toggleSettingsVis() {
  if (settings.style.display == 'inline') {
    settings.style.display = 'none'; 
    for (elm of document.getElementsByClassName("commentDiv")) elm.style.display = "inline"
    // document.getElementById("commentDiv" + selectedElementId.parent.split("Sheet")[1]).style.display = "inline";
    if (preview.checked && settingsChanged) {
      recreateOpenSheets();
    }
    settingsChanged = false;
  }
  else {
    settings.style.display = 'inline';
    for (elm of document.getElementsByClassName("commentDiv")) elm.style.display = "none"
    // document.getElementById("commentDiv" + selectedElementId.parent.split("Sheet")[1]).style.display = "none";
  }

}
function alertCorrectionChanged() {
  if (graphemtrefferChanged) {
    alert("Die automatische Auswertung hat nach einem Update andere Ergebnisse für die Auswertung der Graphemtreffer. Betroffene Graphemtreffer sind grau umrandet und die vor dem Update ermittelten Werte werden automatisch eingetragen. Es ist ratsam, die markierten Einträge erneut zu überprüfen. ");
    graphemtrefferChanged = false;
  }
}
// reload website without cash every time
// if (!localStorage.getItem("reloaded") || localStorage.getItem("reloaded") == "false") {
//   localStorage.setItem("reloaded", "true");
//   window.location.reload(true);
// }
// else {
//   localStorage.setItem("reloaded", "false");
// }