/**
*
* Registers the needed assets
*/
public function registerAssets()
{
$view = $this->getView();
$value = $this->hasModel() ? Html::getAttributeValue($this->model, $this->attribute) : $this->value;
$this->html5Options['value'] = $value;
ColorInputAsset::register($view);
if ($this->useNative) {
parent::registerAssets();
return;
}
\kartik\base\Html5InputAsset::register($view);
$caption = 'jQuery("#' . $this->options['id'] . '")';
$input = 'jQuery("#' . $this->html5Options['id'] . '")';
$this->pluginOptions['change'] = new JsExpression("function(color){\n _.delay(function()\n {\n {$caption}.val(color." . $this->saveValueAs . "());\n }, 500);\n }");
$this->registerPlugin('spectrum', $input);
$js = <<<JS
{$input}.spectrum('set','{$value}');
{$caption}.on('change', function(){
{$input}.spectrum('set',{$caption}.val());
});
JS;
$view->registerJs($js);
}
