public/Telereview
1
0
Fork 0
mirror of https://git.roussel.pro/telecom-paris/pact.git synced 2026-02-09 10:30:17 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

ajout page d'attente

Browse Source
This commit is contained in:
Quentin Roussel
2023-01-26 13:25:08 +01:00
parent e3f56a97a9
commit 2bcbf3fc20
7 changed files with 53 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
code/interface_borne/assets/css/bootstrap-grid.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

12
code/interface_borne/assets/css/main.css
View File

@@ -1,11 +1,9 @@
body { html, body {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
margin: 0; margin: 0;
padding: 0; height: 100%;
}
.page {
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align: center;
overflow: hidden;
} }

2
code/interface_borne/assets/js/camera_page.js
View File

@@ -17,10 +17,12 @@ class CameraPage {
this._startup(); this._startup();
this._loadImages(); this._loadImages();
this._enabled = false; this._enabled = false;
this.DOMElement = document.getElementById("camera");
} }
set enabled(val) { set enabled(val) {
this._enabled = val; this._enabled = val;
this.DOMElement.style.display = val ? "block" : "none";
if (val) { if (val) {
this._frame(); this._frame();
} }

2
code/interface_borne/assets/js/main.js
View File

@@ -3,5 +3,5 @@ let stateManager;
window.addEventListener("load", () => { window.addEventListener("load", () => {
let canvas = document.createElement("canvas"); let canvas = document.createElement("canvas");
document.body.appendChild(canvas); document.body.appendChild(canvas);
stateManager = new StateManager(canvas); // stateManager = new StateManager(canvas);
}, false); }, false);

12
code/interface_borne/assets/js/sleeping_page.js Normal file
View File

@@ -0,0 +1,12 @@
class SleepingPage {
constructor(onWakeUp) {
this.onWakeUp = onWakeUp;
this.isEnabled = false;
this.DOMElement = document.getElementById("sleeping-page");
}
set enabled(isEnabled) {
this.isEnabled = isEnabled;
this.DOMElement.style.display = isEnabled ? "block" : "none";
}
}

8
code/interface_borne/assets/js/state_manager.js
View File

@@ -10,15 +10,23 @@ class StateManager {
this.canvas = canvas; this.canvas = canvas;
this._state = STATE.sleeping; this._state = STATE.sleeping;
this._cameraPage = new CameraPage(this.canvas); this._cameraPage = new CameraPage(this.canvas);
this._sleepingPage = new SleepingPage();
this.wsClient = new WebsocketClient( this.wsClient = new WebsocketClient(
(effects) => this._cameraPage.setEffects(effects), (effects) => this._cameraPage.setEffects(effects),
(state) => this.changeState(state) (state) => this.changeState(state)
); );
//TODO: Remove qd implémenté dans le backend
document.getElementById("sleeping-page-continue").onclick = () => this.setState(STATE.video);
} }
setState(newState) { setState(newState) {
if(this._state == STATE.sleeping && newState == STATE.video) { if(this._state == STATE.sleeping && newState == STATE.video) {
this._cameraPage.enabled = true; this._cameraPage.enabled = true;
this._sleepingPage.enabled = false;
} }
} }
} }

13
code/interface_borne/index.html
View File

@@ -1,16 +1,29 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/main.css"> <link rel="stylesheet" href="assets/css/main.css">
<!-- <link rel="stylesheet" href="assets/css/bootstrap-grid.min.css"> -->
<title>Téléreview</title> <title>Téléreview</title>
</head> </head>
<body> <body>
<div id="sleeping-page" class="">
<h1>Venez donner votre avis</h1>
<!-- Boutton pour test -->
<button id="sleeping-page-continue">Continuer</button>
</div>
<div id="camera">
</div>
<script src="assets/js/camera_page.js"></script> <script src="assets/js/camera_page.js"></script>
<script src="assets/js/network.js"></script> <script src="assets/js/network.js"></script>
<script src="assets/js/sleeping_page.js"></script>
<script src="assets/js/state_manager.js"></script> <script src="assets/js/state_manager.js"></script>
<script src="assets/js/main.js"></script> <script src="assets/js/main.js"></script>
</body> </body>
</html> </html>