Warning: chmod(): Operation not permitted in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8
[0] in function chmod in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8
[1] in function include_once in /var/www/hopeinstoughton_www/wp-settings.php on line 560
[2] in function require_once in /var/www/hopeinstoughton_www/wp-config.php on line 85
[3] in function require_once in /var/www/hopeinstoughton_www/wp-load.php on line 50
[4] in function require_once in /var/www/hopeinstoughton_www/wp-blog-header.php on line 13
[5] in function require in /var/www/hopeinstoughton_www/index.php on line 17

<?php

namespace modules\colorpicker;

class main extends \moduleMain {

	use \modules\output\traits {
			\modules\output\traits::__construct as __ConstructOutput;
		}

	private $active = FALSE;

	public function __construct() {
		parent::__construct(__DIR__);
		$this->__ConstructOutput();
	}

	public function Activate() {
		hook_add('component.add', [$this, '__component']);
		hook_add('html.prepare', [$this, '__head']);
		hook_add('config.html', [$this, '__field']);
		hook_add('config.preload', [$this, '__preload']);
	}

	// intercept password fields
	public function __component(&$status, $requested) {
		if ($requested == 'colorpicker') {
			$this->active = TRUE;
		}
	}
	
	public function __preload($fieldtypes) {
		if (in_array('colorpicker', $fieldtypes)) {
			$this->active = TRUE;
		}
	}

	public function __head(&$theme) {
		if ($this->active) {
			$base = $this->StaticUriModule(__DIR__);
			$id = $theme->IncludeFile($base . '/classic.min.css');
            
            $css = <<<BLOCK
.pickr {
    display: inline-block;
    margin-left: 2px;
    vertical-align: bottom;
}
.pickr .pcr-button {
    border: 1px solid #000;
    height: 1.6em;
    width: 1.6em;
}

BLOCK;
            $id->AddCSS($css);
            
			$theme->IncludeFile("$base/pickr.min.js", 'pickr');
			//$theme->IncludeFile("$base/pickr.js", 'pickr');
			$theme->IncludeFile("$base/colorpicker.js")->depends('pickr');
		}
	}

	// this is in a subframe - the colorpicker stuff has not been added to the parent frame
	public function __field(&$html, $info) {
		if ($info->type == 'colorpicker') {
			$this->active = TRUE;
			$x = htmlspecialchars($info->value);
			$html = <<<BLOCK
<input type="text" name="{$info->name}" class="component-colorpicker action-colorpicker" 
		href="{$info->baseuri}/{$info->hash}-{$info->name}/{$info->auth}"
		data-module="{$info->hash}" data-field="{$info->name}"
		style="width:80px" size="10" value="$x" readonly>
BLOCK;
		}
	}
	

}

/*
  const pickr = new Pickr({
    el: '.example',

    default: '#ffffff',

    components: {

        preview: true,
        opacity: true,
        hue: true,

        output: {
            hex: true,
            rgba: true,
            hsva: true,
            input: true
        },
    },
});
*/