pfSense

<?php

	status_graph.php

	All rights reserved.

	All rights reserved.

	modification, are permitted provided that the following conditions are met:

	   this list of conditions and the following disclaimer.

	   notice, this list of conditions and the following disclaimer in the

	   documentation and/or other materials provided with the distribution.

	INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY

	AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE

	AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,

	OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF

	SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS

	INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN

	CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)

	ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE

	POSSIBILITY OF SUCH DAMAGE.

*/

*/

##|*IDENT=page-status-trafficgraph

##|*NAME=Status: Traffic Graph page

##|*DESCR=Allow access to the 'Status: Traffic Graph' page.

##|*MATCH=status_graph.php*

##|*MATCH=ifstats.php*

	if (is_array($config['openvpn']["openvpn-{$mode}"])) {

		foreach ($config['openvpn']["openvpn-{$mode}"] as $id => $setting) {

			if (!isset($setting['disable'])) {

				$ifdescrs['ovpn' . substr($mode, 0, 1) . $setting['vpnid']] = gettext("OpenVPN") . " ".$mode.": ".htmlspecialchars($setting['description']);

			}

		}

	}

}

	$curif = $_POST['if'];

			$found = true;

			break;

		}

	}

	if ($found === false) {

	}

} else {

		/* Handle the case when WAN has been disabled. Use the first key in ifdescrs. */

		reset($ifdescrs);

		$curif = key($ifdescrs);

	}

	$cursort = $_POST['sort'];

	$cursort = "";

}

	$curfilter = $_POST['filter'];

	$curfilter = "";

}

	$curhostipformat = $_POST['hostipformat'];

	$curhostipformat = "";

}

	global $ifdescrs;

	$iflist = array();

	foreach ($ifdescrs as $ifn => $ifd) {

		$iflist[$ifn] = $ifd;

	}

	return($iflist);

}

$form = new Form(false);

$section = new Form_Section('Graph settings');

$group->add(new Form_Select(

	iflist()

	array (

		'out'	=> 'Bandwidth Out'

	array (

		'remote'=> 'Remote',

		'all'	=> 'All'

	array (

		'hostname'	=> 'Host Name',

		'fqdn'		=> 'FQDN'

$section->add($group);

$form->add($section);

print $form;

?>

function updateBandwidth(){

		'/bandwidth_by_ip.php',

		{

			type: 'get',

			data: $(document.forms[0]).serialize(),

			success: function (data) {

				var hosts_split = data.split("|");

				$('#top10-hosts').empty();

				//parse top ten bandwidth abuser hosts

				for (var y=0; y<10; y++){

					if ((y < hosts_split.length) && (hosts_split[y] != "") && (hosts_split[y] != "no info")) {

						hostinfo = hosts_split[y].split(";");

						$('#top10-hosts').append('<tr>'+

							'<td>'+ hostinfo[0] +'</td>'+

							'<td>'+ hostinfo[1] +' Bits/sec</td>'+

							'<td>'+ hostinfo[2] +' Bits/sec</td>'+

						'</tr>');

					}

				}

			},

	});

	$('form.auto-submit').on('change', function(){

		$(this).submit();

	});

});

	<div class="panel-heading">

		<h2 class="panel-title">Traffic graph</h2>

		<div class="col-sm-6">

			<object data="graph.php?ifnum=<?=htmlspecialchars($curif);?>&amp;ifname=<?=rawurlencode($ifdescrs[htmlspecialchars($curif)]);?>">

				<param name="id" value="graph" />

				<param name="type" value="image/svg+xml" />

				<param name="width" value="<? echo $width; ?>" />

				<param name="height" value="<? echo $height; ?>" />

				<param name="pluginspage" value="http://www.adobe.com/svg/viewer/install/auto" />

			</object>

		</div>

		<div class="col-sm-6">

			<table class="table table-striped table-condensed">

				<thead>

					<tr>

						<th><?=(($curhostipformat=="") ? gettext("Host IP") : gettext("Host Name or IP")); ?></th>

						<th><?=gettext("Bandwidth In"); ?></th>

						<th><?=gettext("Bandwidth Out"); ?></th>

					</tr>

				</thead>

				<tbody id="top10-hosts">

					<!-- to be added by javascript -->

				</tbody>

			</table>

		</div>