petite modif style file attente
continuous-integration/drone/push Build is failing Details

ServeurDeTest
nathan boileau 2 years ago
parent 81594f7146
commit 1b011b5a33

@ -1,113 +1,107 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8" /> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta charset="UTF-8" />
<title>Scripted</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link <title>Scripted</title>
rel="stylesheet" <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous" />
href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
crossorigin="anonymous" <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
/> <link rel="stylesheet" href="./View/src/CSS/Main2.css" />
<script <link rel="stylesheet" href="./View/src/CSS/FirstTest.css">
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" </head>
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous" <body>
></script> <div>
<script <div id="imgMain" style="background: #050E15;">
src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" <div class="grid">
integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
crossorigin="anonymous" <div class="m-3">
></script> <a class="btn" href="index.php?action=quitQueue">
<link <span>Quitter</span>
rel="stylesheet" </a>
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" </div>
/>
<link rel="stylesheet" href="./View/src/CSS/Main2.css" /> <div class="row">
<link rel="stylesheet" href="./View/src/CSS/FirstTest.css"> <h2 class="text-center mt-3 pr-5" style="color: #00CCFF; font-weight: 1000;font-style: italic;">SCRIPT</h2>
</head> <h2 class="text-center pl-5" style="color: #D400D4; font-weight:bold ; font-size:4em;font-style: italic;">RUSH</h2>
<body> </div>
<div>
<div id="imgMain" style="background: #050E15;"> <div class="row pt-5 m-0">
<div class="grid"> <h3 class="text-center" id="waiting">Waiting for Coders...</h3>
<div class="m-3"> </div>
<a class="btn" href="index.php?action=quitQueue">
<span>Quitter</span> <div class="row d-flex m-0">
</a> <div class="col d-flex flex-column align-items-center">
</div> <div style="background-color: red; height: 75px; width: 75px;"></div>
<div class="row"> <p class="pt-3" id="player1">Player 1</p>
<h2 class="text-center mt-3 mr-5" style="color: #00CCFF; font-weight: 1000;font-style: italic;">SCRIPT</h2> </div>
<h2 class="text-center ml-5" style="color: #D400D4; font-weight:bold ; font-size:4em;font-style: italic;">RUSH</h2> <div class="col d-flex flex-column align-items-center">
</div> <div style="background-color: blue; height: 75px; width: 75px;"></div>
<div class="row pt-5"> <p class="pt-3" id="player2">Player 2</p>
<h3 class="text-center" id="waiting">Waiting for Coders...</h3> </div>
</div> <div class="col d-flex flex-column align-items-center">
<div class="row d-flex "> <div style="background-color: yellow; height: 75px; width: 75px;"></div>
<div class="col d-flex flex-column align-items-center"> <p class="pt-3" id="player3">Player 3</p>
<div style="background-color: red; height: 75px; width: 75px;"></div> </div>
<p class="pt-3" id="player1">Player 1</p> <div class="col d-flex flex-column align-items-center">
</div> <div style="background-color: green; height: 75px; width: 75px;"></div>
<div class="col d-flex flex-column align-items-center"> <p class="pt-3" id="player4">Player 4</p>
<div style="background-color: blue; height: 75px; width: 75px;"></div> </div>
<p class="pt-3" id="player2">Player 2</p>
</div>
<div class="col d-flex flex-column align-items-center">
<div style="background-color: yellow; height: 75px; width: 75px;"></div>
<p class="pt-3" id="player3">Player 3</p>
</div>
<div class="col d-flex flex-column align-items-center">
<div style="background-color: green; height: 75px; width: 75px;"></div>
<p class="pt-3" id="player4">Player 4</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
<script> </body>
function checkIsReady() { <script>
console.log("checkIsReady"); function checkIsReady() {
var xhr = new XMLHttpRequest(); console.log("checkIsReady");
xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=waiting', true); var xhr = new XMLHttpRequest();
xhr.responseType = 'text'; xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=waiting', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.responseType = 'text';
xhr.onload = function () { xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
console.log(xhr.responseText); xhr.onload = function() {
if (xhr.responseText == "1") { console.log(xhr.responseText);
window.location.href = 'http://82.165.180.114/Scripted/index.php?action=goToGame&idPartie=' + <?php echo $_SESSION['idPartie'] ?> + '&index=1' if (xhr.responseText == "1") {
} window.location.href = 'http://82.165.180.114/Scripted/index.php?action=goToGame&idPartie=' + <?php echo $_SESSION['idPartie'] ?> + '&index=1'
}; }
xhr.send(null); };
} xhr.send(null);
function getPlayer() { }
console.log("getPlayer");
var xhr = new XMLHttpRequest(); function getPlayer() {
xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayersPseudo', true); console.log("getPlayer");
xhr.responseType = 'text'; var xhr = new XMLHttpRequest();
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayersPseudo', true);
xhr.onload = function () { xhr.responseType = 'text';
var players = JSON.parse(xhr.responseText); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
if (players[0] != null) { xhr.onload = function() {
document.getElementById("player1").innerHTML = players[0]; var players = JSON.parse(xhr.responseText);
} if (players[0] != null) {
if (players[1] != null) { document.getElementById("player1").innerHTML = players[0];
document.getElementById("player2").innerHTML = players[1]; }
} if (players[1] != null) {
if (players[2] != null) { document.getElementById("player2").innerHTML = players[1];
document.getElementById("player3").innerHTML = players[2]; }
} if (players[2] != null) {
if (players[3] != null) { document.getElementById("player3").innerHTML = players[2];
document.getElementById("player4").innerHTML = players[3]; }
} if (players[3] != null) {
}; document.getElementById("player4").innerHTML = players[3];
xhr.send(null); }
} };
window.addEventListener("load", waiting); xhr.send(null);
function waiting(){ }
var countdownTimer = setInterval('checkIsReady()', 1000); window.addEventListener("load", waiting);
setInterval('getPlayer()', 500);
} function waiting() {
</script> var countdownTimer = setInterval('checkIsReady()', 1000);
setInterval('getPlayer()', 500);
}
</script>
</html> </html>

