From 58b24e702cf8a4926833ef2ebd2481c402d86a5a Mon Sep 17 00:00:00 2001
From: Debian <user@vm.cloudbucket.eu>
Date: Thu, 6 Oct 2022 19:54:17 +0000
Subject: [PATCH] display current player

---
 index.php |  6 +++++-
 owe.js    | 20 +++++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/index.php b/index.php
index 16b8ad1..a9967c8 100644
--- a/index.php
+++ b/index.php
@@ -37,7 +37,9 @@ if (array_key_exists("submitted", $_REQUEST)) {
 	}
 	
 	$sentences = fopen("./data/sentences.txt", "a") or die("unable to open sentences file");
-	$content = "<span style='";
+	$content = "<span data-user='";
+	$content .= $_REQUEST["user"];
+	$content .= "' style='";
 	
 	if ($botrequest) {
 		$content .= "background-color: darksalmon; color: white;'>";
@@ -122,6 +124,8 @@ $config_data = json_decode($raw_json_config, false);
 	</div>
 	<button onclick="onReloadClicked()" id="but-reload">aktualisieren</button>
 	<br>
+	<div id="login_area">
+	</div>
 	<div class="word_input_area">
 		<input type="text" name="submitted" id="wordinput" placeholder="Nächstes Wort" autocomplete="off"> <button id="sendbut" class="send_button" onclick="sendWord()">
 		<?php
diff --git a/owe.js b/owe.js
index 209be09..184a451 100644
--- a/owe.js
+++ b/owe.js
@@ -35,6 +35,8 @@ function loadSentences(alertIfNew = false, increaseUnread = true) {
 				var histurnspan = spans[spans.length - 3];
 				//console.log(histurnspan.getAttribute("style"));
 				document.getElementById("wordinput").setAttribute("style", histurnspan.getAttribute("style"));
+
+				initializeLoginArea();
 			});
 		});
 }
@@ -61,6 +63,7 @@ function onReloadClicked() {
 function sendWord() {
 	var data = new FormData();
 	data.append('submitted', encodeURI(document.getElementById("wordinput").value));
+	data.append('user', getNextPlayer());
 	const Http = new XMLHttpRequest();
 	Http.open('POST', '.');
 	Http.onreadystatechange=(e)=>{
@@ -101,6 +104,21 @@ function resetUnread() {
 	document.getElementsByTagName("title")[0].innerText = (config_data.title ? config_data.title : "One Word Each");
 }
 
+function getNextPlayer() {
+	var spans = document.querySelector(".sentences").getElementsByTagName("span");
+	var lastspan = spans[spans.length - 1];
+	var lastplayer = lastspan.dataset.user;
+	var idx_next = (config_data.users.indexOf(lastplayer) + 1) % config_data.users.length;
+	return config_data.users[idx_next];
+}
+
+function initializeLoginArea() {
+	var loginArea = document.getElementById('login_area');
+	//loginArea.innerHTML = "Eingeloggt als NOCH NICHT IMPLEMENTIERT";
+	loginArea.innerHTML = ""; // first clear it out
+	loginArea.innerHTML += getNextPlayer() + " ist dran!";
+}
+
 window.onfocus = resetUnread;
 
 //setTimeout(loadSentences, 500);
@@ -118,7 +136,7 @@ input.addEventListener("keyup", function(event) {
     // Trigger the button element with a click
     document.getElementById("sendbut").click();
   }
-}); 
+});
 
 var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);