piair/Carcasonne
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changed style

Browse Source
This commit is contained in:
Pierre Tellier
2024-04-27 23:50:20 +02:00
parent 171f073d63
commit e0536b2da5
7 changed files with 213 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/player.html
View File

@ -3,8 +3,6 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">-->
<link rel="stylesheet" href="../bootstrap.min.css">
<link rel="stylesheet" href="./style.css">
<script src="index.ts" type="module"></script>
<script src="moooove.ts" type="module"></script>
@ -13,59 +11,49 @@
</head>
<body>
<div>
<h1 id="title" class="text-center">Carcassonne viewer</h1>
<img src="../imgs/carcasonne.png" alt="GameTable" class="background">
<div class="header">
<div class="left">
<div class="button interactable" id="prevGameButton">|&lt;<&lt;</div>
<div class="button interactable" id="firstMoveButton">|&lt;&lt;</div>
<div class="button interactable" id="prevMoveButton">&lt;</div>
</div>
<div class="center">
🏆
<div id="winner_disp"> winner</div>
🏆
<div class="spacer">-></div>
<div id="cause_disp">cause</div>
</div>
<div class="right">
<div class="button interactable" id="nextMoveButton">&gt;</div>
<div class="button interactable" id="lastMoveButton">&gt;&gt;|</div>
<div class="button interactable" id="nextGameButton">>>>|</div>
</div>
</div>
<div class="left_player" id="player0_disp">player0</div>
<div class="right_player" id="player1_disp">player1</div>
<div id="games">
<div id="board" class="board">
</div>
</div>
<div class="header">
<div class="row">
<div class="footer">
<div class="container">
<div class="row viewer_controls">
<div class="btn-group " role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary" id="prevGameButton">|&lt;<&lt;</button>
<button type="button" class="btn btn-secondary" id="firstMoveButton">|&lt;&lt;</button>
<button type="button" class="btn btn-secondary" id="prevMoveButton">&lt;</button>
<button type="button" class="btn btn-secondary" id="nextMoveButton">&gt;</button>
<button type="button" class="btn btn-secondary" id="lastMoveButton">&gt;&gt;|</button>
<button type="button" class="btn btn-secondary" id="nextGameButton">>>>|</button>
</div>
</div>
<table class="table table-striped table-sm" style="text-align: left; width: 100%">
<tbody>
<tr>
<th scope="row">Player 0</th>
<td id="player0_disp">player0</td>
</tr>
<tr>
<th scope="row">Player 1</th>
<td id="player1_disp">player1</td>
</tr>
<tr>
<th scope="row">Seed</th>
<td id="seed_disp">uéuéuéu</td>
</tr>
<tr>
<th scope="row">Winner</th>
<td id="winner_disp">winner</td>
</tr>
<tr>
<th scope="row">Cause</th>
<td id="cause_disp">cause</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="data">
<div>Seed: <span id="seed_disp"></span></div>
<div class="spacer"></div>
<div class="button interactable" id="showData">Afficher les données de parties</div>
<div class="button interactable" id="showImages">Afficher le graphe</div>
<div class="closed" id="jsonData">
<div class="button interactable" id="showTeams">Afficher les équipes</div>
</div>
<div class="closed" id="jsonData">
<pre>
[
{
@ -489,14 +477,13 @@
}
]
</pre>
</div>
</div>
<div id="error_box" style="display: none">
</div>
<div id="errors" style="background-color: #fee; display: visible">
<div id="errors" style="display: none;background-color: #fee">
<pre style="white-space: break-spaces">[
]</pre>