@ -21,7 +21,7 @@
<h2 class="text-center mt-3 pr-5" style="color: #00CCFF; font-weight: 1000; font-style: italic;">SCRIPT</h2> <h2 class="text-center mt-3 pr-5" style="color: #00CCFF; font-weight: 1000; font-style: italic;">SCRIPT</h2>
<h2 class="text-center pl-5" style="color: #D400D4; font-weight:bold; font-size:4em; font-style: italic;">RUSH</h2> <h2 class="text-center pl-5" style="color: #D400D4; font-weight:bold; font-size:4em; font-style: italic;">RUSH</h2>
</div> </div>
<div class="row pt-5 m-0"> <div class="row pt-5 px-3 m-0">
<p class="text-center">Bienvenue dans le mode <b>ScriptRush</b> ! Tu es ici dans le mode multijoueur de <b>Scripted</b>. <p class="text-center">Bienvenue dans le mode <b>ScriptRush</b> ! Tu es ici dans le mode multijoueur de <b>Scripted</b>.
Dans ce mode, tu vas pouvoir affronter d'autres joueurs et tenter de gagner le plus de points possible. Dans ce mode, tu vas pouvoir affronter d'autres joueurs et tenter de gagner le plus de points possible.
Pour cela, tu vas devoir résoudre le plus d'énigme de possible en un temps imparti. Pour cela, tu vas devoir résoudre le plus d'énigme de possible en un temps imparti.

@ -5,8 +5,7 @@
<title>Scripted</title> <title>Scripted</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head> </head>
<body> <body>
@ -22,10 +21,10 @@
<p>Votre score est de : <?php echo $points ?> points.</p> <p>Votre score est de : <?php echo $points ?> points.</p>
<p>Temps restant avant la fin de la partie :</p> <p>Temps restant avant la fin de la partie :</p>
<?php <?php
$end_time = $dateDebut->modify('+'. $_SESSION['tpsMaxPartie'] .'seconds'); $end_time = $dateDebut->modify('+' . $_SESSION['tpsMaxPartie'] . 'seconds');
$now = new DateTime(); $now = new DateTime();
$interval = $now->diff($end_time); $interval = $now->diff($end_time);
$remaining_seconds = $interval->days * 24 * 60 * 60 + $interval->h * 60 * 60 + $interval->i * 60 + $interval->s; $remaining_seconds = $interval->days * 24 * 60 * 60 + $interval->h * 60 * 60 + $interval->i * 60 + $interval->s;
?> ?>
<div id="countdown"></div> <div id="countdown"></div>
</div> </div>
@ -37,7 +36,7 @@
xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getGameEtat', true); xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getGameEtat', true);
xhr.responseType = 'text'; xhr.responseType = 'text';
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onload = function () { xhr.onload = function() {
if (xhr.responseText == "2") { if (xhr.responseText == "2") {
window.location.href = 'http://82.165.180.114/Scripted/index.php?action=endGame' window.location.href = 'http://82.165.180.114/Scripted/index.php?action=endGame'
} }
@ -45,13 +44,14 @@
xhr.send(null); xhr.send(null);
} }
var seconds = <?php echo $remaining_seconds; ?>; var seconds = <?php echo $remaining_seconds; ?>;
function countdown() { function countdown() {
checkIsEnd(); checkIsEnd();
var days = Math.floor(seconds/24/60/60); var days = Math.floor(seconds / 24 / 60 / 60);
var hoursLeft = Math.floor((seconds) - (days*86400)); var hoursLeft = Math.floor((seconds) - (days * 86400));
var hours = Math.floor(hoursLeft/3600); var hours = Math.floor(hoursLeft / 3600);
var minutesLeft = Math.floor((hoursLeft) - (hours*3600)); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600));
var minutes = Math.floor(minutesLeft/60); var minutes = Math.floor(minutesLeft / 60);
var remainingSeconds = seconds % 60; var remainingSeconds = seconds % 60;
if (remainingSeconds < 10) { if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds; remainingSeconds = "0" + remainingSeconds;
@ -67,13 +67,11 @@
var countdownTimer = setInterval('countdown()', 1000); var countdownTimer = setInterval('countdown()', 1000);
</script> </script>
<!-- Bootstrap JavaScript Libraries --> <!-- Bootstrap JavaScript Libraries -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous">
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"> </script>
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js" <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous">
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"> </script>
</script>
</body> </body>
</html> </html>
Loading…
Cancel
Save