fluencelabs/cosmos-hackathon-frontend
1
0
Fork 0
mirror of https://github.com/fluencelabs/cosmos-hackathon-frontend synced 2025-05-29 13:41:21 +00:00
Code Issues Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
DieMyst 2019-06-16 11:11:50 +03:00
parent e2ac75d18f
commit 3a8374b4f2
2 changed files with 45 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -24,8 +24,10 @@
<section class="container">
<div class="m-5"><h1>Cosmic Salmon. Hook A Fish</h1></div>
<div class="input-group border-primary m-5">
<input type="text" class="form-control" placeholder="Node IP" id="node-ip" value="1">
<input type="text" class="form-control" placeholder="Binary Source" id="binary-url" value="1">
<input type="text" class="form-control" placeholder="Node IP" id="node-ip" value="207.154.210.117">
<input type="text" class="form-control" placeholder="Node Port" id="node-port" value="26657">
<input type="text" class="form-control" placeholder="Binary Source" id="binary-url" value="QmQ69JoPDaKFpPSbWvvUGRGG5E83u6nTP2hRegmCoa6aW5">
<input type="text" class="form-control" placeholder="Name" id="node-name" value="name service">
<button type="button" class="btn btn-outline-secondary" id="start-check">Start Check</button>
</div>

27
index.js
View File

@ -46,17 +46,21 @@ window.onload = function () {
};
function startCheckEvent() {
let nodeIpEl = document.getElementById("node-ip");
let binaryUrlEl = document.getElementById("binary-url");
let nodeIpEl = document.getElementById("node-ip").value;
let portEl = document.getElementById("node-port").value;
let binaryUrlEl = document.getElementById("binary-url").value;
let nameEl = document.getElementById("node-name").value;
let someInfo = {
name: nodeIpEl.value,
name: nameEl,
nodesNumber: 34,
lastHeight: 13,
binaryLink: "#"
};
startCheck(someInfo.name, someInfo);
let createUrl = `http://localhost:8090/create/${nameEl}/${nodeIpEl}/${portEl}/${binaryUrlEl}`;
startCheck(createUrl, someInfo.name, someInfo);
}
function appendNewZone(id, info, status) {
@ -80,7 +84,6 @@ function appendNewZone(id, info, status) {
function setHeightAndWidth(el, currentHeight, lastHeight) {
let percent = currentHeight / lastHeight * 100;
console.log("hey = " + percent);
el.style.width = `${percent}%`;
el.innerHTML = `Height: ${currentHeight}`;
}
@ -184,25 +187,22 @@ function getProgressBar(id) {
return document.getElementById(id).getElementsByClassName("progress-bar")[0];
}
function startCheck(zoneId, info) {
function startCheck(createUrl, zoneId, info) {
if (state[zoneId]) {
return;
}
var xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", "http://localhost:8090/create/" + zoneId, false ); // false for synchronous request
xmlHttp.send( null );
let socket = new WebSocket("ws://127.0.0.1:8090/websocket/start/file/" + zoneId);
fetch(createUrl).then((sa) => {
let socket = new WebSocket("ws://127.0.0.1:8090/websocket/" + zoneId);
socket.onopen = function(e) {
console.log(e);
state[zoneId] = {
info: info
};
appendNewZone(zoneId, info);
console.log("Websocket was opened: " + JSON.stringify(e));
};
let k = 0;
@ -212,7 +212,7 @@ function startCheck(zoneId, info) {
let data = JSON.parse(event.data);
let el = getProgressBar(zoneId);
k++;
if (data.height) {
if (data.correct) {
if (st.info.lastHeight < 1000 || k % 100 === 0) {
setHeightAndWidth(el, data.height, st.info.lastHeight);
} else {
@ -231,4 +231,5 @@ function startCheck(zoneId, info) {
socket.onerror = function(error) {
console.log("Error: " + JSON.stringify(error))
};
});
}