Skip to content
Snippets Groups Projects
Commit 93498ecf authored by Adrien Béraud's avatar Adrien Béraud
Browse files

tools: JS node: cleanup

parent 72d79095
Branches
Tags
No related merge requests found
...@@ -9,16 +9,16 @@ ...@@ -9,16 +9,16 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">"use strict"; <script type="text/javascript">"use strict";
var onGet; let onGet;
var onPut; let onPut;
var setServer; let setServer;
const valueGetElement = function(o) { const valueGetElement = function(o) {
const d = window.atob(o.data); const d = window.atob(o.data);
return d; return d;
}; };
$(function() { $(function() {
var request = undefined; let request = undefined;
var server; let server;
const getTools = $("#getTools"); const getTools = $("#getTools");
const getBtn = $("#getBtn"); const getBtn = $("#getBtn");
const getDropdown = $("#getDropdown"); const getDropdown = $("#getDropdown");
...@@ -46,6 +46,8 @@ $(function() { ...@@ -46,6 +46,8 @@ $(function() {
return false; return false;
const input = $("#getKey").val(); const input = $("#getKey").val();
group.empty(); group.empty();
let lastAppended = 0;
let start = new Date().getTime();
request = new XMLHttpRequest(); request = new XMLHttpRequest();
request.onreadystatechange = function(event) { request.onreadystatechange = function(event) {
if (this.readyState >= XMLHttpRequest.LOADING) { if (this.readyState >= XMLHttpRequest.LOADING) {
...@@ -53,15 +55,20 @@ $(function() { ...@@ -53,15 +55,20 @@ $(function() {
clearGetRequest(); clearGetRequest();
} }
if (this.status === 200) { if (this.status === 200) {
group.empty();
const elements = this.responseText.split("\n"); const elements = this.responseText.split("\n");
elements.forEach(function(element) { const elementsLength = elements.length;
const now = new Date().getTime();
for (let i = lastAppended; i < elementsLength; i++) {
const element = elements[i];
if (!element || element.length == 0) if (!element || element.length == 0)
return; return;
const o = JSON.parse(element); const o = JSON.parse(element);
const d = window.atob(o.data); const d = window.atob(o.data);
$('<li class="list-group-item"/>').append(valueGetElement(o)).appendTo(group); const delay = Math.max(0, start-now);
}); $('<li class="list-group-item"/>').append(valueGetElement(o)).appendTo(group).hide().delay(delay).slideDown(100);
lastAppended = i+1;
start = Math.max(start, now)+25;
}
} else if (this.status !== 0) { } else if (this.status !== 0) {
group.empty().append($('<li class="list-group-item list-group-item-danger"/>').text("Error loading content: " + this.statusText)); group.empty().append($('<li class="list-group-item list-group-item-danger"/>').text("Error loading content: " + this.statusText));
} }
...@@ -109,7 +116,7 @@ $(function() { ...@@ -109,7 +116,7 @@ $(function() {
serverStatus.empty(); serverStatus.empty();
serverBtn.button('loading'); serverBtn.button('loading');
$.getJSON(server, function(data){ $.getJSON(server, function(data){
serverStatus.append('<b>Node</b> ').append(data.node_id); $('<span><b>Node</b> '+data.node_id+'</span>').appendTo(serverStatus).hide().fadeIn();
}).fail(function(error) { }).fail(function(error) {
serverStatus.html("<div class='alert alert-danger' style='margin-bottom: 0px;'><span class='glyphicon glyphicon-remove' aria-hidden='true'></span> Can't access node</div>"); serverStatus.html("<div class='alert alert-danger' style='margin-bottom: 0px;'><span class='glyphicon glyphicon-remove' aria-hidden='true'></span> Can't access node</div>");
}).always(function(error) { }).always(function(error) {
...@@ -154,7 +161,6 @@ $(function() { ...@@ -154,7 +161,6 @@ $(function() {
<button id="getBtn" class="btn btn-default" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i>" type="submit">Get</button> <button id="getBtn" class="btn btn-default" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i>" type="submit">Get</button>
<button id="getDropdown"type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <button id="getDropdown"type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a id="getDropBtn" href="#">Get</a></li>
<li><a id="listenBtn" href="#">Listen</a></li> <li><a id="listenBtn" href="#">Listen</a></li>
</ul> </ul>
<button id="getStopBtn" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button> <button id="getStopBtn" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment