mirror of
https://github.com/lucaspalomodevelop/Party.git
synced 2026-03-13 08:09:37 +00:00
194 lines
5.9 KiB
HTML
194 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<html>
|
|
<head>
|
|
<title>🎉 Party</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='../static/css/style.css') }}">
|
|
|
|
</head>
|
|
<body>
|
|
<a href="http://127.0.0.1:5000/logout">
|
|
<button class="btn btn-primary btn-lg">Logout</button>
|
|
</a>
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox" onclick="myFunction()">
|
|
<span class="slider round"></span>
|
|
</label>
|
|
<script>
|
|
function myFunction() {
|
|
var element = document.body;
|
|
element.classList.toggle("dark-mode");
|
|
}
|
|
</script>
|
|
<center>
|
|
<a onclick= "change_div('_planer')">
|
|
<button class="btn btn-primary btn-lg">Planer</button>
|
|
</a>
|
|
<a onclick= "change_div('_game')">
|
|
<button class="btn btn-primary btn-lg">Game</button>
|
|
</a>
|
|
<a onclick= "change_div('_chat')">
|
|
<button class="btn btn-primary btn-lg">Chat</button>
|
|
</a>
|
|
<a onclick= "change_div('_mate')">
|
|
<button class="btn btn-primary btn-lg">Mate</button>
|
|
</a>
|
|
<a onclick= "change_div('_seession')">
|
|
<button class="btn btn-primary btn-lg">Session</button>
|
|
</a>
|
|
<a onclick= "change_div('_controll')">
|
|
<button class="btn btn-primary btn-lg">Settings</button>
|
|
</a>
|
|
|
|
<div hidden class="tmplt_tab" id="_planer">
|
|
{% block content %}
|
|
|
|
<table>
|
|
<tr>
|
|
<th>Event</th>
|
|
<th>Zeit</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{ eventname }}</td>
|
|
<td>{{ eventzeit }}</td>
|
|
<td>Status</td>
|
|
</tr>
|
|
</table>
|
|
<p>Füge ein Event ein</p>
|
|
<form class="modal-content animate" action="/get_planer" method="POST">
|
|
<div class="container">
|
|
<input type="text" placeholder="Tomb Raider spielen" name="event" required>
|
|
<input type="text" placeholder="sessionID" name="sessionID" required>
|
|
<input type="time" placeholder="15:30" name="zeit" required>
|
|
<button type="submit">➕</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div hidden class="tmplt_tab" id="_game">
|
|
|
|
<div class="wrapper">
|
|
<center>
|
|
<h1><time>00:00:00</time></h1>
|
|
<button id="strt">start</button>
|
|
<button id="stp">stop</button>
|
|
<button id="rst">reset</button>
|
|
|
|
<form class="modal-content animate" action="http://127.0.0.1:5000/stopuhr" method="POST">
|
|
<div class="container">
|
|
</br>
|
|
<input type="text" placeholder="Tomb Raider" name="spiel" required>
|
|
<input type="text" placeholder="parcour" name="art" required>
|
|
<input type="text" placeholder="00:00:40" name="zeit" required>
|
|
<input type="text" placeholder="Session ID" name="sessionID" required>
|
|
<input type="text" placeholder="UserID" name="userid" required>
|
|
</br>
|
|
<button type="submit">➕</button>
|
|
</br>
|
|
<input type="file" name="file">
|
|
</div>
|
|
</form>
|
|
</center>
|
|
</div>
|
|
<div id="statistik">
|
|
|
|
<table>
|
|
<tr>
|
|
<th>Spieler</th>
|
|
<th>Game</th>
|
|
<th>Aktivität</th>
|
|
<th>Zeit</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{ user }}</td>
|
|
<td>{{ game }}</td>
|
|
<td>{{ aktivitaet }}</td>
|
|
<td>{{ zeit }}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
<div hidden class="tmplt_tab" id="_chat">
|
|
<iframe id="ifr" src="/message" width="800" height="450" frameBorder="0"></iframe>
|
|
<div id="userNameEntryDiv">
|
|
<input type="text" placeholder="Username..." id="userNameEntry">
|
|
<button id="chatUsernameButton" onclick="join_chat()">Join chat</button>
|
|
</div>
|
|
<form class="modal-content animate" action="http://127.0.0.1:5000/chat" method="POST">
|
|
<div class="container">
|
|
<input type="text" placeholder="Hallo Welt" name="message" required>
|
|
<button type="submit">
|
|
➤
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div hidden class="tmplt_tab" id="_mate">
|
|
<p>folgende Mateflaschen sind auf Lager {{ mate }} </p>
|
|
<p>Bitte Beachte: Erhöhter Koffeingehalt. Für Kinder und schwangere oder stillende Frauen nicht empfolen</p>
|
|
<details>
|
|
<summary id="mate"><h4>Mate hinzufügen</h4></summary>
|
|
<form class="modal-content animate" action="http://127.0.0.1:5000/mate" method="POST">
|
|
|
|
<div class="container" style="margin-top: 2em" >
|
|
<input type="text" placeholder="Mate Flaschen Anzahl" name="mateFlaschen" required>
|
|
</br>
|
|
<input type="text" placeholder="Mate Marke" name="mateSorte" required>
|
|
</br>
|
|
<input type="text" placeholder="SessionID" name="sessionID" required>
|
|
</br>
|
|
<button type="submit">
|
|
➕
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</details>
|
|
</div>
|
|
<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>
|
|
|
|
<p>Creator: {{er}}</p>
|
|
|
|
{% endblock %}
|
|
|
|
<details>
|
|
<summary id="QR">
|
|
<h1>QR-Code</h1>
|
|
</summary>
|
|
|
|
<img src="../static/img/qr.png">
|
|
</details>
|
|
</div>
|
|
<div hidden class="tmplt_tab" id="_controll">
|
|
|
|
<div id="LED">
|
|
<h3>Setze eine Fabe für die LEDs</h3>
|
|
<label for="colorpicker">Led Streifen:</label>
|
|
<input type="color" id="colorpicker" value="#0000ff">
|
|
</div>
|
|
<div id="userVerwaltung">
|
|
<h3>User Verwaltung</h3>
|
|
<p>An dieser Stelle sollen später die User angezeigt werden, und der Session Admin kann diese dann verwalten</p>
|
|
</div>
|
|
|
|
<button onclick="save()">💾</button>
|
|
</center>
|
|
|
|
|
|
<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>
|
|
</body>
|
|
</html>
|