Schafkopf-Server/Public/play.html

71 lines
3.1 KiB
HTML
Raw Normal View History

2021-11-27 11:59:13 +01:00
<!DOCTYPE html>
<html>
<head>
2022-10-13 09:13:16 +02:00
<meta charset='utf-8'/>
2021-11-27 11:59:13 +01:00
<title>Schafkopf</title>
2022-10-13 09:13:16 +02:00
<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='api.js'></script>
<script src='storage.js'></script>
2022-10-13 09:13:16 +02:00
<script src='play.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-30 20:55:25 +01:00
<div id="game-bar">
<button id="leave-table" class="standard-button" onclick="leaveTable()">Leave table</button>
2021-12-21 09:40:40 +01:00
<span id="table-name-label">Table</span>
2021-11-30 20:55:25 +01:00
</div>
</div>
2021-12-01 22:50:42 +01:00
<div id="main">
<div id="main-spacer"></div>
<div id="table-players">
2021-12-03 18:03:29 +01:00
<div id="table-player-card-top" class="table-card"></div>
<div id="table-player-card-right" class="table-card"></div>
<div id="table-player-card-bottom" class="table-card"></div>
<div id="table-player-card-left" class="table-card"></div>
<div id="table-player-info-top">
<div id="table-player-name-top">Player 1</div>
<div id="table-player-state-top" class="player-connection-state">Offline</div>
2021-12-01 22:50:42 +01:00
</div>
2021-12-03 18:03:29 +01:00
<div id="table-player-info-right">
<div id="table-player-name-right">Player 2</div>
<div id="table-player-state-right" class="player-connection-state">Offline</div>
2021-12-01 22:50:42 +01:00
</div>
2021-12-03 18:03:29 +01:00
<div id="table-player-info-bottom">
<div id="table-player-name-bottom">Player 3</div>
<div id="table-player-state-bottom" class="player-connection-state">Offline</div>
</div>
<div id="table-player-info-left">
<div id="table-player-name-left">Player 4</div>
<div id="table-player-state-left" class="player-connection-state">Offline</div>
2021-12-01 22:50:42 +01:00
</div>
2021-12-07 09:10:28 +01:00
<div id="available-games-list"></div>
2021-12-21 11:16:54 +01:00
<div id="game-summary">The game has ended.</div>
2021-12-01 22:50:42 +01:00
</div>
2021-12-06 18:27:52 +01:00
<div id="action-bar-centering">
<div id="action-bar"></div>
</div>
2021-12-18 12:29:08 +01:00
<div id="player-cards-center">
<div id="player-cards">
<button id="player-card1" class="player-card" disabled></button>
<button id="player-card2" class="player-card" disabled></button>
<button id="player-card3" class="player-card" disabled></button>
<button id="player-card4" class="player-card" disabled></button>
<button id="player-card5" class="player-card" disabled></button>
<button id="player-card6" class="player-card" disabled></button>
<button id="player-card7" class="player-card" disabled></button>
<button id="player-card8" class="player-card" disabled></button>
</div>
2021-12-01 22:50:42 +01:00
</div>
</div>
2021-11-27 11:59:13 +01:00
<script>
loadExistingSession()
</script>
</body>
</html>