From ca8a0fa3cde3369ccbc4b20e3a73d692cd7879bc Mon Sep 17 00:00:00 2001
From: fingadumbledore <fingadumbledore@gmail.com>
Date: Sat, 17 Dec 2022 14:15:52 +0100
Subject: [PATCH] js stuff

---
 static/js/general.js         | 20 ++++++++++++++++++++
 templates/createSession.html |  6 ++++--
 templates/login.html         | 18 ++++++++++++++----
 templates/session.html       | 15 +++------------
 4 files changed, 41 insertions(+), 18 deletions(-)
 create mode 100644 static/js/general.js

diff --git a/static/js/general.js b/static/js/general.js
new file mode 100644
index 0000000..9986717
--- /dev/null
+++ b/static/js/general.js
@@ -0,0 +1,20 @@
+
+// zum prüfen ob Benutzer eingelogt ist
+var s = sessionStorage.getItem("sessionID")
+if (s == null) {
+window.location.replace("http://127.0.0.1:5000/passwd")
+}
+
+// Magie um die Tabs anzuzeigen
+function change_div(pfad)
+{
+        for (var i = 0; i < document.getElementsByClassName("tmplt_tab").length; i++) document.getElementsByClassName("tmplt_tab")[i].hidden = true;
+        console.log(pfad)
+        document.getElementById(pfad).hidden = false;
+}
+
+// Benutzer anzeigen unter session
+let name = sessionStorage.getItem("name");
+document.getElementById("user").innerHTML = name;	
+
+
diff --git a/templates/createSession.html b/templates/createSession.html
index 870d24e..64a506a 100644
--- a/templates/createSession.html
+++ b/templates/createSession.html
@@ -14,7 +14,7 @@
             <input type="text" placeholder="Enter Session name" name="sessionname" required>  
             <label>Session Id : </label>   
             <input id="idIn" type="text" placeholder="Session Id" name="sessionid" required>  
-            <button type="submit" onclick="setID()">create</button>   
+            <button type="submit" onclick="setID() & setUID3()">create</button>   
             <a href="javascript:history.back()">
                  <button type="button" class="cancelbtn"> Cancel</button>   
             </a>
@@ -28,9 +28,11 @@
             }
 
             function setUID3() {
-                let sessID = document.getElementById("Uid1").value
                 window.sessionStorage.setItem("userID", "1")
+                window.sessionStorage.setItem("name", "Host")
             }
+            
+           
         </script>
     </body>
 </html>  
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
index 33949b7..dcbe388 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -36,7 +36,7 @@
         <form class="modal-content animate" action="http://127.0.0.1:5000/get_login" method="POST">  
             <div class="container">   
                 <label>Username : </label>   
-                <input type="text" placeholder="Enter Username" name="username" required>  
+                <input id="name2" type="text" placeholder="Enter Username" name="username" required>  
             </br>
             <label>UserId : </label>   
             <input id="Uid" type="text" placeholder="UserID" name="userID" required>  
@@ -44,7 +44,7 @@
                 <label>Session Id : </label>   
                 <input id="id1"type="text" placeholder="Session Id" name="sessionID" required>  
         </br>
-                <button type="submit" onclick="setUID() & setID1()">Login</button>     
+                <button type="submit" onclick="setUID() & setID1() & setname2()">Login</button>     
             </center>   
             </div>   
         </form>  
@@ -57,7 +57,7 @@
             <form class="modal-content animate" action="http://127.0.0.1:5000/new" method="POST">  
                 <div class="container">   
                     <label>Username : </label>   
-                    <input type="text" placeholder="Enter Username" name="username" required>  
+                    <input id="name3" type="text" placeholder="Enter Username" name="username" required>  
                 </br>
                     <label>UserId : </label>   
                     <input id="Uid1" type="text" placeholder="UserID" name="userID" required>  
@@ -65,7 +65,7 @@
                     <label>Session Id : </label>   
                     <input id="id2"type="text" placeholder="Session Id" name="sessionID" required>  
                 </br>
-                <button type="submit" onclick="setUID1() & setID2()">Login</button>   
+                <button type="submit" onclick="setUID1() & setID2() & setname3()">Login</button>   
                     </center>
                 </div>   
             </form>   
@@ -94,6 +94,16 @@
                 let sessID = document.getElementById("id2").value
                 window.sessionStorage.setItem("sessionID", sessID)
             }
+
+            function setname2() {
+                let sessID = document.getElementById("name2").value
+                window.sessionStorage.setItem("name", sessID)
+            }
+
+            function setname3() {
+                let sessID = document.getElementById("name3").value
+                window.sessionStorage.setItem("name", sessID)
+            }
         </script>
     </body>     
 </html>  
\ No newline at end of file
diff --git a/templates/session.html b/templates/session.html
index ff8f6e4..0233c90 100644
--- a/templates/session.html
+++ b/templates/session.html
@@ -152,6 +152,7 @@
 	      <div hidden class="tmplt_tab" id="_seession">
 		 <h1> Session Information</h1>
 		 <img src="/static/img/user.png" width="60" height="60">
+		 <p id="user"></p>
 		
 		    <p>Useranzahl: {{das}}</p>
 		    <p>Uptime: {{der}}</p>
@@ -183,18 +184,8 @@
 				<button onclick="save()">&#x1F4BE;</button>
 	    </center>
 
-	    <script>
-			var s = sessionStorage.getItem("sessionID")
-			if (s == null) {
-            window.location.replace("http://127.0.0.1:5000/passwd")
-        }
-		  function change_div(pfad)
-		  {
-					for (var i = 0; i < document.getElementsByClassName("tmplt_tab").length; i++) document.getElementsByClassName("tmplt_tab")[i].hidden = true;
-					console.log(pfad)
-					document.getElementById(pfad).hidden = false;
-		  }
-    </script>
+
+		<script src="{{url_for('static', filename='js/general.js')}}"></script>
 		<script src="{{url_for('static', filename='js/control.js')}}"></script>
 		<script src="{{url_for('static', filename='js/chat.js')}}"></script>
 		<script src="{{url_for('static', filename='js/game.js')}}"></script>