cf-colors.php

<?php

/*
Plugin Name: CF Colors
Description: Selection of color swatches from ColourLovers.
Version: 2.1
Author: Crowd Favorite
Author URI: http://crowdfavorite.com
*/

/**
 * Copyright (c) 2010-2013 Crowd Favorite, Ltd. All rights reserved.
 * http://crowdfavorite.com
 *
 * Released under GPL v2
 * http://opensource.org/licenses/GPL-2.0
 *
 * **********************************************************************
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
 * **********************************************************************
 */


@define('CF_COLORS_ITEMS_PER_PAGE', 8);
@define('CF_COLORS', 'cf_colors');

if (!function_exists('cf_colors_admin_init')) { // loaded and API key check

@define('CF_COLORS_VERSION', '2.1');

function cf_colors_admin_init() {
	if (!empty($_GET['page']) && $_GET['page'] == basename(__FILE__)) {
		add_action('admin_head', 'cf_colors_admin_css');
		
		$plugin_dir = trailingslashit(get_template_directory_uri()).'plugins/'.basename(__FILE__, '.php');
		
		// colorpicker version is the last entry date from the changelog since it doesn't appear to have a version defined
		wp_enqueue_script('jquery-colorpicker', $plugin_dir.'/js/colorpicker/js/colorpicker.js', array('jquery'), '20090523');
		wp_enqueue_style('jquery-colorpicker', $plugin_dir.'/js/colorpicker/css/colorpicker.css', array(), '20090523', 'screen');
		
		// our js
		$css_preview_template = sprintf(cf_colors_admin_preview_css_template(), '-0-', '-1-', '-2-', '-3-', '-4-');
		$css_preview_template = preg_replace("/[\n|\t]/", '', $css_preview_template);
		wp_enqueue_script('cf-colors', $plugin_dir.'/js/cf-colors.js', array('jquery', 'colorpicker', 'jquery-ui-sortable'), CF_KULER_VERSION);
		$loading = __('Loading...', 'cf-colors'); // have to assign here because PHP 5.2 stinks
		wp_localize_script('cf-colors', 'cf_colors_settings', array(
			'preview_css_template' => $css_preview_template,
			'loading' => $loading
		));	
	}
}
add_action('admin_init', 'cf_colors_admin_init');

/* Let's load some styles that will be used on all theme setting pages */
function cf_colors_admin_css() {
    $cfcp_admin_styles = get_template_directory_uri().'/plugins/cf-colors/css/admin.css';
    echo '<link rel="stylesheet" type="text/css" href="' . $cfcp_admin_styles . '" />';
	echo cf_colors_admin_preview_css();
}

function cf_colors_admin_preview_css() {
	$css = sprintf(cf_colors_admin_preview_css_template(),
	 	cf_colors_color('darkest'),
		cf_colors_color('dark'),
		cf_colors_color('medium'),
		cf_colors_color('light'),
		cf_colors_color('lightest')
	);
	return apply_filters('cfcp_admin_preview_css', $css);
}

function cf_colors_admin_preview_css_template() {
	return '
		<style type="text/css" media="screen" title="kuler-preview-css">
			.cf-kuler-preview-header, 
			.cf-kuler-preview-featured {
				background-color: %s;
			}
			.cf-kuler-preview-masthead,
			.cf-kuler-preview-footer {
				background-color: %s;
			}
			.cf-kuler-preview-bio {
				background-color: %s;
			}
			.cf-kuler-preview-widget {
				background-color: %s;
			}
			.cf-kuler-preview-logo,
			.cf-kuler-preview-link li {
				background-color: %s;
			}
		</style>';
}

if (!function_exists('cf_sort_hex_colors')) {
	function cf_sort_hex_colors($colors) {
		$map = array(
			'0' => 0,
			'1' => 1,
			'2' => 2,
			'3' => 3,
			'4' => 4,
			'5' => 5,
			'6' => 6,
			'7' => 7,
			'8' => 8,
			'9' => 9,
			'a' => 10,
			'b' => 11,
			'c' => 12,
			'd' => 13,
			'e' => 14,
			'f' => 15,
		);
		$c = 0;
		$sorted = array();
		foreach ($colors as $color) {
			$color = strtolower(str_replace('#', '', $color));
			if (strlen($color) == 6) {
				$condensed = '';
				$i = 0;
				foreach (preg_split('//', $color, -1, PREG_SPLIT_NO_EMPTY) as $char) {
					if ($i % 2 == 0) {
						$condensed .= $char;
					}
					$i++;
				}
				$color_str = $condensed;
			}
			$value = 0;
			foreach (preg_split('//', $color_str, -1, PREG_SPLIT_NO_EMPTY) as $char) {
				$value += intval($map[$char]);
			}
			$value = str_pad($value, 5, '0', STR_PAD_LEFT);
			$sorted['_'.$value.$c] = '#'.$color;
			$c++;
		}
		ksort($sorted);
		return $sorted;
	}
}

function cf_colors_color($key = 'darkest', $context = null) {
	$color = '';
	if (!empty($context)) {
		$key = apply_filters('cf_colors_'.$context, $key);
	}
	if ($colors = cf_colors_get_colors()) {
		switch ($key) {
			case 'darkest':
				$color = $colors[0];
				break;
			case 'dark':
				$color = $colors[1];
				break;
			case 'medium':
				$color = $colors[2];
				break;
			case 'light':
				$color = $colors[3];
				break;
			case 'lightest':
				$color = $colors[4];
				break;
		}
	}
	return $color;
}

function cf_colors_get_colors() {
	$settings = cf_colors_get_settings();
	return apply_filters('cf-colors', $settings['colors']);
}

function cf_colors_get_settings() {
	return get_option(CF_COLORS, array(
		'colors' => array(
			'#196fbf',
			'#6ab1eb',
			'#96cded',
			'#d4efff',
			'#f0f9ff'
		),
		'theme' => array(
			'id' => 2852486,
			'guid' => 'http://www.colourlovers.com/palette/2852486/FavePersonal',
			'link' => 'http://www.colourlovers.com/palette/2852486/FavePersonal',
			'title' => 'FavePersonal',
			'author' => 'Crowd Favorite',
			'author_id' => null,
			'image' => 'http://www.colourlovers.com/paletteImg/196EBE/6AB1EA/95CCEC/D4EFFF/EFF9FF/FavePersonal.png',
			'swatches' => '#196ebe,#6ab1ea,#95ccec,#d4efff,#eff9ff'
		)
	));
}

function cf_colors_api_get($listType = 'rating', $resultOffset = 0, $numResults = 20) {
	switch ($listType) {
		case 'rating':
		case 'popular':
			$url = 'http://www.colourlovers.com/api/patterns/top';
			break;
		case 'recent':
			$url = 'http://www.colourlovers.com/api/patterns/new';
			break;
		case 'random':
			$url = 'http://www.colourlovers.com/api/patterns/random';
			break;
			
	}
	$params = compact('resultOffset', 'numResults');
	return cf_colors_api_request($url.'?'.http_build_query($params, null, '&'));
}

function cf_colors_api_search($keywords, $resultOffset = 0, $numResults = 20) {
	$url = 'http://www.colourlovers.com/api/patterns';
	$params = compact('keywords', 'resultOffset', 'numResults');
	return cf_colors_api_request($url.'?'.http_build_query($params, null, '&'));
}

function cf_colors_api_request($url) {
	$url .= '&format=json';

// using this results in a 403 Forbidden response. Why? No idea.
// 	$response = wp_remote_get($url, array(
// 		'timeout' => 20,
// 		'User-Agent' => 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:20.0) Gecko/20100101 Firefox/20.0'
// 	));

// using CURL directly instead
	$curl = curl_init();
	curl_setopt($curl, CURLOPT_URL, $url);
	curl_setopt($curl, CURLOPT_HEADER, false);
	curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
	$response = curl_exec($curl);
	curl_close($curl);
	
	$items = json_decode($response);

	$themes = array();
	foreach ($items as $item) {
		$theme = array(
			'id' => $id,
			'guid' => $item->id,
			'link' => $item->url,
			'title' => $item->title,
			'url' => $item->url,
			'image' => $item->imageUrl,
			'swatches' => $item->colors,
			'author' => $item->userName,
		);
		$theme['swatches'] = cf_sort_hex_colors($theme['swatches']);
		if (count($theme['swatches']) == 5) {
			$themes[cf_colors_theme_hash($theme)] = $theme;
		}
	}
	$numResults = count($themes);
	return compact('themes', 'found', 'numResults');
}

function cf_colors_theme_hash($theme) {
	$swatches = cf_sort_hex_colors($theme['swatches']);
// concat as string
	$str = '';
	foreach ($swatches as $swatch) {
		$str .= $swatch;
	}
// hash
	return md5($str);
}

function cf_colors_themes_html($themes) {
	$html = '';
	if (count($themes)) {
		foreach ($themes as $theme) {
			$html .= cf_colors_theme_html($theme);
		}
	}
	else {
		$html .= '<p class="none">'.__("Sorry, no colors found.", 'cf-colors').'</p>';
	}
	return $html;
}

function cf_colors_theme_html($theme) {
	$signature = md5(serialize($theme));
	$html = '
		<div class="cf-kuler-theme" data-swatches="'.implode(',', $theme['swatches']).'">
			'.cf_colors_theme_fields($theme).'
			<div class="cf-kuler-theme-swatches cf-clearfix">
				'.cf_colors_colors_list($theme['swatches']).'
				<div class="cf-kuler-theme-actions">
					<p><a id="preview-'.$signature.'" href="#preview-me" class="button cf-kuler-apply-preview">'.__('Preview', 'cf-colors').'</a></p>
					<p><a id="select-'.$signature.'" href="#selected-theme" class="button  cf-kuler-apply">'.__('Select', 'cf-colors').'</a></p>
				</div>
			</div>
			<p class="cf-kuler-theme-description">'.cf_colors_theme_desc($theme).'</p>
		</div>
	';
	return $html;
}

function cf_colors_colors_html($settings) {
	extract($settings); // extracts $colors & $theme
	$html = '
		<div class="cf-kuler-theme" data-swatches="'.implode(',', $colors).'">
			'.cf_colors_colors_list($colors).'
			<p id="cf-kuler-theme-description" class="cf-kuler-theme-description">'.cf_colors_theme_desc($theme, ($theme['swatches'] != implode(',', $colors))).'</p>
		</div>
	';
	return $html;
}

function cf_colors_colors_list($colors) {
	$html = '
		<ul>';
	foreach ($colors as $color) {
		$html .= '
			<li style="background-color: '.esc_attr($color).';"><a class="cf-kuler-theme-edit-swatch" href="#">'.__('edit', 'cf-colors').'</a></li>';
	}
	$html .= '
		</ul>';
	return $html;
}

function cf_colors_theme_desc($theme, $modified = false) {
	return ($modified ? __('Based on', 'cf-colors').' ' : '').'<a href="'.esc_url($theme['link']).'">'.esc_html($theme['title']).'</a> <em>'.__('by', 'cf-colors').' '.esc_html($theme['author']).'</em>';
}

function cf_colors_admin_ajax() {
	if (isset($_POST['request'])) {
		$api_request_type = $_POST['request'];
	}
	else {
		$api_request_type = 'get';
	}
// params
	$params = array(
		'listType' => null,
		'startIndex' => 0,
		'itemsPerPage' => CF_COLORS_ITEMS_PER_PAGE,
		'timeSpan' => null, // not currently in use
		'key' => null, // not currently in use
		'searchQuery' => null,
	);
	foreach ($params as $param => $v) {
		if (isset($_POST[$param])) {
			$params[$param] = stripslashes($_POST[$param]);
		}
	}
// execute search
	switch ($api_request_type) {
		case 'get':
			$result = cf_colors_api_get(
				$params['listType'], 
				$params['startIndex'], 
				$params['itemsPerPage']
			);
			break;
		case 'search':
			$result = cf_colors_api_search(
				$params['searchQuery'], 
				$params['startIndex'], 
				$params['itemsPerPage']
			);
			break;
		default:
			die();
			break;
	}

	$html = '<div class="cf-kuler-swatches cf-clearfix">'.cf_colors_themes_html($result['themes']).'</div>';

	$prev_page = $next_page = '';

	if ($params['startIndex'] > 0) {
		$prev_page = '<a href="#cf-colors-tabs" class="cf-kuler-paging prev" data-request="'.esc_attr($api_request_type).'" data-listtype="'.esc_attr($params['listType']).'" data-search="'.esc_attr($params['searchQuery']).'" data-start="'.esc_attr($params['startIndex'] - $params['itemsPerPage']).'" data-items="'.esc_attr($params['itemsPerPage']).'">&laquo; '.__('Previous', 'cf-colors').'</a>';
	}
	$next_page = '<a href="#cf-colors-tabs" class="cf-kuler-paging next" data-request="'.esc_attr($api_request_type).'" data-listtype="'.esc_attr($params['listType']).'" data-search="'.esc_attr($params['searchQuery']).'" data-start="'.esc_attr($params['startIndex'] + $params['itemsPerPage']).'" data-items="'.esc_attr($params['itemsPerPage']).'">'.__('Next', 'cf-colors').' &raquo;</a>';
	
	if ($params['listType'] == 'random') {
		$html .= '
			<div class="cf-kuler-pagination">
				<a href="#cf-colors-tabs" class="cf-kuler-paging center" data-request="'.esc_attr($api_request_type).'" data-listtype="'.esc_attr($params['listType']).'" data-start="0" data-items="1">'.__('Randomize', 'cf-colors').'</a>
			</div>';
	}
	else {
		$html .= '
			<div class="cf-kuler-pagination">'
				.$next_page.$prev_page.'
			</div>';
	}

	header('content-type: text/html');
	die($html);
}
add_action('wp_ajax_cf_kuler', 'cf_colors_admin_ajax');

/**
 * Grab the CSS output for altering the theme colors preview
 *
 * @return void
 */
function cf_colors_admin_preview_css_ajax() {
	add_filter('cf-colors', 'cf_colors_ajax_filter');
	$css = cf_colors_admin_preview_css(); // PHP 5.2
	$response = array(
		'success' => true,
		'css' => $css
	);
	header('content-type: text/javascript');
	echo json_encode($response);
	exit;
}
add_action('wp_ajax_cf_colors_preview_css', 'cf_colors_admin_preview_css_ajax');

/**
 * Filter in new colors passed in via ajax
 * Will ignore any passed in fields that contain more data than a full HEX color definition
 * so hacking will return a weird color set, but won't damage anything
 *
 * @param array $colors 
 * @return array
 */
function cf_colors_ajax_filter($colors) {
	if (!empty($_POST['cf_colors_colors'])) {
		$_colors = explode(',', $_POST['cf_colors_colors']);		
		array_map('trim', $_colors);
		foreach ($_colors as $k => $color) {
			if (preg_match('/^#[a-z0-9]{6}$/i', $color)) {
				$colors[$k] = $color;
			}
		}
	}
	return $colors;
}

function cf_colors_request_handler() {
	if (!empty($_POST['cf_action'])) {
		switch ($_POST['cf_action']) {
			case 'cf_colors_update_settings':
				check_admin_referer('cf_colors_update_settings');
				$colors = explode(',', stripslashes($_POST['cf_colors_colors']));
				$theme = array_map('stripslashes', $_POST['cf_colors_theme']);
				update_option(CF_COLORS, compact('colors', 'theme'));
				// let the cache plugins know that something changed
				$theme = get_current_theme();
				do_action( 'switch_theme', $theme );
				// done
				wp_redirect(admin_url('themes.php?page='.basename(__FILE__).'&updated=true'));
				die();
				break;
		}
	}
}
add_action('admin_init', 'cf_colors_request_handler');

function cf_colors_admin_menu() {
	add_theme_page(
		__('Color Settings', 'cf-colors'),
		__('Colors', 'cf-colors'),
		'edit_theme_options',
		basename(__FILE__),
		'cf_colors_settings_form'
	);
}
add_action('admin_menu', 'cf_colors_admin_menu');

function cf_colors_admin_bar() {
	global $wp_admin_bar;
	if (current_user_can('edit_theme_options')) {
		$wp_admin_bar->add_menu(array(
			'id' => 'cf-colors',
			'title' => __('Colors', 'cf-colors'),
			'href' => admin_url('themes.php?page='.basename(__FILE__)),
			'parent' => 'appearance'
		));
	}
}
add_action('wp_before_admin_bar_render', 'cf_colors_admin_bar');

function cf_colors_theme_fields($theme) {
	return '
	<input class="cf-kuler-theme-data" type="hidden" name="cf_colors_theme[id]" value="'.$theme['id'].'" /> 
	<input class="cf-kuler-theme-data" type="hidden" name="cf_colors_theme[guid]" value="'.$theme['guid'].'" /> 
	<input class="cf-kuler-theme-data" type="hidden" name="cf_colors_theme[link]" value="'.$theme['link'].'" /> 
	<input class="cf-kuler-theme-data" type="hidden" name="cf_colors_theme[title]" value="'.$theme['title'].'" /> 
	<input class="cf-kuler-theme-data" type="hidden" name="cf_colors_theme[author]" value="'.$theme['author'].'" /> 
	<input class="cf-kuler-theme-data" type="hidden" name="cf_colors_theme[author_id]" value="'.$theme['author_id'].'" /> 
	<input class="cf-kuler-theme-data" type="hidden" name="cf_colors_theme[image]" value="'.$theme['image'].'" /> 
	<input class="cf-kuler-theme-data" type="hidden" name="cf_colors_theme[swatches]" value="'.(is_array($theme['swatches']) ? implode(',', $theme['swatches']) : $theme['swatches']).'" />';
}

function cf_colors_color_picker($colors_html) {
	return '
		<div id="cf-kuler-color-picker" class="cfp-popover cfp-popover-top-center" style="display: none;">
			<div class="cfp-popover-notch"></div>
			<div class="cfp-popover-inner">
				<div class="cfp-popover-content">
					<p>'.__('Pick a new color:', 'cf-colors').'</p>
				</div>
				<div class="cfp-popover-content">
					<p>'.__('Or select from original theme colors:', 'cf-colors').'</p>
					<div class="theme-swatches">
						<div class="theme-swatches-container">
							'.$colors_html.'
						</div>
					</div>
				</div>
			</div>
		</div>';
}

function cf_colors_settings_form() {
	if ($settings = cf_colors_get_settings()) {
		$colors = $settings['colors'];
		$colors_html = cf_colors_colors_html($settings);
	}
	else {
		$colors = '';
		$colors_html = '';
	}

	$message = '';
	if (!empty($_GET['updated']) && $_GET['updated'] == true) {
		$message = '<div class="updated below-h2 fade cf-kuler-message-fade" id="message"><p>'.__('Settings updated.', 'cf-colors').'</p></div>';
	}
		
	print('
<div class="wrap cf-kuler-wrap cf-clearfix">
	'.screen_icon().'
	<h2>'.__('Color Settings', 'cf-colors').'</h2>
	'.$message.'
	<div class="cfcp-section">
		<h3 id="selected-theme" class="cfcp-section-title"><span>'.__('My Colors', 'cf-colors').'</span></h3>
		<div id="cf-kuler-swatch-selected" class="cf-clearfix">
			'.$colors_html.'
		</div>
		'.cf_colors_color_picker($colors_html).'
		<form id="cf_colors_settings_form" name="cf_colors_settings_form" action="'.admin_url('themes.php').'" method="post">
			<input type="hidden" name="cf_action" value="cf_colors_update_settings" />
			<input type="hidden" name="cf_colors_colors" id="cf_colors_colors" value="'.$colors.'" />
			<div id="cf-kuler-theme-info">
				');
	if (!empty($settings['theme'])) {
		echo cf_colors_theme_fields($settings['theme']);
	}
	print('
			</div>
			<p>
				<input type="button" name="preview_button" value="'.__('Preview', 'cf-colors').'" class="button" id="preview-selected" />
				<input type="submit" name="submit_button" value="'.__('Save Settings', 'cf-colors').'" class="button-primary" />
			</p>
		');
		wp_nonce_field('cf_colors_update_settings');
		print('
		</form>
	</div><!-- .cfcp-section -->

	<div class="cfcp-section" id="cf-colors-tabs">
		<h3 class="cfcp-section-title"><span>'.__('Browse Colors', 'cf-colors').'</span></h3>
		<div class="cf-nav">
			<form action="#" id="cf-kuler-search-form" data-start="0" data-page="'.CF_COLORS_ITEMS_PER_PAGE.'">
				<input type="text" name="cf_colors_search" id="cf_colors_search" />
				<input type="submit" class="button" name="" value="'.__('Search Colors', 'cf-colors').'" />
			</form>
			<ul id="cf-kuler-menu">
				<li><a href="#" data-request="get" data-listtype="popular" data-start="0" data-items="'.CF_COLORS_ITEMS_PER_PAGE.'">'.__('Popular', 'cf-colors').'</a></li>
				<li><a href="#" data-request="get" data-listtype="recent" data-start="0" data-items="'.CF_COLORS_ITEMS_PER_PAGE.'">'.__('New', 'cf-colors').'</a></li>
				<li><a href="#" data-request="get" data-listtype="random" data-start="0" data-items="'.CF_COLORS_ITEMS_PER_PAGE.'">'.__('Random', 'cf-colors').'</a></li>
			</ul>
		</div>
		<div id="cf-kuler-swatch-selector">
		</div>
	</div><!-- .cfcp-section -->
</div>


<div id="cf-kuler-preview" class="cfp-popover" style="display: none;">
	<div class="cfp-popover-notch"></div>
	<div class="cfp-popover-inner">
		<div class="cfp-popover-content">
			<div class="cf-kuler-preview-page">
				<div class="cf-kuler-preview-header">
					<div class="cf-kuler-preview-logo"></div>
					<ul class="cf-kuler-preview-link">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="cf-kuler-preview-masthead">
					<div class="cf-kuler-preview-featured"></div>
					<div class="cf-kuler-preview-featured"></div>
					<div class="cf-kuler-preview-featured"></div>
				</div>
				<div class="cf-kuler-preview-sidebar">
					<div class="cf-kuler-preview-bio"></div>
					<div class="cf-kuler-preview-widget"></div>
					<div class="cf-kuler-preview-widget"></div>
				</div>
				<div class="cf-kuler-preview-footer"></div>
			</div><!--.cf-kuler-preview-page-->		
		</div><!--.cfp-popover-content-->
	</div><!--.cfp-popover-inner-->
</div><!--#cf-kuler-preview-->
<script type="text/javascript">
	jQuery(function($) {
		$("#cf-kuler-menu li:first-child a").trigger("click");
	});
</script>
	');
}

} // end loaded and API key present check

//a:23:{s:11:"plugin_name";N;s:10:"plugin_uri";N;s:18:"plugin_description";N;s:14:"plugin_version";N;s:6:"prefix";s:8:"cf_kuler";s:12:"localization";N;s:14:"settings_title";s:14:"Color Settings";s:13:"settings_link";s:6:"Colors";s:4:"init";b:0;s:7:"install";b:0;s:9:"post_edit";b:0;s:12:"comment_edit";b:0;s:6:"jquery";b:0;s:6:"wp_css";b:0;s:5:"wp_js";b:0;s:9:"admin_css";s:1:"1";s:8:"admin_js";s:1:"1";s:8:"meta_box";b:0;s:15:"request_handler";b:0;s:6:"snoopy";b:0;s:11:"setting_cat";b:0;s:14:"setting_author";b:0;s:11:"custom_urls";b:0;}