pfSense

/*

 * pfSense.js

 *

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

 * Copyright (c) 2004-2016 Rubicon Communications, LLC (Netgate)

 * All rights reserved.

 *

 * Redistribution and use in source and binary forms, with or without

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

 *

 * 1. Redistributions of source code must retain the above copyright notice,

 *    this list of conditions and the following disclaimer.

 *

 * 2. Redistributions in binary form must reproduce the above copyright

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

 *    the documentation and/or other materials provided with the

 *    distribution.

 *

 * 3. All advertising materials mentioning features or use of this software

 *    must display the following acknowledgment:

 *    "This product includes software developed by the pfSense Project

 *    for use in the pfSense® software distribution. (http://www.pfsense.org/).

 *

 * 4. The names "pfSense" and "pfSense Project" must not be used to

 *    endorse or promote products derived from this software without

 *    prior written permission. For written permission, please contact

 *    coreteam@pfsense.org.

 *

 * 5. Products derived from this software may not be called "pfSense"

 *    nor may "pfSense" appear in their names without prior written

 *    permission of the Electric Sheep Fencing, LLC.

 *

 * 6. Redistributions of any form whatsoever must retain the following

 *    acknowledgment:

 *

 * "This product includes software developed by the pfSense Project

 * for use in the pfSense software distribution (http://www.pfsense.org/).

 *

 * THIS SOFTWARE IS PROVIDED BY THE pfSense PROJECT ``AS IS'' AND ANY

 * EXPRESSED OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE

 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR

 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE pfSense PROJECT OR

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

 */

/*

 * This file should only contain functions that will be used on more than 2 pages

 */

