webadmin/bpfire
1
0
Fork 0
mirror of https://github.com/vincentmli/bpfire.git synced 2026-04-12 04:05:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Colorize the bandwidth meter and update jquery.

Browse Source
This commit is contained in:
Joern-Ingo Weigert
2013-03-08 16:23:13 +01:00
committed by Michael Tremer
parent 465d1730ba
commit d0d063fe14
6 changed files with 63 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
html/html/include/jquery-1.2.6.min.js vendored
View File

File diff suppressed because one or more lines are too long

5
html/html/include/jquery-1.9.1.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
html/html/themes/ipfire/include/functions.pl
View File

@@ -179,7 +179,7 @@ END
;
if ($settings{'SPEED'} ne 'off') {
print <<END
<script type="text/javascript" src="/include/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/include/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var t_current;
var t_last;

6
html/html/themes/ipfire/include/style.css
View File

@@ -433,3 +433,9 @@ max-width: 2.5em;
position: relative;
width: 100%;
}
/* FOOTER COLORIZE BANDWIDTH */
#rx_kbs { color: green; }
#tx_kbs { color: red; }

104
html/html/themes/maniac/include/functions.pl
View File

@@ -179,66 +179,53 @@ END
;
if ($settings{'SPEED'} ne 'off') {
print <<END
<script type="text/javascript" language="javascript">
var http_request = false;
function LoadInetInfo(url) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
// zu dieser Zeile siehe weiter unten
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Ende :( Kann keine XMLHTTP-Instanz erzeugen');
return false;
}
http_request.onreadystatechange = DisplayInetInfo;
http_request.open('GET', url, true);
http_request.send(null);
}
function DisplayInetInfo() {
if (http_request.readyState == 4) {
var xmldoc = http_request.responseXML;
var root1_node = xmldoc.getElementsByTagName('rx_kbs').item(0);
var root2_node = xmldoc.getElementsByTagName('tx_kbs').item(0);
var root3_node = xmldoc.getElementsByTagName('rxb').item(0);
var root4_node = xmldoc.getElementsByTagName('txb').item(0);
document.forms['speed'].txkb.value = root1_node.firstChild.data;
document.forms['speed'].rxkb.value = root2_node.firstChild.data;
// document.getElementsByTagName("input")[0].style.color = "#00FF00";
url = "/cgi-bin/speed.cgi?rxb_last=" + root3_node.firstChild.data + "&txb_last=" + root4_node.firstChild.data;
window.setTimeout("LoadInetInfo(url)", 3000);
}
}
</script>
<script type="text/javascript" src="/include/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var t_current;
var t_last;
var rxb_current;
var rxb_last;
var txb_current;
var txb_last;
function refreshInetInfo() {
\$.ajax({
url: '/cgi-bin/speed.cgi',
success: function(xml){
t_current = new Date();
var t_diff = t_current - t_last;
t_last = t_current;
rxb_current = \$("rxb",xml).text();
var rxb_diff = rxb_current - rxb_last;
rxb_last = rxb_current;
var rx_kbs = rxb_diff/t_diff;
rx_kbs = Math.round(rx_kbs*10)/10;
txb_current = \$("txb",xml).text();
var txb_diff = txb_current - txb_last;
txb_last = txb_current;
var tx_kbs = txb_diff/t_diff;
tx_kbs = Math.round(tx_kbs*10)/10;
\$("#rx_kbs").text(rx_kbs + ' kb/s');
\$("#tx_kbs").text(tx_kbs + ' kb/s');
}
});
window.setTimeout("refreshInetInfo()", 3000);
}
\$(document).ready(function(){
refreshInetInfo();
});
</script>
</head>
<body onLoad="LoadInetInfo('/cgi-bin/speed.cgi')">
<body>
END
;
}
else {
print "</head><body>";}
print "</head>\n<body>";}
print <<END
<!-- IPFIRE HEADER -->
@@ -375,10 +362,9 @@ END
if ($settings{'SPEED'} ne 'off') {
print <<END
<br />
<form name='speed'>
<b>$Lang::tr{'bandwidth usage'}:</b> $Lang::tr{'incoming'}:<input type="text" name="rxkb" size="5" value="0 kb/s" style="font-size: 12px; font-family: Arial, Helvetica;text-align: center;color:green; border: none; padding: 0; background-color: #000000; vertical-align: middle" />
$Lang::tr{'outgoing'}: <input type="text" name="txkb" size="5" value="0 kb/s" style="font-size: 12px; font-family: Arial, Helvetica;text-align: center;color:red; border: none; padding: 0; background-color: #000000; vertical-align: middle"/>
</form>
<b>$Lang::tr{'bandwidth usage'}:</b>
$Lang::tr{'incoming'}: <span id="rx_kbs"></span>&nbsp;$Lang::tr{'outgoing'}: <span id="tx_kbs"></span>
END
;
}

6
html/html/themes/maniac/include/style.css
View File

@@ -462,3 +462,9 @@ max-width: 2.5em;
position: relative;
width: 100%;
}
/* FOOTER COLORIZE BANDWIDTH */
#rx_kbs { color: green; }
#tx_kbs { color: red; }