Avishan

// unload-event?

// ------------------- globale Variablen --------------------------------------------------------------------------------------------------------------------

	var eventlog = "Learning-Analytics:\n"

	var letzteMausbewegung = Date.now();

	var aufg_mit_nummerierung = [];	// in diesem Array werden alle Aufgabennummern gespeichert, in denen die Inputs schon durchnummeriert wurden

// -------------------- logging ----------------------------------------------------------------------------------------------------------------------------

	// Ausgeben aller gespeicherten Aktionen in der Konsole

	function learning_analytics () {

		console.log(eventlog);

	}

	/* Logger

		eventtype: 	string		z.B. "click", "load"

		addtext: 	string		zusätzliche Informationen zur Aktion, z.B. Aufgabennummer

	*/

	function logger (eventtype, addtext) {

		var logeintrag = eventtype + ": " + addtext + "; Timestamp " + Date.now() + "\n";

		eventlog = eventlog + logeintrag;

		//console.log(logeintrag);

	}

	// Aktivität des Nutzers mitloggen: alle 10 Sekunden Scrollposition und Mausbewegungen erfassen

	function logactivity () {

		var scrollPos = $(window).scrollTop();

		logger("activityupdate", "Scrollposition " + scrollPos + "; letzte Mausbewegung " + letzteMausbewegung);

	}

	setInterval(logactivity,10000);

