implement first commands

2023-11-21 21:02:30 +01:00
parent b03ec14c0f
commit 39e26f96dd
3 changed files with 104 additions and 18 deletions
--- a/commander.html
+++ b/commander.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+   <meta charset="UTF-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+   <title>MBC rc bootjes - commander</title>
+   <style>
+      * {
+         --background: #000000;
+         --background-second: #444444;
+         --foreground: #CCCCCC;
+      }
+      body {
+         background-color: var(--background);
+         color: var(--foreground);
+      }
+      .login {
+         position: fixed;
+         top: 50px;
+         right: 50px;
+         bottom: 50px;
+         left: 50px;
+         background-color: var(--background-second);
+         text-align: center;
+         padding: calc(50vh - 150px) 50px;
+         height: 200px;
+      }
+   </style>
+</head>
+<body>
+   <div class="login">
+      <h1>Login</h1>
+      <input type="password" />
+   </div>
+   <main>
+      <div id="bootjes"></div>
+      <div id="clients"></div>
+   </main>
+   <script>
+      var bootjes = document.getElementById('bootjes');
+      var clients = document.getElementById('clients');
+
+      var connection = new WebSocket('ws://' + "10.254.0.1" + ':8080/', ['mbcRcRf']);
+
+      function addBoat(boat)
+      {
+         boat = boat.split(':')
+      }
+   </script>
+</body>
+</html>