X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=dashboard%2Fjs%2Fmain.js;h=71741f2e2c07200f0e56366c321bb8f62e83dc9e;hb=33d768923110817c5c364cda695e4699c8431776;hp=928adf7adf37dfbc2d98cc61f00c673314b49277;hpb=0289b604314f2edf88ed7abbe47a8118c2e04716;p=osm%2Fvim-emu.git
diff --git a/dashboard/js/main.js b/dashboard/js/main.js
old mode 100644
new mode 100755
index 928adf7..71741f2
--- a/dashboard/js/main.js
+++ b/dashboard/js/main.js
@@ -1,83 +1,173 @@
var API_HOST = "http://127.0.0.1:5001";
-var ERROR_ALERT = true;
+var ERROR_ALERT = false;
var TIMESTAMP = 0;
+var CONNECTED = false;
+var LATENESS_UPDATE_INTERVAL = 50;
+var DATA_UPDATE_INTERVAL = 1000 * 10;
+var LAST_UPDATE_TIMESTAMP_CONTAINER = 0;
+var LAST_UPDATE_TIMESTAMP_DATACENTER = 0;
+
+
+function update_lateness_loop() {
+ lateness_datacenter= (Date.now() - LAST_UPDATE_TIMESTAMP_DATACENTER) / 1000;
+ $("#lbl_lateness_datacenter").text("Lateness: " + Number(lateness_datacenter).toPrecision(3) + "s");
+ lateness_container= (Date.now() - LAST_UPDATE_TIMESTAMP_CONTAINER) / 1000;
+ $("#lbl_lateness_container").text("Lateness: " + Number(lateness_container).toPrecision(3) + "s");
+ // loop while connected
+ if(CONNECTED)
+ setTimeout(update_lateness_loop, LATENESS_UPDATE_INTERVAL)
+}
+
+function errorAjaxConnection()
+{
+ // only do once
+ if(!ERROR_ALERT)
+ {
+ ERROR_ALERT = true;
+ // show message
+ alert("ERROR!\nAPI request failed.\n\n Please check the backend connection.", function() {
+ // callback
+ ERROR_ALERT = false;
+ });
+ }
+}
-function updateMessageTable(msg_list) {
-
+function update_table_datacenter(data)
+{
+ console.debug(data)
+ // clear table
+ $("#table_datacenter").empty();
+ // header
+ $("#table_datacenter").append('
Label | Int. Name | Switch | Num. Containers | Metadata Items |
');
+ // fill table
+ $.each(data, function(i, item) {
+ var row_str = "";
+ row_str += '';
+ row_str += '' + item.label + '1 | ';
+ row_str += '' + item.internalname + ' | ';
+ row_str += '' + item.switch + ' | ';
+ row_str += '' + item.n_running_containers + ' | ';
+ row_str += '' + Object.keys(item.metadata).length + ' | ';
+ row_str += '
';
+ $("#table_datacenter").append(row_str);
+ });
+ $("#lbl_datacenter_count").text(data.length);
+ // update lateness counter
+ LAST_UPDATE_TIMESTAMP_DATACENTER = Date.now();
}
-function updateMessageCount(msg_list) {
- $("#lbl_msg_count").text(msg_list.length);
+
+function update_table_container(data)
+{
+ console.debug(data)
+ // clear table
+ $("#table_container").empty();
+ // header
+ $("#table_container").append('
Datacenter | Container | Image | docker0 | Status |
');
+ // fill table
+ $.each(data, function(i, item) {
+ var row_str = "";
+ row_str += '';
+ row_str += '' + item[1].datacenter + ' | ';
+ row_str += '' + item[0] + ' | ';
+ row_str += '' + item[1].image + ' | ';
+ row_str += '' + item[1].docker_network + '
| ';
+ if(item[1].state.Status == "running")
+ row_str += 'running | ';
+ else
+ row_str += 'stopped | ';
+ row_str += '
';
+ $("#table_container").append(row_str);
+ });
+ $("#lbl_container_count").text(data.length);
+ // update lateness counter
+ LAST_UPDATE_TIMESTAMP_CONTAINER = Date.now();
}
-function fetchMessages() {
-
+
+function fetch_datacenter()
+{
+ // do HTTP request and trigger gui update on success
+ var request_url = API_HOST + "/restapi/datacenter";
+ console.debug("fetching from: " + request_url);
+ $.getJSON(request_url, update_table_datacenter);
}
-function autoFetchMessages() {
- fetchMessages();
- // do periodic update
- if(AUTO_REFRESH)
- setTimeout(autoFetchMessages, AUTO_REFRESH_INTERVAL);
+function fetch_container()
+{
+ // do HTTP request and trigger gui update on success
+ var request_url = API_HOST + "/restapi/compute";
+ console.debug("fetching from: " + request_url);
+ $.getJSON(request_url, update_table_container);
}
-function updateLateness() {
- lateness = (Date.now() - LAST_UPDATE_TIMESTAMP) / 1000;
- $("#lbl_lateness").text("Lateness: " + Number(lateness).toPrecision(3) + "s")
- setTimeout(updateLateness, LATENESS_UPDATE_INTERVAL)
+
+function fetch_loop()
+{
+ // only fetch if we are connected
+ if(!CONNECTED)
+ return;
+
+ // download data
+ fetch_datacenter();
+ fetch_container();
+
+ // loop while connected
+ if(CONNECTED)
+ setTimeout(fetch_loop, DATA_UPDATE_INTERVAL);
}
-function errorAjaxConnection()
+
+function connect()
{
- // only do once
- if(!ERROR_ALERT)
- {
- ERROR_ALERT = true;
- // show message
- bootbox.alert("ERROR!\nAPI request failed.\n\n Please check the backend connection.", function() {
- // callback
- ERROR_ALERT = false;
- });
- }
+ console.info("connect()");
+ // get host address
+ API_HOST = "http://" + $("#text_api_host").val();
+ console.debug("API address: " + API_HOST);
+ // reset data
+ LAST_UPDATE_TIMESTAMP_DATACENTER = Date.now();
+ LAST_UPDATE_TIMESTAMP_CONTAINER = Date.now();
+ CONNECTED = true;
+ // restart lateness counter
+ update_lateness_loop();
+ // restart data fetch loop
+ fetch_loop();
+ // gui updates
+ $("#btn_disconnect").removeClass("disabled");
+ $("#btn_connect").addClass("disabled");
}
-function change_auto_refresh(event)
+function disconnect()
{
- console.debug("trigger btn_auto_refresh");
- AUTO_REFRESH = !AUTO_REFRESH;
- if(AUTO_REFRESH) {
- $("#btn_autorefresh").addClass("active");
- autoFetchMessages();
- }
- else {
- $("#btn_autorefresh").removeClass("active");
- }
+ console.info("disconnect()");
+ CONNECTED = false;
+ // gui updates
+ $("#btn_connect").removeClass("disabled");
+ $("#btn_disconnect").addClass("disabled");
}
$(document).ready(function(){
console.info("document ready");
- // setup global connection error handling
- $.ajaxSetup({
- "error": errorAjaxConnection
- });
+ // setup global connection error handling
+ $.ajaxSetup({
+ "error": errorAjaxConnection
+ });
// add listeners
- //TODO
-
- // activate message fetching
- autoFetchMessages();
- LAST_UPDATE_TIMESTAMP = Date.now();
- updateLateness();
-
+ $("#btn_connect").click(connect);
+ $("#btn_disconnect").click(disconnect);
- // refresh on window focus
+ // additional refresh on window focus
$(window).focus(function () {
- // TODO observe if this works well
- fetchMessages();
+ if(CONNECTED)
+ {
+ fetch_datacenter();
+ fetch_container();
+ }
});
});