1 var API_HOST
= "http://127.0.0.1:5001";
2 var ERROR_ALERT
= false;
5 var LATENESS_UPDATE_INTERVAL
= 50;
6 var DATA_UPDATE_INTERVAL
= 1000 * 10;
7 var LAST_UPDATE_TIMESTAMP_CONTAINER
= 0;
8 var LAST_UPDATE_TIMESTAMP_DATACENTER
= 0;
11 function update_lateness_loop() {
12 lateness_datacenter
= (Date
.now() - LAST_UPDATE_TIMESTAMP_DATACENTER
) / 1000;
13 $("#lbl_lateness_datacenter").text("Lateness: " + Number(lateness_datacenter
).toPrecision(3) + "s");
14 lateness_container
= (Date
.now() - LAST_UPDATE_TIMESTAMP_CONTAINER
) / 1000;
15 $("#lbl_lateness_container").text("Lateness: " + Number(lateness_container
).toPrecision(3) + "s");
16 // loop while connected
18 setTimeout(update_lateness_loop
, LATENESS_UPDATE_INTERVAL
)
22 function errorAjaxConnection()
29 alert("ERROR!\nAPI request failed.\n\n Please check the backend connection.", function() {
37 function update_table_datacenter(data
)
41 $("#table_datacenter").empty();
43 $("#table_datacenter").append('<tr class="tbl-head"><td>Label</td><td>Int. Name</td><td>Switch</td><td>Num. Containers</td><td>Metadata Items</td></tr>');
45 $.each(data
, function(i
, item
) {
47 row_str
+= '<tr class="tbl-row clickable_row" id="datacenter_row_' + i
+'">';
48 row_str
+= '<td>' + item
.label
+ '1</td>';
49 row_str
+= '<td>' + item
.internalname
+ '</td>';
50 row_str
+= '<td>' + item
.switch + '</td>';
51 row_str
+= '<td><span class="badge">' + item
.n_running_containers
+ '</span></td>';
52 row_str
+= '<td><span class="badge">' + Object
.keys(item
.metadata
).length
+ '</span></td>';
54 $("#table_datacenter").append(row_str
);
56 $("#lbl_datacenter_count").text(data
.length
);
57 // update lateness counter
58 LAST_UPDATE_TIMESTAMP_DATACENTER
= Date
.now();
62 function update_table_container(data
)
66 $("#table_container").empty();
68 $("#table_container").append('<tr class="tbl-head"><td>Datacenter</td><td>Container</td><td>Image</td><td>docker0</td><td>Status</td></tr>');
70 $.each(data
, function(i
, item
) {
72 row_str
+= '<tr class="tbl-row clickable_row" id="container_row_' + i
+'">';
73 row_str
+= '<td>' + item
[1].datacenter
+ '</td>';
74 row_str
+= '<td>' + item
[0] + '</td>';
75 row_str
+= '<td>' + item
[1].image
+ '</td>';
76 row_str
+= '<td><code>' + item
[1].docker_network
+ '<code></td>';
77 if(item
[1].state
.Status
== "running")
78 row_str
+= '<td><span class="label label-success">running</span></td>';
80 row_str
+= '<td><span class="label label-danger">stopped</span></td>';
82 $("#table_container").append(row_str
);
84 $("#lbl_container_count").text(data
.length
);
85 // update lateness counter
86 LAST_UPDATE_TIMESTAMP_CONTAINER
= Date
.now();
90 function fetch_datacenter()
92 // do HTTP request and trigger gui update on success
93 var request_url
= API_HOST
+ "/restapi/datacenter";
94 console
.debug("fetching from: " + request_url
);
95 $.getJSON(request_url
, update_table_datacenter
);
99 function fetch_container()
101 // do HTTP request and trigger gui update on success
102 var request_url
= API_HOST
+ "/restapi/compute";
103 console
.debug("fetching from: " + request_url
);
104 $.getJSON(request_url
, update_table_container
);
108 function fetch_loop()
110 // only fetch if we are connected
118 // loop while connected
120 setTimeout(fetch_loop
, DATA_UPDATE_INTERVAL
);
126 console
.info("connect()");
128 API_HOST
= "http://" + $("#text_api_host").val();
129 console
.debug("API address: " + API_HOST
);
131 LAST_UPDATE_TIMESTAMP_DATACENTER
= Date
.now();
132 LAST_UPDATE_TIMESTAMP_CONTAINER
= Date
.now();
134 // restart lateness counter
135 update_lateness_loop();
136 // restart data fetch loop
139 $("#btn_disconnect").removeClass("disabled");
140 $("#btn_connect").addClass("disabled");
143 function disconnect()
145 console
.info("disconnect()");
148 $("#btn_connect").removeClass("disabled");
149 $("#btn_disconnect").addClass("disabled");
153 $(document
).ready(function(){
154 console
.info("document ready");
155 // setup global connection error handling
157 "error": errorAjaxConnection
161 $("#btn_connect").click(connect
);
162 $("#btn_disconnect").click(disconnect
);
164 // additional refresh on window focus
165 $(window
).focus(function () {