Na}{

File Content: `icon-picker.php`

<?php


/**
 *  Main list of icon library
 */
if( !function_exists('tste_labtechco_icon_libraries') ){
function tste_labtechco_icon_libraries(){
	
	/**
	There are three steps to add new icon library:
	
	1. Add library in this array
	2. Upload icon library files in /themestek-labtechco/extras/icon-picker/icon-libraries/ folder.
	3. Create new JS array file (iconset file) as /themestek-labtechco/extras/icon-picker/iconset/icon-LIBRARY.js file.
	
	Don't use - (dash) in folder or file name of icon library. Use _ (underscore) instead.
	
	*/
	 
	
	// Icon picker libraries
	$icon_library = array(
		//																									 /libraries/icon-libraries
		'fontawesome' => array( esc_attr__( 'FontAwesome', 'labtechco' ),		'fa fa-ok',					'/font-awesome/css/font-awesome.min.css' ),
		'themify'     => array( esc_attr__( 'Themify icons', 'labtechco' ),		'ti-location-pin',			'/themify-icons/themify-icons.css' ),
		'sgicon'      => array( esc_attr__( 'Skotroke Gap Icon', 'labtechco' ),	'sgicon sgicon-WorldWide',	'/stroke-gap-icons/style.css' ),
		'vc_linecons' => array( esc_attr__( 'Linecons', 'labtechco' ),			'li_star', 					'/vc-linecons/vc_linecons_icons.min.css' ),
		'ts_labtechco_business_icon' => array( esc_attr__( 'Lab Icon', 'labtechco' ),	'ts-labtechco-business-icon-nuclear', 					'/ts-lab-icons/font/flaticon.css' ),
	);
	
	return $icon_library;
	
}
}


/**
 *  JS array files for icon libraries
 */
if( !function_exists('tste_labtechco_admin_iconpicker_scripts_styles') ){
function tste_labtechco_admin_iconpicker_scripts_styles() {
	
	$icon_libraries = tste_labtechco_icon_libraries();
	
	
	/** JS Files - Icon library array files **/
	foreach( $icon_libraries as $icon_id=>$icon_data ){
		wp_enqueue_script( 'iconset-'.$icon_id, THEMESTEK_LABTECHCO_URI . '/icon-picker/iconset/iconset-'.$icon_id.'.js', array( 'bootstrap' ) );
	}
	
	
	/** CSS Files - from Theme package **/
	foreach( $icon_libraries as $icon_id=>$icon_data ){
		$icon_css  = $icon_data[2];
		if( $icon_id != 'fontawesome'){
			wp_enqueue_style( $icon_id, THEMESTEK_LABTECHCO_URI.'/icon-picker/icon-libraries'.$icon_css ); // from plugin
		}
	}
	
	
	/** Base Icon Picker **/
	
	// Bootstrap icon picker
	wp_enqueue_script( 'bootstrap', THEMESTEK_LABTECHCO_URI . '/libraries/bootstrap/js/bootstrap.min.js', array( 'jquery' ) );
	
	// Bootstrap icon picker
	wp_enqueue_script( 'bootstrap-iconpicker', THEMESTEK_LABTECHCO_URI . '/libraries/bootstrap-iconpicker/js/bootstrap-iconpicker.js', array( 'bootstrap' ) );
	
	// Bootstrap icon picker - CSS
	wp_enqueue_style( 'bootstrap-iconpicker', THEMESTEK_LABTECHCO_URI . '/libraries/bootstrap-iconpicker/css/bootstrap-iconpicker.min.css' );
	
	// icon picker
	wp_enqueue_script( 'ts-icon-picker', THEMESTEK_LABTECHCO_URI . '/icon-picker/icon-picker.js', array( 'jquery' ) );
	
	
}
}
add_action( 'admin_enqueue_scripts', 'tste_labtechco_admin_iconpicker_scripts_styles' );








/**
 *  CSS libraries for frontend
 */
if( !function_exists('tste_labtechco_icon_libraries_css') ){
function tste_labtechco_icon_libraries_css() {
	
	$icon_libraries = tste_labtechco_icon_libraries();
	
	/** CSS Files - from Theme package **/
	foreach( $icon_libraries as $icon_id=>$icon_data ){
		if( $icon_id == 'fontawesome' ){ $icon_id = 'font-awesome'; }  // This is to make it compatible with VC font awesome library
		$icon_css  = $icon_data[2];
		wp_enqueue_style( $icon_id, THEMESTEK_LABTECHCO_URI.'/icon-picker/icon-libraries'.$icon_css ); // from plugin
	}

	
}
}
add_action( 'wp_enqueue_scripts', 'tste_labtechco_icon_libraries_css' );






/**
 *  Admin inline JS code.. specially added for iconpicker init function
 */
if( !function_exists('tste_labtechco_admin_iconpicker_library') ){
function tste_labtechco_admin_iconpicker_library(){
	?>
	
	<script>
		
		"use strict";
		
		;(function($){ 

			// ICONPICKER PUBLIC CLASS DEFINITION
			// ==============================
			var Iconpicker = function (element, options) {
			  this.$element = $(element);
			  this.options  = $.extend({}, Iconpicker.DEFAULTS, this.$element.data());
			  this.options  = $.extend({}, this.options, options);
			};
			
			// ICONPICKER ICONSET_EMPTY
			// ==============================
			Iconpicker.ICONSET_EMPTY = {
				iconClass: '',
				iconClassFix: '',
				icons: []
			};

			// ICONPICKER ICONSET
			// ==============================
			Iconpicker.ICONSET = {
				_custom: null,
				
				<?php
					$icon_libraries = tste_labtechco_icon_libraries();
					$x=1;
					foreach( $icon_libraries as $library_id=>$library_data ){
						if( $x != 1 ){ echo ','; }
						echo ' '.$library_id.'	: jQuery.iconset_'.$library_id.' || Iconpicker.ICONSET_EMPTY' . "\n";
						$x++;
					}
					
				?>
				
			};
	
			// ICONPICKER DEFAULTS
			// ==============================
			Iconpicker.DEFAULTS = {
				align: 'center',
				arrowClass: 'btn-primary',
				arrowNextIconClass: 'glyphicon glyphicon-arrow-right',
				arrowPrevIconClass: 'glyphicon glyphicon-arrow-left',
				cols: 4,
				icon: '',
				iconset: 'glyphicon',
				header: true,        
				labelHeader: '{0} / {1}',
				footer: true,
				labelFooter: '{0} - {1} of {2}',
				placement: 'bottom',
				rows: 4,
				search: true,
				searchText: 'Search icon',
				selectedClass: 'btn-warning',
				unselectedClass: 'btn-default'
			};

			// ICONPICKER PRIVATE METHODS
			// ==============================    
			Iconpicker.prototype.bindEvents = function () {
				var op = this.options;
				var el = this;
				op.table.find('.btn-previous, .btn-next').off('click').on('click', function(e) {
					e.preventDefault();
					var inc = parseInt($(this).val(), 10);
					el.changeList(op.page + inc);
				});
				op.table.find('.btn-icon').off('click').on('click', function(e) {
					e.preventDefault();
					el.select($(this).val());
					if(op.inline === false){
						el.$element.popover('destroy');
					}
					else{
						op.table.find('i.' + $(this).val()).parent().addClass(op.selectedClass);
					}
				});
				op.table.find('.search-control').off('keyup').on('keyup', function() {
					el.changeList(1);
				});
			};
			
			Iconpicker.prototype.changeList = function (page) {        
				this.filterIcons();
				this.updateLabels(page);
				this.updateIcons(page);
				this.options.page = page;
				this.bindEvents();
			};
			
			Iconpicker.prototype.filterIcons = function () {
				var op = this.options;
				var search = op.table.find('.search-control').val();
				if (search === "") {
					op.icons = Iconpicker.ICONSET[op.iconset].icons;
				}
				else {
					var result = [];
					$.each(Iconpicker.ICONSET[op.iconset].icons, function(i, v) {
					   if (v.indexOf(search) > -1) {
						   result.push(v);
					   }
					});
					op.icons = result;
				}
			};
			
			Iconpicker.prototype.removeAddClass = function (target, remove, add) {
				this.options.table.find(target).removeClass(remove).addClass(add);
				return add;
			};
			
			Iconpicker.prototype.reset = function () {
				this.updatePicker();                
				this.changeList(1);
			};
			
			Iconpicker.prototype.select = function (icon) {
				var op = this.options;
				var el = this.$element;
				op.selected = $.inArray(icon.replace(op.iconClassFix, ''), op.icons);
				if (op.selected === -1) {
					op.selected = 0;
					icon = op.iconClassFix + op.icons[op.selected];
				}
				if (icon !== '' && op.selected >= 0) {
					op.icon = icon;
					if(op.inline === false){
						el.find('input').val(icon);
						el.find('i').attr('class', '').addClass(op.iconClass).addClass(icon);
					}
					if(icon === op.iconClassFix){
						el.trigger({ type: "change", icon: 'empty' });
					}
					else {
						icon = op.iconClass + ' ' + icon;
						el.trigger({ type: "change", icon: icon }); 
					}
					op.table.find('button.' + op.selectedClass).removeClass(op.selectedClass);
				}
			};

			Iconpicker.prototype.switchPage = function (icon) {
				var op = this.options;
				op.selected = $.inArray(icon.replace(op.iconClassFix, ''), op.icons);
				
				if(op.selected >= 0) {
					var page = Math.ceil((op.selected + 1) / this.totalIconsPerPage());
					this.changeList(page);
				}        
				if(icon === ''){
					op.table.find('i.' + op.iconClassFix).parent().addClass(op.selectedClass);
				}
				else{
					op.table.find('i.' + icon).parent().addClass(op.selectedClass);
				}        
			};
			
			Iconpicker.prototype.totalPages = function () {
				return Math.ceil(this.totalIcons() / this.totalIconsPerPage());        
			};
			
			Iconpicker.prototype.totalIcons = function () {
				return this.options.icons.length;
			};
			
			Iconpicker.prototype.totalIconsPerPage = function () {
				if(this.options.rows === 0){
					return this.options.icons.length;
				}
				else{
					return this.options.cols * this.options.rows;
				}
			};
			
			Iconpicker.prototype.updateArrows = function (page) {
				var op = this.options;
				var total_pages = this.totalPages();
				if (page === 1) { 
					op.table.find('.btn-previous').addClass('disabled');
				}
				else {
					op.table.find('.btn-previous').removeClass('disabled');
				}
				if (page === total_pages || total_pages === 0) { 
					op.table.find('.btn-next').addClass('disabled');
				}
				else {
					op.table.find('.btn-next').removeClass('disabled');
				}
			};
			
			Iconpicker.prototype.updateIcons = function (page) {
				var op = this.options;
				var tbody = op.table.find('tbody').empty();
				var offset = (page - 1) * this.totalIconsPerPage();
				var length = op.rows;
				if(op.rows === 0){
					length = op.icons.length;
				}
				for (var i = 0; i < length; i++) {
					var tr = $('<tr></tr>');
					for (var j = 0; j < op.cols; j++) {
						var pos = offset + (i * op.cols) + j;
						var btn = $('<button class="btn ' + op.unselectedClass + ' btn-icon"></button>').hide();
						if (pos < op.icons.length) {
							var v = op.iconClassFix + op.icons[pos];
							btn.val(v).attr('title', v).append('<i class="' + op.iconClass + ' ' + v + '"></i>').show();
							
							var spaninner = $('<span class="ts-icon-tooltip"><i class="' + op.iconClass + ' ' + v + '"></i></span>');
							btn.append( spaninner );
							
							if (op.icon === v) {
								btn.addClass(op.selectedClass).addClass('btn-icon-selected');
							}
						}
						tr.append($('<td></td>').append(btn));
						
					}
					tbody.append(tr);
				}
			};
			
			Iconpicker.prototype.updateIconsCount = function () {
				var op = this.options;
				if(op.footer === true){
					var icons_count = [
						'<tr>',
						'   <td colspan="' + op.cols + '" class="text-center">',
						'       <span class="icons-count"></span>',
						'   </td>',
						'</tr>'
					];
					op.table.find('tfoot').empty().append(icons_count.join(''));
				}
			};
			
			Iconpicker.prototype.updateLabels = function (page) {
				var op = this.options;
				var total_icons = this.totalIcons();
				var total_pages = this.totalPages();
				op.table.find('.page-count').html(op.labelHeader.replace('{0}', (total_pages === 0 ) ? 0 : page).replace('{1}', total_pages));
				var offset = (page - 1) * this.totalIconsPerPage();
				var total = page * this.totalIconsPerPage();
				op.table.find('.icons-count').html(op.labelFooter.replace('{0}', offset + 1).replace('{1}', (total < total_icons) ? total: total_icons).replace('{2}', total_icons));
				this.updateArrows(page);        
			};
			
			Iconpicker.prototype.updatePagesCount = function () {
				var op = this.options;        
				if(op.header === true){
					var tr = $('<tr></tr>');
					for (var i = 0; i < op.cols; i++) {
						var td = $('<td class="text-center"></td>');
						if (i === 0 || i === op.cols - 1) {
							var arrow = [
								'<button class="btn btn-arrow ' + ((i === 0) ? 'btn-previous' : 'btn-next') + ' ' + op.arrowClass + '" value="' + ((i === 0) ? -1 : 1) + '">',
									'<span class="' + ((i === 0) ? op.arrowPrevIconClass : op.arrowNextIconClass) + '"></span>',
								'</button>'
							];
							td.append(arrow.join(''));
							tr.append(td);
						}
						else if (tr.find('.page-count').length === 0) {
							td.attr('colspan', op.cols - 2).append('<span class="page-count"></span>');
							tr.append(td);
						}
					}            
					op.table.find('thead').empty().append(tr);
				}
			};
			
			Iconpicker.prototype.updatePicker = function () {
				var op = this.options;
				if (op.cols < 4) {
					throw 'Iconpicker => The number of columns must be greater than or equal to 4. [option.cols = ' + op.cols + ']';
				}
				else if (op.rows < 0) {
					throw 'Iconpicker => The number of rows must be greater than or equal to 0. [option.rows = ' + op.rows + ']';
				}
				else {
					this.updatePagesCount();
					this.updateSearch();
					this.updateIconsCount();
				}
			};
			
			Iconpicker.prototype.updateSearch = function () {
				var op = this.options;
				var search = [
					'<tr>',
					'   <td colspan="' + op.cols + '">',
					'       <input type="text" class="form-control search-control" style="width: ' + op.cols * 39 + 'px;" placeholder="' + op.searchText + '">',
					'   </td>',
					'</tr>'
				];
				search = $(search.join(''));
				if (op.search === true) { 
					search.show();
				}
				else {
					search.hide();
				}
				op.table.find('thead').append(search);
			};
			
			// ICONPICKER PUBLIC METHODS
			// ==============================
			Iconpicker.prototype.setAlign = function (value) {
				this.$element.removeClass(this.options.align).addClass(value);
				this.options.align = value;
			};
			
			Iconpicker.prototype.setArrowClass = function (value) {
				this.options.arrowClass = this.removeAddClass('.btn-arrow', this.options.arrowClass, value);
			};
			
			Iconpicker.prototype.setArrowNextIconClass = function (value) {
				this.options.arrowNextIconClass = this.removeAddClass('.btn-next > span', this.options.arrowNextIconClass, value);
			};
			
			Iconpicker.prototype.setArrowPrevIconClass = function (value) {
				this.options.arrowPrevIconClass = this.removeAddClass('.btn-previous > span', this.options.arrowPrevIconClass, value);
			};
			
			Iconpicker.prototype.setCols = function (value) {
				this.options.cols = value;
				this.reset();
			};
				
			Iconpicker.prototype.setFooter = function (value) {
				var footer = this.options.table.find('tfoot');
				if (value === true) { 
					footer.show();
				}
				else {
					footer.hide();
				}
				this.options.footer = value;
			};
			
			Iconpicker.prototype.setHeader = function (value) {
				var header = this.options.table.find('thead');
				if (value === true) { 
					header.show();
				}
				else {
					header.hide();
				}
				this.options.header = value;
			};
			
			Iconpicker.prototype.setIcon = function (value) {
				this.select(value);
			};
			
			Iconpicker.prototype.setIconset = function (value) {
				var op = this.options;                
				if ($.isPlainObject(value)) {                    
					Iconpicker.ICONSET._custom = $.extend(Iconpicker.ICONSET_EMPTY, value);
					op.iconset = '_custom';
				}
				else if (!Iconpicker.ICONSET.hasOwnProperty(value)) {
					op.iconset = Iconpicker.DEFAULTS.iconset;
				}
				else {
					op.iconset = value;
				}
				op = $.extend(op, Iconpicker.ICONSET[op.iconset]);
				this.reset();
				this.select(op.icon);
			};
			
			Iconpicker.prototype.setLabelHeader = function (value) {
				this.options.labelHeader = value;
				this.updateLabels(this.options.page);
			};
			
			Iconpicker.prototype.setLabelFooter = function (value) {
				this.options.labelFooter = value;
				this.updateLabels(this.options.page);
			};
			
			Iconpicker.prototype.setPlacement = function (value) {
				this.options.placement = value;
			};
			
			Iconpicker.prototype.setRows = function (value) {
				this.options.rows = value;
				this.reset();
			};
			
			Iconpicker.prototype.setSearch = function (value) {
				var search = this.options.table.find('.search-control');
				if (value === true) { 
					search.show();
				}
				else {
					search.hide();
				}
				search.val('');
				this.changeList(1);
				this.options.search = value;
			};
			
			Iconpicker.prototype.setSearchText = function (value) {
				this.options.table.find('.search-control').attr('placeholder', value);
				this.options.searchText = value;
			};
			
			Iconpicker.prototype.setSelectedClass = function (value) {
				this.options.selectedClass = this.removeAddClass('.btn-icon-selected', this.options.selectedClass, value);
			};
			
			Iconpicker.prototype.setUnselectedClass = function (value) {
				this.options.unselectedClass = this.removeAddClass('.btn-icon', this.options.unselectedClass, value);
			};
			
			// ICONPICKER PLUGIN DEFINITION
			// ========================
			var old = $.fn.iconpicker;
			$.fn.iconpicker = function (option, params) {
				return this.each(function () {
					var $this = $(this);
					var data = $this.data('bs.iconpicker');
					var options = typeof option === 'object' && option;
					if (!data) {
						$this.data('bs.iconpicker', (data = new Iconpicker(this, options)));
					}
					if (typeof option === 'string') {
						if (typeof data[option] === 'undefined') {
							throw 'Iconpicker => The "' + option + '" method does not exists.';
						}
						else {
							data[option](params);
						}                
					}
					else{
						var op = data.options;                
						op = $.extend(op, {
							inline: false,
							page: 1,
							selected: -1,
							table: $('<table class="table-icons"><thead></thead><tbody></tbody><tfoot></tfoot></table>')
						});
						var name = (typeof $this.attr('name') !== 'undefined') ? 'name="' + $this.attr('name') + '"' : '';
						
						if($this.prop('tagName') === 'BUTTON'){
							$this.empty()
								.append('<i></i>')
								.append('<input type="hidden" ' + name + '></input>')
								.append('<span class="caret"></span>')
								.addClass('iconpicker'); 
							data.setIconset(op.iconset);
							$this.on('click', function(e) {
								e.preventDefault();
								$this.popover({
									animation: false,
									trigger: 'manual',
									html: true,
									content: op.table,
									container: 'body',
									placement: op.placement
								}).on('shown.bs.popover', function () {
									data.switchPage(op.icon);
									data.bindEvents();
								});
								$this.data('bs.popover').tip().addClass('iconpicker-popover');
								$this.popover('show');
							}); 
						}
						else{
							op.inline = true;
							data.setIconset(op.iconset);
							$this.empty()
								.append('<input type="hidden" ' + name + '></input>')
								.append(op.table)
								.addClass('iconpicker')
								.addClass(op.align);                
							data.switchPage(op.icon);
							data.bindEvents();
						}
										
					}
				});
			};

			$.fn.iconpicker.Constructor = Iconpicker;

			// ICONPICKER NO CONFLICT
			// ==================
			$.fn.iconpicker.noConflict = function () {
				$.fn.iconpicker = old;
				return this;
			};

			// ICONPICKER DATA-API
			// ===============
			$(document).on('click', 'body', function (e) {
				$('.iconpicker').each(function () {
					//the 'is' for buttons that trigger popups
					//the 'has' for icons within a button that triggers a popup
					if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
						$(this).popover('destroy');
					}
				});
			});

			$('button[role="iconpicker"],div[role="iconpicker"]').iconpicker();

		})(jQuery);
	
	</script>
	
	<?php
}
}
add_action('admin_head', 'tste_labtechco_admin_iconpicker_library');
Name	Size	Permission
icon-libraries	---	0755
iconset	---	0755
icon-picker.js	4839 bytes	0644
icon-picker.php	20224 bytes	0644
File Content: icon-picker.php

File Content: `icon-picker.php`
