pfSense

// Drag and drop reordering

if($_REQUEST['dragdroporder']) {

	// First create a new ruleset array and tmp arrays

	$a_filter_before = array();

	$a_filter_order = array();

	$a_filter_order_tmp = array();

	$a_filter_after = array();

	$found = false;

	$drag_order = $_REQUEST['dragtable'];

	// Next traverse through rules building a new order for interface

	for ($i = 0; isset($a_filter[$i]); $i++) {

		if(( $_REQUEST['if'] == "FloatingRules" && isset($a_filter[$i]['floating']) ) || ( $a_filter[$i]['interface'] == $_REQUEST['if'] && !isset($a_filter[$i]['floating']) )) {

			$a_filter_order_tmp[] = $a_filter[$i];

			$found = true;

		} else if (!$found)

			$a_filter_before[] = $a_filter[$i];

		else

			$a_filter_after[] = $a_filter[$i];

	}

	// Reorder rules with the posted order

	for ($i = 0; $i<count($drag_order); $i++)

		$a_filter_order[] = $a_filter_order_tmp[$drag_order[$i]];

	// In case $drag_order didn't account for some rules, make sure we don't lose them

	if(count($a_filter_order) < count($a_filter_order_tmp)) {

		for ($i = 0; $i<count($a_filter_order_tmp); $i++)

			if(!in_array($i, $drag_order))

				$a_filter_order[] = $a_filter_order_tmp[$i];

	}

	// Overwrite filter rules with newly created items

	$config['filter']['rule'] = array_merge($a_filter_before, $a_filter_order, $a_filter_after);

	// Write configuration

	$config = write_config(gettext("Drag and drop firewall rules ordering update."));

	// Redirect back to page

	mark_subsystem_dirty('filter');

	$undo = array();

	foreach($_REQUEST['dragtable'] as $dt)

		$undo[] = "";

	$counter = 0;

	foreach($_REQUEST['dragtable'] as $dt) {

		$undo[$dt] = $counter;

		$counter++;

	}

	foreach($undo as $dt)

		$undotxt .= "&dragtable[]={$dt}";

	header("Location: firewall_rules.php?if=" . $_REQUEST['if'] . "&undodrag=true" . $undotxt);

	exit;

}

<?php

if($_REQUEST['undodrag']) {

	foreach($_REQUEST['dragtable'] as $dt)

		$dragtable .= "&dragtable[]={$dt}";

	print_info_box_np_undo(gettext("The firewall rule configuration has been changed.<br />You must apply the changes in order for them to take effect."), "apply" , gettext("Apply changes") , "firewall_rules.php?if={$_REQUEST['if']}&dragdroporder=true&{$dragtable}");

} else {

	print_info_box_np(gettext("The firewall rule configuration has been changed.") . "<br />" . gettext("You must apply the changes in order for them to take effect."), "apply", "", true);

}

?>

<div id="loading" style="visibity:hidden">

    <img src="/themes/<?=$g['theme']?>/images/misc/loader.gif" alt="loader" /> <?php echo gettext("Loading, please wait..."); ?>

	<p>&nbsp;</p>

</div>

			<tbody id="dragtable">

<script type="text/javascript">

//<![CDATA[

	var number_of_rules = <?=$nrules?>;

	<?php $nrules = 0; for ($i = 0; isset($a_filter[$i]); $i++): ?>

	/*

		Sortable.create("dragtable", {

			tag:"tr",

			format:"fr([0-9999999])",

			containment:["dragtable"],

			onChange:function(affected) {

				document.body.style.cursor = 'move';

			},

			onUpdate:function(container) {

				document.body.style.cursor = 'move';

				updateOrder(Sortable.serialize('dragtable', 'tr'));

			}

		});

	*/

	<?php endfor; ?>

	function updateOrder(order) {

		if(document.getElementById("redboxtable"))

			jQuery('#redboxtable').hide();

		jQuery('#loading').show();

		document.body.style.cursor = 'wait';

		document.location = 'firewall_rules.php?if=<?=htmlspecialchars($if);?>&dragdroporder=true&' + Sortable.serialize('dragtable', 'tr');

		return;

	}

	jQuery('#loading').hide();

//]]>

</script>