$(function() {

	// Attach collapsable behaviour to select options

	(function()

	{

		var selects = $('select[data-toggle="collapse"]');

		selects.on('change', function(){

			var options = $(this).find('option');

			var selectedValue = $(this).find(':selected').val();

			options.each(function(){

				if ($(this).val() == selectedValue)

					return;

				targets = $('.toggle-'+ $(this).val() +'.in:not(.toggle-'+ selectedValue +')');

				// Hide related collapsables which are visible (.in)

				targets.collapse('hide');

				// Disable all invisible inputs

				targets.find(':input').prop('disabled', true);

			});

			$('.toggle-' + selectedValue).collapse('show').find(':input').prop('disabled', false);

		});

		// Trigger change to open currently selected item

		selects.trigger('change');

	})();

	// Add +/- buttons to certain Groups; to allow adding multiple entries

	// This time making the buttons col-2 wide so they can fit on the same line as the

	// rest of the group (providing the total width of the group is col-8 or less)

	(function()

	{

		var groups = $('div.form-group.user-duplication-horiz');

		var controlsContainer = $('<div class="col-sm-2"></div>');

		var plus = $('<a class="btn btn-sm btn-success"><i class="fa fa-plus icon-embed-btn"></i>Add</a>');

		var minus = $('<a class="btn btn-sm btn-warning"><i class="fa fa-trash icon-embed-btn"></i>Delete</a>');

		minus.on('click', function(){

			$(this).parents('div.form-group').remove();

		});

		plus.on('click', function(){

			var group = $(this).parents('div.form-group');

			var clone = group.clone(true);

			clone.find('*').val('');

			clone.appendTo(group.parent());

		});

		groups.each(function(idx, group){

			var controlsClone = controlsContainer.clone(true).appendTo(group);

			minus.clone(true).appendTo(controlsClone);

			if (group == group.parentNode.lastElementChild)

				plus.clone(true).appendTo(controlsClone);

		});

	})();

	// Add +/- buttons to certain Groups; to allow adding multiple entries

	(function()

	{

		var groups = $('div.form-group.user-duplication');

		var controlsContainer = $('<div class="col-sm-10 col-sm-offset-2 controls"></div>');

		var plus = $('<a class="btn btn-xs btn-success"><i class="fa fa-plus icon-embed-btn"></i>Add</a>');

		var minus = $('<a class="btn btn-xs btn-warning"><i class="fa fa-trash icon-embed-btn"></i>Delete</a>');

		minus.on('click', function(){

			$(this).parents('div.form-group').remove();

		});

		plus.on('click', function(){

			var group = $(this).parents('div.form-group');

			var clone = group.clone(true);

			clone.find('*').removeAttr('value');

			clone.appendTo(group.parent());

		});

		groups.each(function(idx, group){

			var controlsClone = controlsContainer.clone(true).appendTo(group);

			minus.clone(true).appendTo(controlsClone);

			if (group == group.parentNode.lastElementChild)

				plus.clone(true).appendTo(controlsClone);

		});

	})();

	// Automatically change IpAddress mask selectors to 128/32 options for IPv6/IPv4 addresses

	$('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;

			// Eat all of the options with a value greater than max. We don't want them to be available

			while (select.options[0].value > max)

				select.remove(0);

			if (select.options.length < max) {

				for (var i=select.options.length; i<=max; i++)

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

			}

		});

		// Fire immediately

		input.change();

	});

	// Add confirm to all btn-danger buttons and fa-trash icons

	// Use element title in the confirmation message, or if not available

	// the element value

	$('.btn-danger, .fa-trash').on('click', function(e){

		if (!($(this).hasClass('no-confirm'))) {

			var msg = $.trim(this.textContent);

			if (!msg)

				var msg = $.trim(this.value).toLowerCase();

			var q = 'Are you sure you wish to '+ msg +'?';

			if ($(this).attr('title') != undefined)

				q = 'Are you sure you wish to '+ $(this).attr('title').toLowerCase() + '?';

			if (!confirm(q)) {

				e.preventDefault();

				e.stopPropagation();	// Don't leave ancestor(s) selected.

			}

		}

	});

	// Add toggle-all when there are multiple checkboxes

	$('.control-label + .checkbox.multi').each(function() {

		var a = $('<a name="btntoggleall" class="btn btn-xs btn-info"><i class="fa fa-check-square-o icon-embed-btn"></i>Toggle All</a>');

		a.on('click', function() {

			var wrap = $(this).parents('.form-group').find('.checkbox.multi'),

				all = wrap.find('input[type=checkbox]'),

				checked = wrap.find('input[type=checkbox]:checked');

			all.prop('checked', (all.length != checked.length));

		});

		a.appendTo($(this));

	});

	// The need to NOT hide the advanced options if the elements therein are not set to the system

	// default values makes it better to handle advanced option hiding in each PHP file so this is being

	// disabled for now by changing the class name it acts on to "auto-advanced"

	// Hide advanced inputs by default

	if ($('.auto-advanced').length > 0)

	{

		var advButt = $('<a id="toggle-advanced" class="btn btn-default">toggle advanced options</a>');

		advButt.on('click', function() {

			$('.advanced').parents('.form-group').collapse('toggle');

		});

		advButt.insertAfter($('#save'));

		$('.auto-advanced').parents('.form-group').collapse({toggle: true});

	}

	var originalLeave = $.fn.popover.Constructor.prototype.leave;

	$.fn.popover.Constructor.prototype.leave = function(obj){

	  var self = obj instanceof this.constructor ?

	    obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)

	  var container, timeout;

	  originalLeave.call(this, obj);

	  if (self.$tip && self.$tip.length) {

	    container = self.$tip;

	    timeout = self.timeout;

	    container.one('mouseenter', function(){

	      //We entered the actual popover - call off the dogs

	      clearTimeout(timeout);

	      //Let's monitor popover content instead

	      container.one('mouseleave', function(){

	        $.fn.popover.Constructor.prototype.leave.call(self, self);

	      });

	    })

	  }

	};

	// Enable popovers globally

	$('[data-toggle="popover"]').popover({ delay: {show: 50, hide: 400} });

	// Force correct initial state for toggleable checkboxes

	$('input[type=checkbox][data-toggle="collapse"]:not(:checked)').each(function() {

		$( $(this).data('target') ).addClass('collapse');

	});

	$('input[type=checkbox][data-toggle="disable"]:not(:checked)').each(function() {

		$( $(this).data('target') ).prop('disabled', true);

	});

	$('.table-rowdblclickedit>tbody>tr').dblclick(function () {

		$(this).find(".fa-pencil")[0].click();

	});

	// Focus first input

	$(':input:enabled:visible:first').focus();

	$(".resizable").each(function() {

		$(this).css('height', 80).resizable({minHeight: 80, minWidth: 200}).parent().css('padding-bottom', 0);

		$(this).css('height', 78);

	});

	// Run in-page defined events

	while (func = window.events.shift())

		func();

});

// Implement data-toggle=disable

// Source: https://github.com/synergic-cz/synergic-ui/blob/master/src/js/disable.js

;(function($, window, document) {

	'use strict';

	var Disable = function($element) {

		this.$element = $element;

	};

	Disable.prototype.toggle = function() {

		this.$element.prop('disabled', !this.$element.prop('disabled'));

	};

	function Plugin(options) {

		$(document).trigger('toggle.sui.disable');

		this.each(function() {

			var $this = $(this);

			var data = $this.data('sui.disable');

			if (!data) {

				$this.data('sui.disable', (data = new Disable($this)));

			}

			if (options === 'toggle') {

				data.toggle();

			}

		});

		$(document).trigger('toggled.sui.disable');

		return this;

	}

	var old = $.fn.disable;

	$.fn.disable = Plugin;

	$.fn.disable.Constructor = Disable;

	$.fn.disable.noConflict = function() {

		$.fn.disable = old;

		return this;

	};

	(function(Plugin, $, window) {

		$(window).load(function() {

			var $controls = $('[data-toggle=disable]');

			$controls.each(function() {

				var $this = $(this);

				var eventType = $this.data('disable-event');

				if (!eventType) {

					eventType = 'change';

				}

				$this.on(eventType + '.sui.disable.data-api', function() {

					Plugin.call($($this.data('target')), 'toggle');

				});

			});

		});

	}(Plugin, $, window, document));

}(jQuery, window, document));