versuch für Mobile version

This commit is contained in:
fingadumbledore 2023-10-30 08:20:32 +01:00
parent 2dbdaec1e7
commit 5547431b82
4 changed files with 85 additions and 14 deletions

View File

17
party/static/js/login.js Normal file
View File

@ -0,0 +1,17 @@
const isMobile = /Mobi|Android/i.test(navigator.userAgent);
const deviceData = {
isMobile: isMobile,
userAgent: navigator.userAgent
};
document.getElementById("loginForm").addEventListener("submit", function(event) {
event.preventDefault(); // Verhindert das normale Absenden des Formulars
var nameInput = document.getElementById("nameInput");
var name = nameInput.value;
sessionStorage.setItem("name", name);
// Das Formular manuell absenden
this.submit();
});

View File

@ -18,19 +18,6 @@
<div>Partycontroller Version 0.1</div>
<div>&copy; Lostkids</div>
</footer>
<script>
document.getElementById("loginForm").addEventListener("submit", function(event) {
event.preventDefault(); // Verhindert das normale Absenden des Formulars
var nameInput = document.getElementById("nameInput");
var name = nameInput.value;
sessionStorage.setItem("name", name);
// Das Formular manuell absenden
this.submit();
});
</script>
<script src="/static/js/login.js"></script>
</body>
</html>

View File

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Party Mobile version</title>
</head>
<body>
<ul>
<li><a >Home</a></li>
<li><a >Planer</a></li>
<li><a >Game</a></li>
<li><a >Chat</a></li>
<li><a >Musik</a></li>
<li><a >Mate</a></li>
<li><a >Settigs</a></li>
</ul>
<p>mobile version of party controll</p>
<div id="home">
<h1>Home</h1>
</div>
<div id="game">
<h1>Game</h1>
<div id="game_point">
<p>point</p>
</div>
<div id="game_time">
<p>time</p>
</div>
<div id="game_team">
<p>team</p>
</div>
</div>
<div id="chat">
<h1>Chat</h1>
<div id="chat_generell">
<p>generell</p>
</div>
<div id="chat_direct">
<p>direct</p>
</div>
<div id="chat_team">
<p>team</p>
<button id="pb_create_team">Create</button>
<button id="pb_join_team">join</button>
<button id="pb_delete_team">delete</button>
</div>
</div>
<div id="planer">
<h1>Planer</h1>
</div>
<div id="mate">
<h1>Mate</h1>
</div>
<div id="settings">
<h1>Settings</h1>
<label for="dark_select">Dark-/ligt-mode</label>
<select id="dark_select">
<option value="dark">Dark Mode</option>
<option value="light">Light Mode</option>
<option value="system">System</option>
<option value="custom">Custom</option>
</select>
</div>
</body>
</html>