AnonymousFox

/home/develito/www/media/nnframework/js/colorpicker.js

/**
 * @package NoNumber Framework
 * @version 16.3.3874
 * 
 * @author Peter van Westen <peter@nonumber.nl>
 * @link http://www.nonumber.nl
 * @copyright Copyright © 2016 NoNumber All Rights Reserved
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */

/**
 * LOOSELY BASED ON:
 * Very simple jQuery Color Picker
 * Copyright (C) 2012 Tanguy Krotoff
 * Licensed under the MIT license
 */

(function($) {
	"use strict";

var nnColorPicker = function(element, options) {
		this.select = $(element);
		this.options = $.extend({}, $.fn.nncolorpicker.defaults, options);

this.select.hide();

// Build the list of colors
		var list = '';
		$('option', this.select).each(function() {
			var option = $(this);
			var color = option.val();
			if (option.text() == '-') {
				list += ' ';
			} else {
				var clss = 'nncolorpicker-swatch';
				if (color == 'none') {
					clss += ' nocolor';
					color = 'transparent';
				}
				if (option.attr('selected')) {
					clss += ' active';
				}
				list += '';
			}
		});

var color = this.select.val();
		var clss = 'nncolorpicker-swatch';
		if (color == 'none') {
			clss += ' nocolor';
			color = 'transparent';
		}
		this.icon = $('').insertAfter(this.select);
		this.icon.on('click', $.proxy(this.show, this));

this.panel = $('').appendTo(document.body);
		this.panel.html(list);
		this.panel.on('click', $.proxy(this.click, this));

// Hide panel when clicking outside
		$(document).on('mousedown', $.proxy(this.hide, this));
		this.panel.on('mousedown', $.proxy(this.mousedown, this));

};

/**
	 * nnColorPicker class
	 */
	nnColorPicker.prototype = {
		constructor: nnColorPicker,

show: function() {
			var bootstrapArrowWidth = 16; // Empirical value
			var pos = this.icon.offset();
			this.panel.css({
				left: pos.left + this.icon.width() / 2 - bootstrapArrowWidth, // Middle of the icon
				top : pos.top + this.icon.outerHeight()
			});

this.panel.show(this.options.delay);
		},

hide: function() {
			this.panel.hide(this.options.delay);
		},

click: function(e) {
			var target = $(e.target);
			if (target.length === 1) {
				if (target[0].nodeName.toLowerCase() === 'span') {
					// When you click on a color

var color = '';
					var bgcolor = '';
					var clss = '';
					if (target.parent().hasClass('nocolor')) {
						color = 'none';
						bgcolor = 'transparent';
						clss = 'nocolor';
					} else {
						color = this.rgb2hex(target.css('background-color'));
						bgcolor = color;
					}

// Mark this div as the selected one
					target.parent().siblings().removeClass('active');
					target.parent().addClass('active');

this.icon.removeClass('nocolor').addClass(clss);
					this.icon.find('span').css('background-color', bgcolor);

// Hide the panel
					this.hide();

// Change select value
					this.select.val(color).change();
				}
			}
		},

/**
		 * Prevents the mousedown event from "eating" the click event.
		 */
		mousedown: function(e) {
			e.stopPropagation();
			e.preventDefault();
		},

/**
		 * Converts a RGB color to its hexadecimal value.
		 *
		 * See http://stackoverflow.com/questions/1740700/get-hex-value-rather-than-rgb-value-using-$
		 */
		rgb2hex: function(rgb) {
			function hex(x) {
				return ("0" + parseInt(x, 10).toString(16)).slice(-2);
			}

var matches = rgb.match(/^rgb$(\d+),\s*(\d+),\s*(\d+)$$/);
			if (matches === null) {
				// Fix for Internet Explorer < 9
				// Variable rgb is already a hexadecimal value
				return rgb;
			} else {
				return '#' + hex(matches[1]) + hex(matches[2]) + hex(matches[3]);
			}
		}
	};

/**
	 * Plugin definition.
	 */
	$.fn.nncolorpicker = function(option) {
		// For HTML element passed to the plugin
		return this.each(function() {
			var self    = $(this),
				data    = self.data('nncolorpicker'),
				options = typeof option === 'object' && option;
			if (!data) {
				self.data('nncolorpicker', (data = new nnColorPicker(this, options)));
			}
			if (typeof option === 'string') {
				data[option]();
			}
		});
	};

$.fn.nncolorpicker.Constructor = nnColorPicker;

/**
	 * Default options.
	 */
	$.fn.nncolorpicker.defaults = {
		// Animation delay
		delay: 0
	};

$(document).ready(function() {
		$('select.nncolorpicker').nncolorpicker();
	});
})(jQuery);