<?php namespace Phpcmf\Field;
class Color extends \Phpcmf\Library\A_Field {
public function __construct(...$params) {
parent::__construct(...$params);
$this->fieldtype = ['VARCHAR' => 30];
$this->defaulttype = 'VARCHAR';
}
public function option($option) {
return ['
<div class="form-group">
<label class="col-md-2 control-label">'.dr_lang('附加到指定字段').'</label>
<div class="col-md-9">
<label><input type="text" class="form-control" size="10" name="data[setting][option][field]" value="'.$option['field'].'"></label>
<span class="help-block">'.dr_lang('对文本类型字段有效,会实时变动颜色').'</span>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">'.dr_lang('默认填充值').'</label>
<div class="col-md-9">
<label><input id="field_default_value" type="text" class="form-control" size="20" value="'.$option['value'].'" name="data[setting][option][value]"></label>
<label>'.$this->member_field_select().'</label>
<span class="help-block">'.dr_lang('也可以设置会员表字段,表示用当前登录会员信息来填充这个值').'</span>
</div>
</div>
',
'
<div class="form-group">
<label class="col-md-2 control-label">'.dr_lang('控件宽度').'</label>
<div class="col-md-9">
<label><input type="text" class="form-control" size="10" name="data[setting][option][width]" value="'.$option['width'].'"></label>
<span class="help-block">'.dr_lang('[整数]表示固定宽带;[整数%]表示百分比').'</span>
</div>
</div>'
];
}
public function output($value) {
return $value;
}
public function input($field, $value = '') {
if ($this->_not_edit($field, $value)) {
return $this->show($field, $value);
}
$name = $field['fieldname'];
$text = ($field['setting']['validate']['required'] ? '<span class="required" aria-required="true"> * </span>' : '').$field['name'];
$tips = $field['setting']['validate']['tips'] ? '<span class="help-block" id="dr_'.$name.'_tips">'.$field['setting']['validate']['tips'].'</span>' : '';
$width = \Phpcmf\Service::_is_mobile() ? '100%' : ($field['setting']['option']['width'] ? $field['setting']['option']['width'] : 200);
$style = 'style="width:'.$width.(is_numeric($width) ? 'px' : '').';"';
$value = $value ? $value : $this->get_default_value($field['setting']['option']['value']);
$str = '';
if (!defined('PHPCMF_FIELD_COLOR')) {
$str.= '
<link href="'.ROOT_THEME_PATH.'assets/global/plugins/bootstrap-colorpicker/css/colorpicker.css" rel="stylesheet" type="text/css" />
<link href="'.ROOT_THEME_PATH.'assets/global/plugins/jquery-minicolors/jquery.minicolors.css" rel="stylesheet" type="text/css" />
';
$str.= '<script type="text/javascript" src="'.ROOT_THEME_PATH.'assets/global/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>';
$str.= '<script type="text/javascript" src="'.ROOT_THEME_PATH.'assets/global/plugins/jquery-minicolors/jquery.minicolors.min.js"></script>';
define('PHPCMF_FIELD_COLOR', 1) }
$str.= '
<input type="text" class="form-control color '.$field['setting']['option']['css'].'" data-control="brightness" name="data['.$name.']" id="dr_'.$name.'" '.$style.' value="'.$value.'" >';
$str.= '
<script type="text/javascript">
$(function(){
$("#dr_'.$name.'").minicolors({
control: $("#dr_'.$name.'").attr("data-control") || "hue",
defaultValue: $("#dr_'.$name.'").attr("data-defaultValue") || "",
inline: "true" === $("#dr_'.$name.'").attr("data-inline"),
letterCase: $("#dr_'.$name.'").attr("data-letterCase") || "lowercase",
opacity: $("#dr_'.$name.'").attr("data-opacity"),
position: $("#dr_'.$name.'").attr("data-position") || "bottom left",
change: function(t, o) {
t && (o && (t += ", " + o), "object" == typeof console && console.log(t));
'.($field['setting']['option']['field'] ? '$("#dr_'.$field['setting']['option']['field'].'").css("color", $("#dr_'.$name.'").val());' : '').'
},
theme: "bootstrap"
});
});
</script>';
return $this->input_format($name, $text, $str.$tips);
}
public function show($field, $value = null) {
return $this->input_format($field['fieldname'], $field['name'], '<div class="form-control-static"><span style="color:'.$value.'" class="label label-danger"> </span></div>');
}
}