From 0919138ef09307621497d48ba38913d08efbdd4b Mon Sep 17 00:00:00 2001
From: zenls <wandemeir@gmail.com>
Date: Mon, 19 Nov 2018 04:46:41 +0300
Subject: [PATCH] add slider js

---
 www/index.html | 60 +++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 59 insertions(+), 1 deletion(-)
diff --git a/www/index.html b/www/index.html
index 2394b94..b977107 100644
--- a/www/index.html
+++ b/www/index.html
@@ -14,6 +14,64 @@
     <!-- JS -->
     <script src="js/jquery-3.3.1.min.js"></script>
     <script src="js/bootstrap.min.js"></script>
+
+    <script type="text/javascript">
+        var sock = null;
+        var ellog = null;
+
+        window.onload = function() {
+
+           ellog = document.getElementById('log');
+
+           var wsuri;
+           if (window.location.protocol === "file:") {
+              wsuri = "ws://10.174.136.143:45684/ws?a=23&foo=bar";
+           } else {
+              wsuri = "ws://" + window.location.hostname + ":45684/ws?a=23&foo=bar";
+           }
+
+           if ("WebSocket" in window) {
+              sock = new WebSocket(wsuri);
+           } else if ("MozWebSocket" in window) {
+              sock = new MozWebSocket(wsuri);
+           } else {
+              log("Browser does not support WebSocket!");
+           }
+
+           if (sock) {
+              sock.onopen = function() {
+                 log("Connected to " + wsuri);
+              }
+
+              sock.onclose = function(e) {
+                 log("Connection closed (wasClean = " + e.wasClean + ", code = " + e.code + ", reason = '" + e.reason + "')");
+                 sock = null;
+              }
+
+              sock.onmessage = function(e) {
+                 log("Got echo: " + e.data);
+              }
+           }
+        };
+
+        function send() {
+           var msg = document.getElementById('message').value;
+           var batchsize = parseInt(document.getElementById('batch').value);
+           if (sock) {
+              for (var i = 0; i < batchsize; ++i) {
+                 sock.send(document.getElementById("size").value);
+              }
+              log("Sent " + batchsize + "x : " + msg);
+           } else {
+              log("Not connected.");
+           }
+        };
+
+        function log(m) {
+           ellog.innerHTML += m + '\n';
+           ellog.scrollTop = ellog.scrollHeight;
+        };
+     </script>
 </head>
 
 <body>
@@ -58,7 +116,7 @@
                     <br>
                     <br>
                     <form class="range-field">
-                        <input type="range" value="20" min="0" max="100" oninput="alert('Клик!')" />
+                        <input type="range" min="50" max="250" id="size" oninput="send();" value="140" />
                     </form>
                 </div>
 