// -------------------- Funktionen rund um Aufgabennummer oder Input-Möglichkeiten je Aufgabe --------------------------------------------------------------

	/* 	Aufgabennummer eines HTML-Elements für den logger erhalten

		elmt:		html-Element

		return:		String für logger mit Aufgabennr, abgetrennt durch Semikolon	(falls elmt in Aufgaben-Umgebung)

					leerer String 													(falls elmt nicht in Aufgaben-Umgebung)

	*/

	function getaufgnr_elmt (elmt) {

		// mit ".last()" wird sichergestellt, dass auch bei aufgb- und aufgrahmen-Umgebungen alles funktioniert

		var exercise = $($(elmt).parents('.aufgabe').last());

		if (exercise.length != 0) {

			var aufgnr = 0;

			var zufallszusatz = "";

			// bei zufallsaufgabe muss Aufgnummer aus der original-Aufgaben-Umgebung gezogen werden, die Vorgänger der gefundenen exercise ist

			if (exercise.hasClass("zufallsaufgabe")) {

				aufgnr = getaufgnr_exercise(exercise.prev());

				zufallszusatz = " zufällig";

			} else {

				aufgnr = getaufgnr_exercise(exercise);

			}

			return "; Aufg. " + aufgnr + zufallszusatz;

		} else {

			return "";

		}

	}

	/* 	Aufgabennummer eines aufgaben-divs erhalten

		exercise:	aufgaben-div

		return:		aufgnr (als String)		(Fehlertext, falls Aufgaben-div undefiniert ist)

	*/

	function getaufgnr_exercise (exercise) {

		if ($(exercise).length != 0) {

			// Finde Element mit z.B. id "aufgabe_13" und lösche das "aufgabe_"

			return $(exercise).find("span[id^='aufgabe_']").attr("id").replace("aufgabe_","");

		} else {

			return "keine Aufgabennummer";

		}

	}

	/* 	nummeriere inputs innerhalb einer Aufgabe, jeweils startend mit 1

				Ergebnis: jedes Element in array erhält eine id mit Input- und Aufgabennummer

		array:	array von html-Elementen (input oder select) in Aufg.-Umgebungen

	*/

	function nummeriere_inputs (array) {

		for (elmt of array) {

			// mit ".last()" wird sichergestellt, dass auch bei aufgb- und aufgrahmen-Umgebungen alles funktioniert

			var exercise = $(elmt).parents('.aufgabe').last();

			// die nächsten Schritte sind nur sinnvoll und ohne Fehler möglich, wenn das Element in einer Aufgaben-Umgebung steht

			if (exercise.length != 0) { 

				// bei zufallsaufgabe muss Aufgnummer aus der original-Aufgaben-Umgebung gezogen werden

				if (exercise.hasClass("zufallsaufgabe")) {

					var aufgnr = getaufgnr_exercise(exercise.prev()) + "zuf";

				} else {

					var aufgnr = getaufgnr_exercise(exercise);

				}

				// jede Aufgabe soll nur einmal durchnummeriert werden, auch wenn mehrere Eingabefelder o.ä. enthalten sind

				if (aufg_mit_nummerierung.indexOf(aufgnr) == -1) {

					aufg_mit_nummerierung.push(aufgnr);

					// Eingabefelder, Singlechoice-Optionen, Multiplechoice-Optionen (input) und Dropdowns-Elemente (select)

					var inputs = $(exercise).find("input, select");

					// input-/select-tags werden mit id inkl inputnr versehen

					for (i = 0; i < inputs.length; i++) {

						var j=i+1;

						inputs[i].setAttribute("id", "input" + j + "_aufg" + aufgnr);

					}

				}

			}

		}

	}

	/*	Inputnummer aus Input-Id generieren (Id stammt aus Funktion "nummeriere_inputs()")

		elmt:		html-Element ("input" oder "select")

		return:		String für logger mit Inputnummer

	*/

	function get_inputnr (elmt) {

		var inputid = "" + $(elmt).attr("id");

		var inputnr = 0;

		if(inputid.indexOf("input") != -1){

			inputnr = inputid.replace("input", "");

			inputnr = inputnr.substring(0,inputnr.indexOf("_"));

			return inputnr + ". Input-Element";

		} else {

			return "keine Inputnummer";

		}

	}

	/* 	Nr des Konrollbuttons innerhalb einer Aufgabe ausgeben, Zählung in jeder Aufgabe startet mit 1 

		kbutton:	Kontrollbutton-html-Element

		return:		String für logger mit Buttonnummer, abgetrennt mit Semikolon	(falls mehrere Buttons in der Aufgabe)

					leerer String 													(falls nur 1 Button in der Aufgabe)

	*/

	function get_kontrollbutton_nr (kbutton) {

		// mit ".last()" wird sichergestellt, dass auch bei aufgb- und aufgrahmen-Umgebungen alles funktioniert

		var exercise = $(kbutton).parents('.aufgabe').last();

		var kontrollbuttons = $(exercise).find(".control_button");

		if (kontrollbuttons.length == 1) {

			// bei einem Button in der Aufgabe muss man nicht durchzählen

			return "";

		} else {

			var buttonnr = $.inArray(kbutton, kontrollbuttons) + 1;

			return buttonnr + ". "

		}

	}

	/*	KV-Links: 	Nr des Links auf der Seite ausgeben, Zählung startet mit 1 

		elmt:		HTML-Element 	Link zu anderem KV-Bereich (HTML-Element)

		classname:	String			Name der Klasse des Zielbereichs (z.B. "bottom_link_math_content1")

		return:		String für logger mit Linknummer, abgetrennt mit Semikolon	(falls mehrere Links auf Seite)

					leerer String 												(falls nur 1 Link auf der Seite)

	*/

	function get_linknr_kv (elmt, classname) {

		var anzlinks = $("." + classname).length;

		if (anzlinks == 1) {

			// bei einem Link auf der Seite muss man nicht durchzählen

			return "";

		} else {

			var linknr = $.inArray(elmt,$('.' + classname)) + 1;

			return "; " + linknr + ". Link"

		}

	}

// ------------------- logging-Events --------------------------------------------------------------------------------------------------------------------

