mirror of
https://git.roussel.pro/telecom-paris/pact.git
synced 2026-02-09 10:30:17 +01:00
ajout squelette page camera et remerciement
This commit is contained in:
11
code/interface_borne/assets/js/audio_page.js
Normal file
11
code/interface_borne/assets/js/audio_page.js
Normal file
@@ -0,0 +1,11 @@
|
||||
class AudioPage {
|
||||
constructor() {
|
||||
this.isEnabled = false;
|
||||
this.DOMElement = document.getElementById("audio");
|
||||
|
||||
}
|
||||
set enabled(isEnabled) {
|
||||
this.isEnabled = isEnabled;
|
||||
this.DOMElement.style.display = isEnabled ? "block" : "none";
|
||||
}
|
||||
}
|
||||
@@ -25,6 +25,9 @@ class CameraPage {
|
||||
this.DOMElement.style.display = val ? "block" : "none";
|
||||
if (val) {
|
||||
this._frame();
|
||||
this.video.play();
|
||||
}else {
|
||||
this.video.pause();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -10,6 +10,8 @@ class StateManager {
|
||||
this._state = STATE.sleeping;
|
||||
this._cameraPage = new CameraPage();
|
||||
this._sleepingPage = new SleepingPage();
|
||||
this._audioPage = new AudioPage();
|
||||
this._thankYouPage = new ThankYouPage();
|
||||
|
||||
this.wsClient = new WebsocketClient(
|
||||
(effects) => this._cameraPage.setEffects(effects),
|
||||
@@ -18,17 +20,30 @@ class StateManager {
|
||||
|
||||
this._sleepingPage.enabled = true;
|
||||
this._cameraPage.enabled = false;
|
||||
|
||||
this._audioPage.enabled = false;
|
||||
this._thankYouPage.enabled = false;
|
||||
//TODO: Remove qd implémenté dans le backend
|
||||
document.getElementById("sleeping-page-continue").onclick = () => this.setState(STATE.video);
|
||||
}
|
||||
|
||||
setState(newState) {
|
||||
console.log({current:this._state,new:newState})
|
||||
if(this._state == STATE.sleeping && newState == STATE.video) {
|
||||
this._cameraPage.enabled = true;
|
||||
this._sleepingPage.enabled = false;
|
||||
this._state = newState;
|
||||
}else if(this._state == STATE.video && newState == STATE.audio) {
|
||||
this._cameraPage.enabled = false;
|
||||
this._audioPage.enabled = true;
|
||||
this._state = newState;
|
||||
}else if(this._state == STATE.audio && newState == STATE.thankYou) {
|
||||
this._audioPage.enabled = false;
|
||||
this._thankYouPage.enabled = true;
|
||||
this._state = newState;
|
||||
}else if(this._state == STATE.thankYou && newState == STATE.sleeping) {
|
||||
this._thankYouPage.enabled = false;
|
||||
this._sleepingPage.enabled = true;
|
||||
this._state = newState;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
11
code/interface_borne/assets/js/thank_you_page.js
Normal file
11
code/interface_borne/assets/js/thank_you_page.js
Normal file
@@ -0,0 +1,11 @@
|
||||
class ThankYouPage {
|
||||
constructor() {
|
||||
this.isEnabled = false;
|
||||
this.DOMElement = document.getElementById("thank-you");
|
||||
}
|
||||
|
||||
set enabled(isEnabled) {
|
||||
this.isEnabled = isEnabled;
|
||||
this.DOMElement.style.display = isEnabled ? "block" : "none";
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user