Initial commit

Lts/Tools/SocketSniffer/wsTool.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>wsTool</title>
+    <link rel="stylesheet" href="../include/bootstrap/css/bootstrap.css">
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div id="header">
+        <h1 id="headline">
+            WebSocket Tool 
+        </h1>
+    </div>
+
+    <!--Connect-->
+    <div class="form-control">
+        <div class="m-1">
+            <label class="form-label">IP-Adresse eingeben:</label>
+        </div>
+        <div class="row g-3">
+
+            <div class="col-auto">
+                <input class="form-control border-danger" type="text" name="" id="IpInputForm">
+            </div>   
+            <div class="col-auto">
+                <button id="ConnectButton" class="btn btn-primary mb-1">Connect</button>
+            </div> 
+        </div>
+    </div>
+    <br>
+
+    <!--Request Buttons-->
+    <div id="RequestContainer" class="container-fluid form-control" hidden>
+        <div id="RequestButtonContainer" class="row">
+        </div>
+    </div> 
+    <br> 
+    
+    <!--Message Output-->
+    <div id="OutputContainer" class="form-control" hidden>
+        <div class="d-flex justify-content-between">
+            <span><b>Messages:</b></span>
+            <button id="ClearBtn" class="btn btn-sm btn-outline-secondary">Clear</button>
+        </div><br>
+        <p id="Output" class="accordion"></p>
+
+    </div>
+
+    <script src="../include/bootstrap/js/bootstrap.js"></script>
+    <script type="module" src="wsTool.js"></script> 
+</body>
+</html>