$(document).ready(function() {

	// Startposition loggen

	logactivity();

	// Laden der Seite loggen

	window.addEventListener('load', function(){

		logger('load', "Seite geladen")

	}, false)

	// Zeitpunkt der letzten Mausbewegung fortlaufend aktualisieren

	window.addEventListener('mousemove', function() {

		letzteMausbewegung = Date.now();

	}, false)

	// ------------------- Download PDF/GGB/... --------------------------

		// PDF

		var downloadpdfs = document.getElementsByClassName('pdf_download');

		for (let elmt of downloadpdfs) {

			elmt.addEventListener('click', function() {

				var pdfname = " '" + elmt.getAttribute("href").slice(10) + "'";	// "../../pdf/" muss im Dateinamen entfernt werden 

				logger('click', "PDF-Download" + pdfname);

			}, false)

		};

		// QR-Codes

		var downloadqrs = document.querySelectorAll('[id^="qrcode_"]');

		for (let elmt of downloadqrs) {

			elmt.addEventListener('click', function() {

				var qrid = " '" + elmt.getAttribute("id") + "'";

				logger('click', "QR-Code-Download" + qrid);

			}, false)

		};

		// Element-Links (direkt neben QR-Codes)

		var elmtlinks = document.getElementsByClassName('qrcode_link');

		for (let elmt of elmtlinks) {

			elmt.addEventListener('click', function() {

				var linkname = " '" + elmt.previousSibling.getAttribute("id").replace("qrcode_","") + "'";

				logger('click', "Element-Link" + linkname);

			}, false)

		};

		// GGBs

		var downloadggbs = document.getElementsByClassName('ggb_download');

		for (let elmt of downloadggbs) {

			elmt.addEventListener('click', function() {

				var ggbname = " '" + $(elmt).parents().prev().attr("id") + "'";

				logger('click', "Geogebra-Download" + ggbname);

			}, false)

		};

		// ggb-delayed anzeigen

		var ggb_starter = document.getElementsByClassName('ggb_starter');

		for (let elmt of ggb_starter) {

			elmt.addEventListener('click', function() {

				var ggbid = " '" + elmt.nextElementSibling.getAttribute("id") + "'";

				logger('click', "Anzeigen von GGB-Delayed" + ggbid)

			}, false)

		};

	// ------------------- Videos ----------------------------------------

		var videos =  document.getElementsByTagName("video");

		for (let elmt of videos) {

			elmt.addEventListener('timeupdate', function() {

				var videoname = " '" + $(elmt).attr("id") + "'";

				var position = ", currentTime " + elmt.currentTime;

				logger('timeupdate', "Video" + videoname + position)

			}, false)

			// mit timeupdate ist dieses 'play'-Event streng genommen nicht nötig, aber macht für den Menschen das Log-Protokoll besser lesbar

			elmt.addEventListener('play', function() { //

				var videoname = " '" + $(elmt).attr("id") + "'";

				var position = ", currentTime " + elmt.currentTime;

				logger('play', "Video" + videoname + position)

			}, false)

			/* Liefert wegen des timeupdate-Events falsche Informationen (currentTime wird etwas verzögert erfasst, also beim Springen zu anderem Zeitpunkt im Video wird 'Pause' fälschlicherweise zu neuem Zeitpunkt notiert statt zur Startzeit des Sprungs...)

			elmt.addEventListener('pause', function() {		

				var videoname = " '" + $(elmt).attr("id") + "'";

				var position = ", currentTime " + elmt.currentTime;

				logger('pause', "Video" + videoname + position)

			}, false)*/

			elmt.addEventListener('ended', function() {

				var videoname = " '" + $(elmt).attr("id") + "'";

				logger('ended', "Video" + videoname)

			}, false)

		};

	// ------------------- spezielle Aufgaben-Formate --------------------

		// Multiplechoice

		var multiplechoices = document.getElementsByClassName('multiplechoice_aufgabe');

		nummeriere_inputs(multiplechoices);

		for (let elmt of multiplechoices) {

			var inputs = $(elmt).find("input");

			for (let input of inputs) {

				input.addEventListener('change', function() {

					var aufgnr = getaufgnr_elmt(elmt);

					var nrmultiplechoice = ", " + get_inputnr(input);

					var aktion = "; unchecked";

					if ($(input).is(':checked')) {

						aktion = "; checked";

					}

					logger('change', "Multiplechoice" + aufgnr + nrmultiplechoice + aktion);

				}, false)

			}

		};

		// Singlechoice

		var singlechoices = document.getElementsByClassName('singlechoice_aufgabe');

		nummeriere_inputs(singlechoices);

		for (let elmt of singlechoices) {

			var inputs = $(elmt).find("input");

			for (let input of inputs) {

				input.addEventListener('change', function() {

					var aufgnr = ", " + getaufgnr_elmt(elmt);

					var nrsinglechoice = get_inputnr(input);

					var aktion = "; checked";

					logger('change', "Singlechoice" + aufgnr + nrsinglechoice + aktion);

				}, false)

			}

		};

		// Dropdown

		var dropdowns =  document.getElementsByTagName("select");

		nummeriere_inputs(dropdowns);

		for (let elmt of dropdowns) {

			elmt.addEventListener('change', function() {

				var aufgnr = getaufgnr_elmt(elmt);

				var nrdropdown = ", " + get_inputnr(elmt);

				var value = "; '" + $(this).val() + "'";

				logger('change', "Dropdown" + aufgnr + nrdropdown + value);

			}, false)

		};

		// Eingabefeld

		var eingabefelder = document.querySelectorAll('[type="text"]');

		nummeriere_inputs(eingabefelder);

		for (let elmt of eingabefelder) {

			elmt.addEventListener('change', function() {

				var aufgnr = getaufgnr_elmt(elmt);

				var nrinput = ", " + get_inputnr(elmt);

				var value = "; '" + $(this).val() + "'";

				logger('change', "Eingabefeld" + aufgnr + nrinput + value);

			}, false)

		};

	// ------------------- weitere Aufgaben-Aktionen ---------------------

		// Lösung aufklappen (oder andere Klapptexte)

		var loesungaufklapper = document.getElementsByClassName('loesung_zeigen');

		for (let elmt of loesungaufklapper) {

			elmt.addEventListener('click', function() {

				var aufgnr = getaufgnr_elmt(elmt);

				var linktext = " '" + elmt.innerHTML + "'";

				var klappid = "; id: " + elmt.nextSibling.getAttribute("id");

				logger('click', "Klapptext öffnen" + linktext + klappid + aufgnr);

			}, false)

		};

		// Lösung zuklappen (oder andere Klapptexte)

		var loesungzuklapper = document.getElementsByClassName('loesung_verbergen');

		for (let elmt of loesungzuklapper) {

			elmt.addEventListener('click', function() {

				var aufgnr = getaufgnr_elmt(elmt);

				var linktext = " '" + elmt.innerHTML + "'";//parentNode.previousSibling.innerHTML;

				var klappid = "; id: " + elmt.parentNode.getAttribute("id");

				logger('click', "Klapptext schließen" + linktext + klappid + aufgnr);

			}, false)

		};

		// Kontrollbutton

		var controlbuttons = document.getElementsByClassName('control_button');

		for (let elmt of controlbuttons) {

			elmt.addEventListener('click', function() {

				var aufgnr = getaufgnr_elmt(elmt);

				var buttonnr = get_kontrollbutton_nr(elmt);

				setTimeout(function(){ 

					/* Ob korrekt gelöst oder nicht, wird nicht wie in dynamic_exercises.js bestimmt, 

					   sondern einfach über das angezeigte Bild mit grünem Haken/rotem Kreuz, das aber erst geladen werden muss (daher Timeout nötig) */

					var korrekt = "; wrong answer"

					if ($(elmt).next().children(":nth-child(1)").is(":visible")) {

						korrekt = "; right answer"

					}

					logger('click', buttonnr + "Kontrollbutton" + aufgnr + korrekt);

				}, 1);

			}, false)

		};

		// Zufallsbuttons

		var zufallsbuttons = document.getElementsByClassName('zufallsbutton');

		for (let elmt of zufallsbuttons) {

			elmt.addEventListener('click', function() {

				var aufgnr = getaufgnr_elmt(elmt);

				logger('click', "Zufall erzeugen" + aufgnr);

			}, false)

		};

		var zufallsbuttons_renew = document.getElementsByClassName('zufallsbutton_renew');

		for (let elmt of zufallsbuttons_renew) {

			elmt.addEventListener('click', function() {

				var aufgnr = getaufgnr_elmt(elmt);

				logger('click', "Zufall erneuern" + aufgnr);

			}, false)

		};

		var zufallsbuttons_return = document.getElementsByClassName('zufallsbutton_return');

		for (let elmt of zufallsbuttons_return) {

			elmt.addEventListener('click', function() {

				var aufgnr = getaufgnr_elmt(elmt);

				logger('click', "Zufall beenden" + aufgnr);

			}, false)

		};

	// ------------------- KV-Specials -----------------------------------

		// link Einstiegsaufgabe

		var linkseinstieg = document.getElementsByClassName('bottom_link_example_exercise');

		for (let elmt of linkseinstieg) {

			elmt.addEventListener('click', function() {

				var linknr = get_linknr_kv(elmt, 'bottom_link_example_exercise');

				logger('click', "Link Einstiegsaufgabe" + linknr);

			}, false)

		};

		// link FachinhaltA

		var linksfacha = document.getElementsByClassName('bottom_link_math_content1');

		for (let elmt of linksfacha) {

			elmt.addEventListener('click', function() {

				var linknr = get_linknr_kv(elmt, 'bottom_link_math_content1');

				var bereichname = " '" + elmt.innerHTML + "'";

				logger('click', "Link Fachinhalt A" + bereichname + linknr);

			}, false)

		};

		// link FachinhaltB

		var linksfachb = document.getElementsByClassName('bottom_link_math_content2');

		for (let elmt of linksfachb) {

			elmt.addEventListener('click', function() {

				var linknr = get_linknr_kv(elmt, 'bottom_link_math_content2');

				var bereichname = " '" + elmt.innerHTML + "'";

				logger('click', "Link Fachinhalt B" + bereichname + linknr);

			}, false)

		};

		// link FachinhaltC

		var linksfachc = document.getElementsByClassName('bottom_link_math_content3');

		for (let elmt of linksfachc) {

			elmt.addEventListener('click', function() {

				var linknr = get_linknr_kv(elmt, 'bottom_link_math_content3');

				var bereichname = " '" + elmt.innerHTML + "'";

				logger('click', "Link Fachinhalt C" + bereichname + linknr);

			}, false)

		};

		// link Ausblick

		// var linksausblick = document.getElementsByClassName('bottom_link_score');

		// for (let elmt of linksausblick) {

		// 	elmt.addEventListener('click', function() {

		// 		var linknr = get_linknr_kv(elmt, 'bottom_link_score');

		// 		logger('click', "Link Ausblick" + linknr);

		// 	}, false)

		// };

		// link Ausblick  Avishan made changes here.

		var linksausblick = document.getElementsByClassName('bottom_link_score');

		for (let elmt of linksausblick) {

			elmt.addEventListener('click', function() {

				var linknr = get_linknr_kv(elmt, 'bottom_link_score');

				logger('click', "Link Ausblick" + linknr);

				// ✅ Redirect to Ausblick tab

				window.location.href = "https://moodle.math.uni-paderborn.de/course/view.php?id=7&section=4#tabs-tree-start";

			}, false);

}

		// Nächsten Abschnitt aufklappen

		var button_next = document.getElementById('button_next');

		if (button_next != null) {

			button_next.addEventListener('click', function() {

				var step_current = document.getElementById("step_current").innerHTML;

				var step_to = parseInt(step_current) + 1;

				var logseitenzahlen = "; von Seite " + step_current + " zu Seite " + step_to;

				logger('click', "Button 'Nächster Abschnitt'" + logseitenzahlen);

			}, false)

		}

		// letzten Abschnitt einklappen (Abschnitt zurück)

		var button_prev = document.getElementById('button_prev');

		if (button_prev != null) {

			button_prev.addEventListener('click', function() {

				var step_current = document.getElementById("step_current").innerHTML;

				var step_to = step_current - 1;

				var logseitenzahlen = "; von Seite " + step_current + " zu Seite " + step_to;

				logger('click', "Button 'Schritt zurück'" + logseitenzahlen);

			}, false)

		}

})