X-Git-Url: https://git.archive.openwrt.org/?a=blobdiff_plain;f=modules%2Fadmin-full%2Fluasrc%2Fview%2Fadmin_status%2Fconnections.htm;fp=modules%2Fadmin-full%2Fluasrc%2Fview%2Fadmin_status%2Fconnections.htm;h=7ce791ba9e31f0ca54cb1dfa6968bd07447b4cf9;hb=6ea0204a554536367dd762b8b96b5de57171afa9;hp=eb483985278aaad2913364aadd9d9278c7a7c928;hpb=380726158d37052a8301973affa6281dd1aa6ebc;p=project%2Fluci.git
diff --git a/modules/admin-full/luasrc/view/admin_status/connections.htm b/modules/admin-full/luasrc/view/admin_status/connections.htm
index eb4839852..7ce791ba9 100644
--- a/modules/admin-full/luasrc/view/admin_status/connections.htm
+++ b/modules/admin-full/luasrc/view/admin_status/connections.htm
@@ -57,12 +57,35 @@ $Id$
var label_scale;
+ var conn_table;
+
function update_graph()
{
bwxhr.get('<%=build_url("admin/status/connections_status")%>', null,
- function(x, data)
+ function(x, json)
{
+ var conn = json.connections;
+
+ while (conn_table.rows.length > 1)
+ conn_table.rows[0].parentNode.deleteRow(-1);
+
+ for (var i = 0; i < conn.length; i++)
+ {
+ var c = conn[i];
+ var tr = conn_table.rows[0].parentNode.insertRow(-1);
+ tr.className = 'cbi-section-table-row cbi-rowstyle-' + (1 + (i % 2));
+
+ tr.insertCell(-1).innerHTML = c.layer3.toUpperCase();
+ tr.insertCell(-1).innerHTML = c.layer4.toUpperCase();
+ tr.insertCell(-1).innerHTML = String.format(c.layer3 == 'ipv6' ? '[%s]:%d' : '%s:%d', c.src, c.sport);
+ tr.insertCell(-1).innerHTML = String.format(c.layer3 == 'ipv6' ? '[%s]:%d' : '%s:%d', c.dst, c.dport);
+ tr.insertCell(-1).innerHTML = String.format('%1024.2mB (%d <%:Pkts.%>)', c.bytes, c.packets);
+ }
+
+
+ var data = json.statistics;
+
var data_max = 0;
var data_scale = 0;
@@ -177,7 +200,7 @@ $Id$
window.setTimeout(
function() {
var svg = document.getElementById('bwsvg');
-
+
try {
G = svg.getSVGDocument
? svg.getSVGDocument() : svg.contentDocument;
@@ -226,7 +249,9 @@ $Id$
label_otr_avg = document.getElementById('lb_otr_avg');
label_otr_peak = document.getElementById('lb_otr_peak');
- label_scale = document.getElementById('scale');
+ label_scale = document.getElementById('scale');
+
+ conn_table = document.getElementById('connections');
/* plot horizontal time interval lines */
@@ -260,41 +285,62 @@ $Id$
-
--
-
-
-
-
- | <%:UDP:%> |
- 0 |
-
- <%:Average:%> |
- 0 |
-
- <%:Peak:%> |
- 0 |
-
-
- | <%:TCP:%> |
- 0 |
-
- <%:Average:%> |
- 0 |
-
- <%:Peak:%> |
- 0 |
-
-
- | <%:Other:%> |
- 0 |
-
- <%:Average:%> |
- 0 |
-
- <%:Peak:%> |
- 0 |
-
-
+<%:This page gives an overview over currently active network connections.%>
+
+
<%+footer%>