Schafkopf-Server/Public/schafkopf.html

52 lines
2.0 KiB
HTML
Raw Normal View History

2021-11-27 11:59:13 +01:00
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Schafkopf</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='style.css'>
2021-11-28 23:59:24 +01:00
<script src='elements.js'></script>
<script src='api.js'></script>
<script src='game.js'></script>
2021-11-27 11:59:13 +01:00
</head>
<body>
<div id="top-bar">
<div id="player-info">
<div id="player-name"></div>
<button id="logout-button" class="standard-button" onclick="logoutUser()">Log out</button>
</div>
2021-11-29 11:06:20 +01:00
<div id="table-list-bar">
<input type="text" id="table-name-field" name="tablename" placeholder="Create new table..." required>
<input type="checkbox" id="table-public-checkbox" name="public-table" checked="checked">
<span id="table-public-label">Public</span>
<button id="create-table-button" class="standard-button" onclick="createTable()">Create table</button>
<button id="refresh-tables" class="standard-button" onclick="refreshTables()">Refresh list</button>
</div>
2021-11-30 20:55:25 +01:00
<div id="game-bar">
<button id="leave-table" class="standard-button" onclick="leaveTable()">Leave table</button>
</div>
</div>
<div id="table-list">
</div>
2021-11-29 11:06:20 +01:00
2021-11-30 20:59:50 +01:00
<div id="login-window">
<div id="login-window-vertical-center">
<div id="login-window-inner">
2021-11-27 11:59:13 +01:00
<label for="usrname">Username</label>
<input type="text" id="user-name" name="usrname" required>
<label for="psw">Password</label>
<input type="password" id="user-pwd" name="psw" required>
<button class="login-buttons standard-button" onclick="registerUser()">Register</button>
<button class="login-buttons standard-button" onclick="loginUser()">Log in</button>
2021-11-27 11:59:13 +01:00
<div id="login-error"></div>
</div>
</div>
</div>
<script>
loadExistingSession()
</script>
</body>
</html>