|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
|
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>Reachy Mini Status</title> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
</head> |
|
|
|
|
|
<body> |
|
|
<div class="flex-row justify-center align-center" style="margin-top: 32px;"> |
|
|
<h3>Start Reachy Mini daemon before testing connections!</h3> |
|
|
<div class="flex-col-2"> |
|
|
<div class="container"> |
|
|
<h1>Reachy Mini HTTP</h1> |
|
|
<div class="status" id="connection-status"> |
|
|
<span class="dot disconnected" id="status-dot-http"></span> |
|
|
<span id="status-text-http">Disconnected</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
<h1>Reachy Mini WS</h1> |
|
|
<div class="status" id="connection-status-ws"> |
|
|
<span class="dot disconnected" id="status-dot-ws"></span> |
|
|
<span id="status-text-ws">Disconnected</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="container align-center"> |
|
|
<form id="ip-form"> |
|
|
<label for="ip-input">Reachy IP:</label> |
|
|
<input type="text" id="ip-input" name="ip" placeholder="localhost" style="margin-left: 8px;"> |
|
|
<button type="submit" onclick="event.preventDefault(); tryConnect();">Connect</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script src="reachy-client.js"></script> |
|
|
</body> |
|
|
|
|
|
</html> |
