pfSense

<?php

/*

 *

 * part of pfSense (https://www.pfsense.org)

 * Copyright (c) 2013-2016 Electric Sheep Fencing

 * Copyright (c) 2004-2006 Jonathan Watt <jwatt@jwatt.org>

 * All rights reserved.

 *

 * originally based on m0n0wall (http://m0n0.ch/wall)

 * Copyright (c) 2003-2004 Manuel Kasper <mk@neon1.net>.

 * All rights reserved.

 *

 * you may not use this file except in compliance with the License.

 * You may obtain a copy of the License at

 * distributed under the License is distributed on an "AS IS" BASIS,

 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

 * See the License for the specific language governing permissions and

 * limitations under the License.

##|*IDENT=page-diagnostics-interfacetraffic

##|*MATCH=graph.php*

##|-PRIV

require_once("guiconfig.inc");

header("Expires: " . gmdate("D, j M Y H:i:s", time()) . " GMT");

header("Cache-Control: no-cache, no-store, must-revalidate"); // HTTP/1.1

$ifnum = @$_REQUEST["ifnum"];  // BSD / SNMP interface name / number

/********* Other conf *******/

	$time_interval = $_REQUEST["timeint"];		//Refresh time Interval

	$init_delay = $_REQUEST["initdelay"];		//Initial Delay

$attribs['axis']='fill="black" stroke="black"';

$attribs['out']='fill="#000000" font-family="Tahoma, Verdana, Arial, Helvetica, sans-serif" font-size="7"';

$attribs['graph_in']='fill="none" stroke="#FF0000" stroke-opacity="0.8"';

$attribs['graph_out']='fill="none" stroke="#000000" stroke-opacity="0.8"';

$attribs['grid']='stroke="gray" stroke-opacity="0.5"';

$attribs['switch_scale']='fill="#FF0000" font-family="Tahoma, Verdana, Arial, Helvetica, sans-serif" font-size="4" text-decoration="underline"';

$attribs['collect_initial']='fill="gray" font-family="Tahoma, Verdana, Arial, Helvetica, sans-serif" font-size="4"';

//Error text if we cannot fetch data : depends on which method is used

