better displaying info to user
This commit is contained in:
@@ -17,7 +17,7 @@
|
|||||||
<canvas id="result-video" style="border: 1px solid blue;" width="800" height="600"></canvas>
|
<canvas id="result-video" style="border: 1px solid blue;" width="800" height="600"></canvas>
|
||||||
<div id="connectedbuttons">
|
<div id="connectedbuttons">
|
||||||
<div id="connectedstatus">
|
<div id="connectedstatus">
|
||||||
<p id="connectedlabel">Connected: <%- api_connected %></p>
|
<p id="connectedlabel">Not connected to drone</p>
|
||||||
<button id="connectbutton" onclick="connect()">Connect</button>
|
<button id="connectbutton" onclick="connect()">Connect</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="buttons">
|
<div id="buttons">
|
||||||
@@ -292,14 +292,14 @@
|
|||||||
if (this.responseText.length > 0) {
|
if (this.responseText.length > 0) {
|
||||||
var status = JSON.parse(this.responseText);
|
var status = JSON.parse(this.responseText);
|
||||||
// console.log(status)
|
// console.log(status)
|
||||||
document.getElementById("connectedlabel").innerHTML = "Connected: true";
|
document.getElementById("connectedlabel").innerHTML = "Connected to drone";
|
||||||
document.getElementById("connectbutton").disabled = true;
|
document.getElementById("connectbutton").disabled = true;
|
||||||
// connect_to_video_stream();
|
// connect_to_video_stream();
|
||||||
|
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log("error");
|
console.log("error");
|
||||||
document.getElementById("connectedlabel").innerHTML = "Connected: false";
|
document.getElementById("connectedlabel").innerHTML = "Not connected to drone";
|
||||||
if (!received) {
|
if (!received) {
|
||||||
alert("Could not connect to API!");
|
alert("Could not connect to API!");
|
||||||
received = true;
|
received = true;
|
||||||
|
|||||||
Reference in New Issue
Block a user