pfSense

/*

 * pfSenseHelpers.js

 *

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

 * Copyright (c) 2013-2016 Electric Sheep Fencing

 *

 * 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.

function setRequired(id, req) {

	if (req)

		$('#' + id).parent().parent('div').find('span:first').addClass('element-required');

	else

		$('#' + id).parent().parent('div').find('span:first').removeClass('element-required');

}

function hideInput(id, hide) {

	else

		$('#' + id).parent().parent('div').removeClass('hidden');

// Hides the <div> in which the specified group input element lives so that the input,

// its label and help text are hidden

function hideGroupInput(id, hide) {

	else

		$('#' + id).parent('div').removeClass('hidden');

	if (hide)

		$('#' + id).addClass('invisible');

	else

		$('#' + id).removeClass('invisible');

}

function hideCheckbox(id, hide) {

	else

		$('#' + id).parent().parent().parent('div').removeClass('hidden');

// Disables the specified input element

function disableInput(id, disable) {

// Hides all elements of the specified class. This will usually be a section

function hideClass(s_class, hide) {

	else

		$('.' + s_class).show();

	else

		$('#' + id).parent('div').parent('div').removeClass('hidden');

}

function hideMultiCheckbox(id, hide) {

	else

		$('#' + id).parent().parent().parent('div').removeClass('hidden');

}

// Hides all elements of the specified class belonging to a multiselect.

function hideMultiClass(s_class, hide) {

	else

		$('.' + s_class).parent().parent().show();

}

// Hides div whose label contains the specified text. (Good for StaticText)

function hideLabel(text, hide) {

	var element = $('label:contains(' + text + ')');

	else

		element.parent('div').removeClass('hidden');

function hideMask(name, hide) {

		$('[id^=' + name + ']').prev('span').hide();

		$('[id^=' + name + ']').show();

		$('[id^=' + name + ']').prev('span').show();

function setHelpText(id, text) {

	$('#' + id).parent().parent('div').find('span:nth-child(2)').html(text);

}

//	/usr/local/www/firewall_nat_1to1.php

//	/usr/local/www/firewall_nat_out.php

//	/usr/local/www/firewall_rules.php

//	/usr/local/www/vpn_ipsec.php

function fr_toggle(id, prefix) {

	if (!prefix)

		prefix = 'fr';

	var checkbox = document.getElementById(prefix + 'c' + id);

	checkbox.checked = !checkbox.checked;

	fr_bgcolor(id, prefix);

}

	if (!prefix)

		prefix = 'fr';

	var row = $('#' + prefix + id);

	if ($('#' + prefix + 'c' + id).prop('checked') ) {

}

// to add/delete rows of sequentially numbered elements, their labels and their help text

	// Find all ipaddress masks and make dynamic based on address family of input

	$('span.pfIpMask + select').each(function (idx, select){

		var input = $(select).prevAll('input[type=text]');

		input.on('change', function(e){

			var isV6 = (input.val().indexOf(':') != -1), min = 0, max = 128;

			if (!isV6)

				max = 32;

			if (input.val() == "")

				return;

			if (select.options[select.options.length - 1].value == 0) {

				var mm = max + 1;

			} else {

				var mm = max;

			}

			while (select.options.length > mm)

					select.options.add(new Option(i, i), 0);

			}

		});

		// Fire immediately

		input.change();

	});

}

// Complicated function to move all help text associated with this input id to the same id

// on the row above. That way if you delete the last row, you don't lose the help

function moveHelpText(id) {

	$('#' + id).parent('div').parent('div').find('input, select, checkbox, button').each(function() {	 // For each <span></span>

		var toId = decrStringInt(fromId);

		var helpSpan;

			} else {

				helpSpan = $('#' + fromId).parent('div').find('span:last').clone();

			}

				if ($('#' + decrStringInt(fromId)).parent('div').hasClass('input-group')) {

		}

	});

}

function getStringInt( str )	{

  var data = str.match(/(\D*)(\d+)(\D*)/), newStr = "";

  return Number( data[ 2 ] );

}

function bumpStringInt( str )	{

  var data = str.match(/(\D*)(\d+)(\D*)/), newStr = "";

  return newStr || str;

}

// Decrement the number at the end of the string

function decrStringInt( str )	{

  var data = str.match(/(\D*)(\d+)(\D*)/), newStr = "";

  return newStr || str;

}

// Called after a delete so that there are no gaps in the numbering. Most of the time the config system doesn't care about

// gaps, but I do :)

function renumber() {

	var idx = 0;

	$('.repeatable').each(function() {

		$(this).find('input').each(function() {

			$(this).prop("id", this.id.replace(/\d+$/, "") + idx);

			$(this).prop("name", this.name.replace(/\d+$/, "") + idx);

		});

		$(this).find('select').each(function() {

			$(this).prop("id", this.id.replace(/\d+$/, "") + idx);

			$(this).prop("name", this.name.replace(/\d+$/, "") + idx);

		});

			$(this).prop("id", this.id.replace(/\d+$/, "") + idx);

			$(this).prop("name", this.name.replace(/\d+$/, "") + idx);

		});

		idx++;

	});

}

	// If we are deleting row zero, we need to save/restore the label

	$('#' + rowDelBtn).parent('div').parent('div').remove();

	if (rowDelBtn == "deleterow0") {

function checkLastRow() {

	} else {

		$('[id^=deleterow]').show();

	}

		$(this).prop("id", bumpStringInt(this.id));

		$(this).prop("name", bumpStringInt(this.name));

	});

	$(newGroup).find('[id^=deleterow]').each(function() {

		$(this).prop("name", bumpStringInt(this.name));

	});

	$(newGroup).find('select').each(function() {

		$(this).prop("id", bumpStringInt(this.id));

		$(this).prop("name", bumpStringInt(this.name));

		// If this selector lists mask bits, we need it to be reset to all 128 options

		// and no items selected, so that automatic v4/v6 selection still works

					value: idx,

					text: idx

				}));

			}

		}

	});

function add_row() {

	// Find the last repeatable group

	var lastRepeatableGroup = $('.repeatable:last');

	// If the number of repeats exceeds the maximum, do not add another clone

	if ($('.repeatable').length >= lastRepeatableGroup.attr('max_repeats')) {

		// Alert user if alert message is specified

		if (typeof lastRepeatableGroup.attr('max_repeats_alert') !== 'undefined') {

			alert(lastRepeatableGroup.attr('max_repeats_alert'));

		}

		return;

	}

	// Clone it

	var newGroup = lastRepeatableGroup.clone();

	// Increment the suffix number for each input element in the new group

	bump_input_id(newGroup);

	// And for "for" tags

	// Insert the updated/cloned row

	$(lastRepeatableGroup).after(newGroup);

	// Delete any help text from the group we have cloned

	$(lastRepeatableGroup).find('.help-block').each(function() {

	});

	setMasks();

		$('[id^=address]').each(function() {

					source: addressarray

				});

			}

		});

	}

	$('[id^=delete]').unbind();

	$('[id^=delete]').click(function(event) {

			if ((typeof retainhelp) == "undefined")

			clearRow0();

// These are action buttons, not submit buttons

$('[id^=addrow]').prop('type','button');

$('[id^=delete]').prop('type','button');

// on click . .

$('[id^=addrow]').click(function() {

	add_row();

});

$('[id^=delete]').click(function(event) {

		if ((typeof retainhelp) == "undefined")

			clearRow0();

		} else {

			alert('The last row may not be deleted.');

		}

	$('#deleterow0').parent('div').parent().find('input[type=text]').val('');

	$('#deleterow0').parent('div').parent().find('input[type=checkbox]:checked').removeAttr('checked');

}

// If there is an infoblock, automatically add an info icon that toggles its display

		$(this).removeClass("blockopen");

	$(this).removeClass("infoblock");

	$(this).addClass("infoblock" + sfx.toString());

	sfx++;

	var id = $(this).attr("id");

//$('tbody').each(function(){

//	$(this).html($.trim($(this).html()))

//});

$('.container .panel-heading a.config').each(function (idx, el){

	var config = $(el).parents('.panel').children('.panel-footer');

	if (config.length == 1)

		$(el).removeClass('hidden');

});

$('.container .panel-heading a[data-toggle="collapse"]').each(function (idx, el){

	var body = $(el).parents('.panel').children('.panel-body')

	var isOpen = body.hasClass('in');

	$(el).children('i').toggleClass('fa-minus-circle', isOpen);

		$(el).children('i').toggleClass('fa-minus-circle', true);

		$(el).children('i').toggleClass('fa-plus-circle', false);

	});

		$(el).children('i').toggleClass('fa-minus-circle', false);

		$(el).children('i').toggleClass('fa-plus-circle', true);

	});

gColor = 'bg-info';

dirty = false;

$("#addsep").prop('type' ,'button');

$("#addsep").click(function() {

	}

	$('#ruletable > tbody:last').append('<tr>' +

		'<td class="' + gColor + '" colspan="' + sepcols + '"><input id="newsep" placeholder="' + svbtnplaceholder + '" class="col-md-12" type="text" /></td>' +

		'<td class="' + gColor + '" colspan="2"><button class="btn btn-primary btn-sm" id="btnnewsep"><i class="fa fa-save icon-embed-btn"></i>' + svtxt + '</button>' +

		'<button class="btn btn-info btn-sm" id="btncncsep"><i class="fa fa-undo icon-embed-btn"></i>' + cncltxt + '</button>' +

		'    ' +

		'&nbsp;&nbsp;<a id="sepclrblue" value="bg-info"><i class="fa fa-circle text-info icon-pointer"></i></a>' +

		'&nbsp;&nbsp;<a id="sepclrred" value="bg-danger"><i class="fa fa-circle text-danger icon-pointer"></i></a>' +

		'&nbsp;&nbsp;<a id="sepclrgreen" value="bg-success"><i class="fa fa-circle text-success icon-pointer"></i></a>' +

		'&nbsp;&nbsp;<a id="sepclrorange" value="bg-warning"><i class="fa fa-circle text-warning icon-pointer"></i></button>' +

		'</td></tr>');

	$('#newsep').focus();

	$("#btnnewsep").prop('type' ,'button');

	// Watch escape and enter keys

	$('#newsep').keyup(function(e) {

		}

	});

	handle_colors();

	// user's text and a delete icon

	$("#btnnewsep").click(function() {

		var septext = escapeHtml($('#newsep').val());

		sepcols = $( "#ruletable tr th" ).length - 1;

		$(this).parents('tr').replaceWith('<tr class="ui-sortable-handle separator">' +

			'<td class="' + gColor + '" colspan="' + sepcols + '">' + '<span class="' + gColor + '">' + septext + '</span></td>' +

			'<td class="' + gColor + '"><a href="#"><i class="fa fa-trash sepdel"></i></a>' +

	});

	$('#btncncsep').click(function(e) {

		e.preventDefault();

		$(this).parents('tr').remove();

});

$(function(){