$width=200;             //SVG internal width : do not modify

		<rect id="bg" x1="0" y1="0" width="100%" height="100%" fill="white"/>

		<line id="axis_x" x1="0" y1="0" x2="0" y2="100%" <?=$attribs['axis']?>/>

		<line id="axis_y" x1="0" y1="100%" x2="100%" y2="100%" <?=$attribs['axis']?>/>

		<path id="graph_out" d="M0 <?=$height?> L 0 <?=$height?>" <?=$attribs['graph_out']?>/>

		<path id="graph_in" d="M0 <?=$height?> L 0 <?=$height?>" <?=$attribs['graph_in']?>/>

		<path id="grid" d="M0 <?=$height/4*1?> L <?=$width?> <?=$height/4*1?> M0 <?=$height/4*2?> L <?=$width?> <?=$height/4*2?> M0 <?=$height/4*3?> L <?=$width?> <?=$height/4*3?>" <?=$attribs['grid']?>/>

		<text id="grid_txt1" x="<?=$width?>" y="<?=$height/4*1?>" <?=$attribs['grid_txt']?> text-anchor="end"> </text>

		<text id="grid_txt2" x="<?=$width?>" y="<?=$height/4*2?>" <?=$attribs['grid_txt']?> text-anchor="end"> </text>

		<text id="grid_txt3" x="<?=$width?>" y="<?=$height/4*3?>" <?=$attribs['grid_txt']?> text-anchor="end"> </text>

		<text id="graph_in_lbl" x="5" y="8" <?=$attribs['in']?>><?=gettext("In"); ?></text>

		<text id="graph_out_lbl" x="5" y="16" <?=$attribs['out']?>><?=gettext("Out"); ?></text>

		<text id="graph_in_txt" x="20" y="8" <?=$attribs['in']?>> </text>

		<text id="graph_out_txt" x="20" y="16" <?=$attribs['out']?>> </text>

		<text id="ifname" x="<?=$width?>" y="8" <?=$attribs['graphname']?> text-anchor="end"><?=htmlspecialchars($ifname)?></text>

		<text id="switch_unit" x="<?=$width*0.55?>" y="5" <?=$attribs['switch_unit']?>><?=gettext("Switch to bytes/s"); ?></text>

		<text id="time" x="<?=$width*0.33?>" y="11" <?=$attribs['legend']?>> </text>

		<text id="error" x="<?=$width*0.5?>" y="<?=$height*0.5?>" visibility="hidden" <?=$attribs['error']?> text-anchor="middle"><?=$error_text?></text>

		<text id="collect_initial" x="<?=$width*0.5?>" y="<?=$height*0.5?>" visibility="hidden" <?=$attribs['collect_initial']?> text-anchor="middle"><?=gettext("Collecting initial data, please wait"); ?>...</text>

	</g>

	<script type="text/ecmascript">

	<![CDATA[

/**

 * getURL is a proprietary Adobe function, but it's simplicity has made it very

 * popular. If getURL is undefined we spin our own by wrapping XMLHttpRequest.

 */

if (typeof getURL == 'undefined') {

		if (!url) {

			throw '<?=gettext("No URL for getURL"); ?>';

		}

		try {

			if (typeof callback.operationComplete == 'function') {

				callback = callback.operationComplete;

			}

		} catch (e) {}

		if (typeof callback != 'function') {

			throw '<?=gettext("No callback function for getURL"); ?>';

		}

		var http_request = null;

		if (typeof XMLHttpRequest != 'undefined') {

			http_request = new XMLHttpRequest();

		} else if (typeof ActiveXObject != 'undefined') {

			try {

				http_request = new ActiveXObject('Msxml2.XMLHTTP');

			} catch (e) {

				try {

				http_request = new ActiveXObject('Microsoft.XMLHTTP');

				} catch (e) {}

			}

		}

		if (!http_request) {

			throw '<?=gettext("Both getURL and XMLHttpRequest are undefined"); ?>';

		}

		http_request.onreadystatechange = function() {

			if (http_request.readyState == 4) {

				callback( { success : true,

					content : http_request.responseText,

					contentType : http_request.getResponseHeader("Content-Type") } );

			}

		}

	}

var SVGDoc = null;

var last_ifin = 0;

var last_ifout = 0;

var last_ugmt = 0;

var plot_out = new Array();

var step = <?=$width?> / max_num_points ;

var scale_type = '<?=$scale_type?>';

function init(evt) {

	SVGDoc.getElementById("switch_unit").addEventListener("mousedown", switch_unit, false);

	SVGDoc.getElementById("switch_scale").addEventListener("mousedown", switch_scale, false);

	scale_type_text = (scale_type == 'up') ? '<?=gettext("up"); ?>' : '<?=gettext("follow"); ?>';

	SVGDoc.getElementById('switch_scale').firstChild.data = '<?=gettext("AutoScale"); ?>' + ' (' + scale_type_text + ')';

	var now = new Date();

	var time = LZ(now.getHours()) + ":" + LZ(now.getMinutes()) + ":" + LZ(now.getSeconds());

	SVGDoc.getElementById('time').firstChild.data = time;

	var date = (now.getMonth()+1) + "/" + now.getDate() + "/" + now.getFullYear();

	SVGDoc.getElementById('date').firstChild.data = date;

	if (!obj.success) {

		return handle_error();  // getURL failed to get data

	}

	var t = obj.content.split("|");

	var ugmt = parseFloat(t[0]);  // ugmt is an unixtimestamp style

	var ifin = parseInt(t[1], 10);    // number of bytes received by the interface

	var ifout = parseInt(t[2], 10);   // number of bytes sent by the interface

	var scale;

	if (!isNumber(ifin) || !isNumber(ifout)) {

		return handle_error();

	}

	var diff_ugmt  = ugmt - last_ugmt;

	var diff_ifin  = ifin - last_ifin;

	var diff_ifout = ifout - last_ifout;

	if (diff_ugmt == 0) {

		diff_ugmt = 1;  /* avoid division by zero */

	}

	last_ugmt = ugmt;

	last_ifin = ifin;

	last_ifout = ifout;

	var graphTimerId = 0;

	switch (plot_in.length) {

		case 0:

			SVGDoc.getElementById("collect_initial").setAttributeNS(null, 'visibility', 'visible');

			plot_in[0] = diff_ifin / diff_ugmt;

			plot_out[0] = diff_ifout / diff_ugmt;

			setTimeout('fetch_data()', <?=1000*($time_interval + $init_delay)?>);

			return;

		case 1:

			SVGDoc.getElementById("collect_initial").setAttributeNS(null, 'visibility', 'hidden');

			break;

		case max_num_points:

			// shift plot to left if the maximum number of plot points has been reached

			var i = 0;

			while (i < max_num_points) {

				plot_in[i] = plot_in[i+1];

				plot_out[i] = plot_out[++i];

			}

			plot_in.length--;

			plot_out.length--;

	}

	plot_in[plot_in.length] = diff_ifin / diff_ugmt;

	plot_out[plot_out.length]= diff_ifout / diff_ugmt;

	var index_plot = plot_in.length - 1;

	SVGDoc.getElementById('graph_in_txt').firstChild.data = formatSpeed(plot_in[index_plot], unit);

	SVGDoc.getElementById('graph_out_txt').firstChild.data = formatSpeed(plot_out[index_plot], unit);

	/* determine peak for sensible scaling */

	if (scale_type == 'up') {

		if (plot_in[index_plot] > max) {

			max = plot_in[index_plot];

		}

		if (plot_out[index_plot] > max) {

			max = plot_out[index_plot];

		}

	} else if (scale_type == 'follow') {

		i = 0;

		max = 0;

		while (i < plot_in.length) {

			if (plot_in[i] > max) {

				max = plot_in[i];

			}

			if (plot_out[i] > max) {

				max = plot_out[i];

			}

			i++;

		}

	}

	var rmax;  // max, rounded up

	if (unit == 'bits') {

		/* round up max, such that

		   100 kbps -> 200 kbps -> 400 kbps -> 800 kbps -> 1 Mbps -> 2 Mbps -> ... */

		rmax = 12500;

		i = 0;

		while (max > rmax) {

			i++;

			if (i && (i % 4 == 0)) {

				rmax *= 1.25;

			} else {

				rmax *= 2;

			}

		}

	} else {

		/* round up max, such that

		   10 KB/s -> 20 KB/s -> 40 KB/s -> 80 KB/s -> 100 KB/s -> 200 KB/s -> 400 KB/s -> 800 KB/s -> 1 MB/s ... */

		rmax = 10240;

		i = 0;

		while (max > rmax) {

			i++;

			if (i && (i % 4 == 0)) {

				rmax *= 1.25;

			} else {

				rmax *= 2;

			}

			if (i == 8) {

				rmax *= 1.024;

			}

	scale = <?=$height?> / rmax;

	/* change labels accordingly */

	SVGDoc.getElementById('grid_txt1').firstChild.data = formatSpeed(3*rmax/4, unit);

	SVGDoc.getElementById('grid_txt2').firstChild.data = formatSpeed(2*rmax/4, unit);

	SVGDoc.getElementById('grid_txt3').firstChild.data = formatSpeed(rmax/4, unit);

	var path_in = "M 0 " + (<?=$height?> - (plot_in[0] * scale));

	var path_out = "M 0 " + (<?=$height?> - (plot_out[0] * scale));

	for (i = 1; i < plot_in.length; i++) {

		var x = step * i;

		var y_in = <?=$height?> - (plot_in[i] * scale);

		var y_out = <?=$height?> - (plot_out[i] * scale);

		path_in += " L" + x + " " + y_in;

		path_out += " L" + x + " " + y_out;

	}

	SVGDoc.getElementById('error').setAttributeNS(null, 'visibility', 'hidden');

	SVGDoc.getElementById('graph_in').setAttributeNS(null, 'd', path_in);

	SVGDoc.getElementById('graph_out').setAttributeNS(null, 'd', path_out);

	setTimeout('fetch_data()', <?=1000*$time_interval?>);

	setTimeout('fetch_data()', <?=1000*$time_interval?>);

function isNumber(a) {

		return formatSpeedBits(speed);

	}

	if (unit == 'bytes') {

		return formatSpeedBytes(speed);

	}

function formatSpeedBits(speed) {

	if (speed < 125000) {

		return Math.round(speed / 125) + " <?=gettext("Kbps"); ?>";

	}

	if (speed < 125000000) {

		return Math.round(speed / 1250)/100 + " <?=gettext("Mbps"); ?>";

	}

	// else

	return Math.round(speed / 1250000)/100 + " <?=gettext("Gbps"); ?>";  /* wow! */

	if (speed < 1048576) {

		return Math.round(speed / 10.24)/100 + " <?=gettext("KB/s"); ?>";

	}

	if (speed < 1073741824) {

		return Math.round(speed / 10485.76)/100 + " <?=gettext("MB/s"); ?>";

	}

	// else

	return Math.round(speed / 10737418.24)/100 + " <?=gettext("GB/s"); ?>";  /* wow! */

    ]]>