From d2efe27350e5e0a0507394ab71469d8fc4cc476d Mon Sep 17 00:00:00 2001 From: Filipi Fuchter Date: Thu, 16 Jan 2025 10:36:45 -0300 Subject: [PATCH] Improving the logs and updating status --- .../client/javascript/src/app.js | 26 +++++++++++++------ 1 file changed, 18 insertions(+), 8 deletions(-) diff --git a/examples/bot-ready-signalling/client/javascript/src/app.js b/examples/bot-ready-signalling/client/javascript/src/app.js index ea7e26164..162a3869b 100644 --- a/examples/bot-ready-signalling/client/javascript/src/app.js +++ b/examples/bot-ready-signalling/client/javascript/src/app.js @@ -71,7 +71,7 @@ class ChatbotClient { } handleEventToConsole (evt) { - console.log("Received event: ", evt); + this.log(`Received event: ${evt.action}`); }; /** @@ -81,18 +81,28 @@ class ChatbotClient { setupTrackListeners() { if (!this.dailyCallObject) return; - this.dailyCallObject.on("joined-meeting", this.handleEventToConsole); + this.dailyCallObject.on("joined-meeting", () => { + this.updateStatus('Connected'); + this.connectBtn.disabled = true; + this.disconnectBtn.disabled = false; + this.log('Client connected'); + }); this.dailyCallObject.on("track-started", (evt) => { if (evt.track.kind === "audio" && evt.participant.local === false) { this.setupAudioTrack(evt.track); } }); - this.dailyCallObject.on("track-stopped", this.handleEventToConsole); - this.dailyCallObject.on("participant-joined", this.handleEventToConsole); - this.dailyCallObject.on("participant-updated", this.handleEventToConsole); - this.dailyCallObject.on("participant-left", this.handleEventToConsole); - this.dailyCallObject.on("left-meeting", this.handleEventToConsole); - this.dailyCallObject.on("error", this.handleEventToConsole); + this.dailyCallObject.on("track-stopped", this.handleEventToConsole.bind(this)); + this.dailyCallObject.on("participant-joined", this.handleEventToConsole.bind(this)); + this.dailyCallObject.on("participant-updated", this.handleEventToConsole.bind(this)); + this.dailyCallObject.on("participant-left", this.handleEventToConsole.bind(this)); + this.dailyCallObject.on("left-meeting", () => { + this.updateStatus('Disconnected'); + this.connectBtn.disabled = false; + this.disconnectBtn.disabled = true; + this.log('Client disconnected'); + }); + this.dailyCallObject.on("error", this.handleEventToConsole.bind(this)); } /**