OwlCyberSecurity - MANAGER

Edit File: featuredColor.js

/*!
 * Visual Select - A jQuery plugin for replacing HTML select element with a visual selection tool.
 *
 * @version     1.3.0
 * @requires    jQuery 1.9+
 * @author      Averta [averta.net]
 * @package     Axiom Framework
 * @copyright   Copyright © 2017 Averta, all rights reserved
 */

;(function ( $, window, document, undefined ) {

"use strict";

// Create the defaults once
    var pluginName = 'AuxFeaturedColor',
        defaults = {},
        attributesMap = {};

// The actual plugin constructor
    function Plugin( element, options ) {
        this.element = element;
        this.$element = $(element);
        this.options = $.extend( {}, defaults, options) ;

// read attributes
        for ( var key in attributesMap ) {
            var value = attributesMap[ key ],
                dataAttr = this.$element.data( key );

if ( dataAttr === undefined ) {
                continue;
            }

this.options[ value ] = dataAttr;
        }

this._defaults = defaults;
        this._name = pluginName;

this.init();
    }

$.extend(Plugin.prototype, {

init : function(){
            var self = this,
                st = self.options;

this.$element.select2({
                dropdownCssClass: 'aux-featured-color-dropdown',
                minimumResultsForSearch: Infinity,
                templateResult: this.generateOptions,
                templateSelection: this.generateOptions
            });
        },

generateOptions: function( data ) {
 var $option = $(data.element),
 dataColor = $option.data('color'),
 $colorWrapper = $('').attr('class', 'aux-featured-color-item-wrapper'),
 $color = $('').attr('class', 'aux-featured-color-item'),
 $colorLabel = $('').attr('class', 'aux-featured-color-label').html( data.text );
 
 // Color Shape 
 if( typeof dataColor !== 'undefined' ) {

var $colorShape = $('').attr('class', 'aux-featured-color-shape');

if ( ! dataColor ) {
                    $colorShape.addClass('aux-featured-color-empty')
                } else {
                    $colorShape.css( 'background-color', dataColor );
                }

$colorShape.appendTo( $color );
            }

$colorLabel.appendTo( $color );
            $color.appendTo( $colorWrapper );

// Color Hex String 
 if( typeof dataColor !== 'undefined' ) {
 var $colorHex = $('').attr('class', 'aux-featured-color-hex');

if ( dataColor ) {
                    $colorHex.html( dataColor);
                }

$colorHex.appendTo($colorWrapper);

}
            
            return $colorWrapper;  
        }

});

$.fn[pluginName] = function ( options ) {
        var args = arguments;

// Is the first parameter an object (options), or was omitted,
        // instantiate a new instance of the plugin.
        if (options === undefined || typeof options === 'object') {
            return this.each(function () {

// Only allow the plugin to be instantiated once,
                // so we check that the element has no plugin instantiation yet
                if (!$.data(this, 'plugin_' + pluginName)) {

// if it has no instance, create a new one,
                    // pass options to our plugin constructor,
                    // and store the plugin instance
                    // in the elements jQuery data object.
                    $.data(this, 'plugin_' + pluginName, new Plugin( this, options ));
                }
            });

// If the first parameter is a string and it doesn't start
        // with an underscore or "contains" the `init`-function,
        // treat this as a call to a public method.
        } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {

// Cache the method call
            // to make it possible
            // to return a value
            var returns;

this.each(function () {
                var instance = $.data(this, 'plugin_' + pluginName);

// Tests that there's already a plugin-instance
                // and checks that the requested public method exists
                if (instance instanceof Plugin && typeof instance[options] === 'function') {

// Call the method of our plugin instance,
                    // and pass it the supplied arguments.
                    returns = instance[options].apply( instance, Array.prototype.slice.call( args, 1 ) );
                }

// Allow instances to be destroyed via the 'destroy' method
                if (options === 'destroy') {
                  $.data(this, 'plugin_' + pluginName, null);
                }
            });

// If the earlier cached method
            // gives a value back return the value,
            // otherwise return this to preserve chainability.
            return returns !== undefined ? returns : this;
        }
    }

}(jQuery, window, document));