From fe4906d21ad31607b63b0ac158de1208cfbd48a5 Mon Sep 17 00:00:00 2001 From: Diogo Cordeiro Date: Wed, 3 Oct 2018 03:48:27 +0100 Subject: [PATCH] Update Ingestion Rate Controller protocol --- index.html | 22 ++++++++++++++++++++-- ingestion-rate.js | 18 ++++++++++++++---- 2 files changed, 34 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 1bfc3ae..28f2328 100644 --- a/index.html +++ b/index.html @@ -17,6 +17,19 @@ #chart-container > canvas { height: 400px; } + #ingestion-rate-box { + float: right; + height: 76px; + left: 0; + position: absolute; + top: 7em; + z-index: 50; + padding: 20px; + } + @media screen and (max-width: 1200px) { + position:static; + float:none; + } @@ -30,8 +43,13 @@

ART Dashboard

- - +

Ingestion Rate

+ + + + + +
diff --git a/ingestion-rate.js b/ingestion-rate.js index 7de2628..d5c49f5 100644 --- a/ingestion-rate.js +++ b/ingestion-rate.js @@ -1,4 +1,6 @@ -var current_ingestion_rate = document.getElementById("ingestion-rate").value; +var current_ingestion_rate_min = document.getElementById("ingestion-rate-min").value; +var current_ingestion_rate_max = document.getElementById("ingestion-rate-max").value; +var current_ingestion_rate_per = document.getElementById("ingestion-rate-per").value; var ws = new WebSocket('ws://localhost:3030/'); ws.addEventListener('open', function open() { @@ -15,8 +17,16 @@ ws.addEventListener('message', function message(data, flags) { }); document.getElementById("ingestion-rate-update").addEventListener('click', function() { - if (document.getElementById("ingestion-rate").value != current_ingestion_rate) { - ws.send(document.getElementById("ingestion-rate").value, {mask: true}); - current_ingestion_rate = "set::" + document.getElementById("ingestion-rate").value; + if (document.getElementById("ingestion-rate-min").value != current_ingestion_rate) { + ws.send(document.getElementById("ingestion-rate-min").value, {mask: true}); + current_ingestion_rate_min = "set-min::" + document.getElementById("ingestion-rate-min").value; + } + if (document.getElementById("ingestion-rate-max").value != current_ingestion_rate) { + ws.send(document.getElementById("ingestion-rate-max").value, {mask: true}); + current_ingestion_rate_max = "set-max::" + document.getElementById("ingestion-rate-max").value; + } + if (document.getElementById("ingestion-rate-per").value != current_ingestion_rate) { + ws.send(document.getElementById("ingestion-rate-per").value, {mask: true}); + current_ingestion_rate_per = "set-period::" + document.getElementById("ingestion-rate-per").value; } });