<?php
namespace ColibriWP\Theme\Customizer\Controls;
use ColibriWP\Theme\Core\Utils;
class ColorControl extends VueControl {
public $type = 'colibri-color';
public $alpha = true;
protected $inline_content_template = true;
public static function sanitize( $value, $control_data, $default = '' ) {
if ( ! is_string( $value ) ) {
return '#000000';
}
$alpha = Utils::pathGet( $control_data, 'alpha', true );
$value = trim( $value );
if ( ! $alpha ) {
if ( strpos( $value, '#' ) === 0 ) {
return sanitize_hex_color( $value );
} else {
if ( strpos( $value, 'rgb(' ) === 0 ) {
$color = str_replace( ' ', '', $value );
sscanf( $color, 'rgb(%d,%d,%d)', $red, $green, $blue );
return 'rgb(' . $red . ',' . $green . ',' . $blue . ')';
}
if ( strpos( $value, 'rgba(' ) === 0 ) {
$color = str_replace( ' ', '', $value );
sscanf( $color, 'rgba(%d,%d,%d,%f)', $red, $green, $blue, $alpha );
return 'rgb(' . $red . ',' . $green . ',' . $blue . ')';
}
}
} else {
if ( strpos( $value, 'rgba' ) !== 0 ) {
return '';
} else {
$color = str_replace( ' ', '', $value );
sscanf( $color, 'rgba(%d,%d,%d,%f)', $red, $green, $blue, $alpha );
return 'rgba(' . $red . ',' . $green . ',' . $blue . ',' . $alpha . ')';
}
}
}
public function json() {
$json = parent::json();
$json['alpha'] = $this->alpha;
return $json;
}
protected function printVueContent() {
?>
<el-color-picker
v-model="value"
:size="size"
:show-alpha="alpha"
@change="setValue"
@active-change="activeChange"
<# (data.alpha == false) ? '': print('show-alpha') #>
>
</el-color-picker>
<?php
}
}