pfSense

<?php

 * 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-status-trafficgraph

##|*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'])) {

		}

	}

}

// Useful to save a URL for a given graph configuration

if (isset($_GET['if']) && !isset($_POST['if'])) {

	$_POST['if'] = $_GET['if'];

}

if (isset($_GET['sort']) && !isset($_POST['sort'])) {

	$_POST['sort'] = $_GET['sort'];

}

if (isset($_GET['filter']) && !isset($_POST['filter'])) {

	$_POST['filter'] = $_GET['filter'];

}

if (isset($_GET['hostipformat']) && !isset($_POST['hostipformat'])) {

	$_POST['hostipformat'] = $_GET['hostipformat'];

}

	$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 = "";

}

	$curbackgroundupdate = $_POST['backgroundupdate'];

} else {

	$curbackgroundupdate = "";

}

	global $ifdescrs;

	$iflist = array();

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

		$iflist[$ifn] = $ifd;

	}

	return($iflist);

}

$group->add(new Form_Select(

	iflist()

	array (

		'out'	=> gettext('Bandwidth Out')

	array (

		'remote'=> gettext('Remote'),

		'all'	=> gettext('All')

	array (

		'hostname'	=> gettext('Host Name'),

		'descr'		=> gettext('Description'),

		'fqdn'		=> gettext('FQDN')

	'backgroundupdate',

	null,

	$curbackgroundupdate,

	array (

		'false'	=> gettext('Clear graphs when not visible.'),

		'true'	=> gettext('Keep graphs updated on inactive tab. (increases cpu usage)'),

	)

))->setHelp('Background updates');

$form->add($section);

print $form;

?>

<script src="/vendor/d3/d3.min.js"></script>

<script src="/vendor/nvd3/nv.d3.js"></script>

<script src="/vendor/visibility/visibility-1.2.3.min.js"></script>

<link href="/vendor/nvd3/nv.d3.css" media="screen, projection" rel="stylesheet" type="text/css">

<script type="text/javascript">

//<![CDATA[

events.push(function() {

	var InterfaceString = "<?=$curif?>";

	//store saved settings in a fresh localstorage

	localStorage.clear();

	localStorage.setItem('interval', 1);

	localStorage.setItem('invert', "true");

	localStorage.setItem('size', 1);

    window.myData = {};

    window.updateIds = 0;

    var refreshInterval = localStorage.getItem('interval');

    //TODO make it fall on a second value so it increments better

    var now = then = new Date(Date.now());

    var nowTime = now.getTime();

		myData[value] = [];

		updateIds = 0;

		var itemIn = new Object();

		var itemOut = new Object();

		itemIn.key = value + " (in)";

		if(localStorage.getItem('invert') === "true") { itemIn.area = true; }

		itemIn.first = true;

		itemIn.values = [{x: nowTime, y: 0}];

		myData[value].push(itemIn);

		itemOut.key = value + " (out)";

		if(localStorage.getItem('invert') === "true") { itemOut.area = true; }

		itemOut.first = true;

		itemOut.values = [{x: nowTime, y: 0}];

		myData[value].push(itemOut);

	});

	draw_graph(refreshInterval, then, backgroundupdate);

	//re-draw graph when the page goes from inactive (in it's window) to active

	Visibility.change(function (e, state) {

			return;

		}

			now = then = new Date(Date.now());

			var nowTime = now.getTime();

				Visibility.stop(updateIds);

				myData[value] = [];

				var itemIn = new Object();

				var itemOut = new Object();

				itemIn.key = value + " (in)";

				if(localStorage.getItem('invert') === "true") { itemIn.area = true; }

				itemIn.first = true;

				itemIn.values = [{x: nowTime, y: 0}];

				myData[value].push(itemIn);

				itemOut.key = value + " (out)";

				if(localStorage.getItem('invert') === "true") { itemOut.area = true; }

				itemOut.first = true;

				itemOut.values = [{x: nowTime, y: 0}];

				myData[value].push(itemOut);

			});

		}

	});

});

//]]>

</script>

<script src="/js/traffic-graphs.js"></script>

//<![CDATA[

	foreach ($ifdescrs as $ifname => $ifdescr) {

		$iflist[$ifname] = $ifdescr;

	}

	echo json_encode($iflist);

?>;

		'/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

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

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

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

							'<td>'+ hostinfo[2] +' <?=gettext("Bits/sec");?></td>'+

					}

				}

			},

	});

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

	});

});

	<div class="panel-heading">

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

				<svg></svg>

			</div>

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

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

				<thead>

					<tr>

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

					</tr>

				</thead>

				<tbody id="top10-hosts">

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

				</tbody>

			</table>

		</div>