alterwain/Nosedive
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

player loop fix

Browse Source
This commit is contained in:
Michael Wain 2024-07-17 01:22:52 +03:00
parent 347a4de48a
commit 0215dc89cd
3 changed files with 42 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/main/resources/static/css/game.css
View File

@ -223,6 +223,14 @@ body {
float: right;
height: 100%;
}
.player > img {
width: 50px;
height: 50px;
border-radius: 50%;
border-width: 4px;
border-color: red;
border-style: solid;
}
.player {
margin-top: 10px;
background-color: #15191a;

33
src/main/resources/static/javascript/game.js
View File

@ -58,6 +58,34 @@ const top_offset = 18;
const board = new Board();
const player_html_text = `
<div class="player" data-pid="%(userId)s" onclick="drop(this)">
<div class="player-info">
<div class="player-stats">
<li class="player-stats-title">
<i class="material-icons">attach_money</i>
<span class="player-money">%(money)s</span>
</li>
<li>
<i class="material-icons">functions</i>
<span class="player-sum">40,159</span>
</li>
<li>
<i class="material-icons">assured_workload</i>
<span class="player-workload">50per</span>
</li>
<li>
<i class="material-icons">savings</i>
<span class="player-deposit">1,000</span>
</li>
</div>
</div>
<img src="https://www.w3schools.com/howto/img_avatar2.png">
<p class="nickname">%(displayName)s</p>
<div class="dropbox" style="display: none"></div>
</div>
`;
var socket = null;
function disconnect() {
@ -369,7 +397,10 @@ function parsePlayersList(body) {
let p_html = '';
for( let i = 0; i < body.length; i++ ) {
let player = body[i];
p_html += '<div class="player" data-pid="'+player.userId+'" onClick="drop(this)"><p class="timeout"></p><p class="nickname">'+player.displayName+'</p><p class="money">'+player.money+'</p><div class="dropbox" style="display: none"></div> <!-- margin-top: -35px; --></div>';
// player.userId
// player.displayName
// player.money
p_html += sprintf(player_html_text, player);
}
$(".players").append(p_html);
}

2
src/main/resources/templates/game.html
View File

@ -52,6 +52,7 @@
</li>
</div>
</div>
<img src="https://www.w3schools.com/howto/img_avatar2.png">
<p class="nickname" th:text="${p.name}"></p>
<div class="dropbox" style="display: none"></div>
</div>
@ -264,6 +265,7 @@
<footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.min.js" integrity="sha512-L0Shl7nXXzIlBSUUPpxrokqq4ojqgZFQczTYlGjzONGTDAcLremjwaWv5A+EDLnxhQzY5xUZPWLOLqYRkY0Cbw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sprintf/1.1.3/sprintf.min.js" integrity="sha512-KOk+RmPjEnBzPS9mddQxgKUCxwnL+KJfjwWRibjZGmrF2n7KiRwoCCKAnglvFp/nsyqRKlcjsD+Gbi3286W2Kw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="/static/javascript/game.js"></script>
<script type="text/javascript" src="/static/javascript/scale.js"></script>
</footer>