public function build()
{
$output = "";
if (parent::build() === false) {
return;
}
switch ($this->status) {
case "show":
$output = $this->value;
$output = "<div class='help-block' style='background-color:" . $output . "'> </div>";
break;
case "create":
case "modify":
Rapyd::css('colorpicker/css/bootstrap-colorpicker.min.css');
Rapyd::js('colorpicker/js/bootstrap-colorpicker.min.js');
$output = Form::text($this->name, $this->value, $this->attributes);
$output .= Rapyd::script("\n \$('#" . $this->name . "').colorpicker({\n format: 'hex'\n });");
break;
case "hidden":
$output = Form::hidden($this->name, $this->value);
break;
default:
}
$this->output = $output;
}
public function build()
{
$output = "";
if (parent::build() === false) {
return;
}
switch ($this->status) {
case "disabled":
case "show":
if ($this->type == 'hidden' || $this->value == "") {
$output = "";
} elseif (!isset($this->value)) {
$output = $this->layout['null_label'];
} else {
$output = nl2br(htmlspecialchars($this->value));
}
$output = "<div class='help-block'>" . $output . " </div>";
break;
case "create":
case "modify":
$output = Form::text($this->name, $this->value, $this->attributes);
break;
case "hidden":
$output = Form::hidden($this->name, $this->value);
break;
default:
}
$this->output = "\n" . $output . "\n" . $this->extra_output . "\n";
}
public function build()
{
$output = "";
unset($this->attributes['type']);
if (parent::build() === false) {
return;
}
switch ($this->status) {
case "show":
if (!isset($this->value)) {
$value = $this->layout['null_label'];
} else {
$value = str_replace($this->serialization_sep, ' ', $this->value);
}
$output = $value;
$output = "<div class='help-block'>" . $output . " </div>";
break;
case "create":
case "modify":
Rapyd::css('datepicker/datepicker3.css');
Rapyd::js('datepicker/bootstrap-datepicker.js');
if ($this->language != "en") {
Rapyd::js('datepicker/locales/bootstrap-datepicker.' . $this->language . '.js');
}
unset($this->attributes['id']);
//$this->attributes['class'] = "form-control";
$from = Form::text($this->name . '[from]', @$this->values[0], $this->attributes);
$to = Form::text($this->name . '[to]', @$this->values[1], $this->attributes);
$output = '
<div id="range_' . $this->name . '_container">
<div class="input-daterange">
<div class="input-group">
<div class="input-group-addon">≥</div>
' . $from . '
</div>
<div class="input-group">
<div class="input-group-addon">≤</div>
' . $to . '
</div>
</div>
</div>';
Rapyd::pop_script();
Rapyd::script("\n \$('#range_{$this->name}_container .input-daterange').datepicker({\n format: '{$this->formatToDate()}',\n language: '{$this->language}',\n todayBtn: 'linked',\n autoclose: true\n });");
break;
case "hidden":
$output = Form::hidden($this->name, $this->value);
break;
default:
}
$this->output = $output;
}
/**
* Render html of field.
*
* @return string
*/
public function render()
{
$attrs = array();
$id = $this->getHtmlId();
$name = $this->getHtmlName();
$value = $this->getValue();
$label = $this->getLabel();
$cssClass = 'text form-control';
$errorMessage = '';
$attrs['id'] = $id;
if (!$this->isValid) {
$errorMessage = sprintf("<span class='error'>%s</span>", $this->getErrorMessage());
$cssClass .= ' error';
}
$defaultValue = $this->getOption('default_value');
if (!strlen($value)) {
$value = $defaultValue;
}
if ($this->getOption('required') == 'true') {
$cssClass .= ' required';
}
if ($this->getOption('placeholder')) {
$attrs['placeholder'] = $this->getOption('placeholder');
}
if ($this->getOption('limit')) {
$attrs['maxlength'] = $this->getOption('limit');
}
$attrs['class'] = $cssClass;
$html = '';
if (!empty($label)) {
$html .= FormFacade::label($label);
}
$html .= FormFacade::text($name, $value, $attrs) . $errorMessage;
$html = sprintf($this->htmlItemTemplate, $html);
return $html;
}
public function build()
{
$output = "";
Rapyd::css('autocomplete/autocomplete.css');
Rapyd::js('autocomplete/typeahead.bundle.min.js');
Rapyd::js('template/handlebars.js');
unset($this->attributes['type']);
if (parent::build() === false) {
return;
}
switch ($this->status) {
case "disabled":
case "show":
if (!isset($this->value)) {
$output = $this->layout['null_label'];
} elseif ($this->value == "") {
$output = "";
} else {
if ($this->relation != null) {
$name = $this->rel_field;
$value = @$this->relation->get()->first()->{$name};
} else {
$value = $this->value;
}
$output = nl2br(htmlspecialchars($value));
}
$output = "<div class='help-block'>" . $output . " </div>";
break;
case "create":
case "modify":
if (Input::get("auto_" . $this->name)) {
$autocomplete = Input::get("auto_" . $this->name);
} elseif ($this->relation != null) {
$name = $this->rel_field;
$autocomplete = @$this->relation->get()->first()->{$name};
} elseif (count($this->local_options)) {
$autocomplete = $this->description;
} else {
$autocomplete = $this->value;
}
$output = Form::text("auto_" . $this->name, $autocomplete, array_merge($this->attributes, array('id' => "auto_" . $this->name))) . "\n";
$output .= Form::hidden($this->name, $this->value, array('id' => $this->name));
$output = '<span id="th_' . $this->name . '">' . $output . '</span>';
if ($this->remote) {
$script = <<<acp
var blod_{$this->name} = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('auto_{$this->name}'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: '{$this->remote}?q=%QUERY',
ajax: {
complete: function(response){
response.responseJSON.forEach(function (item) {
blod_{$this->name}.valueCache[item.{$this->record_label}] = item.{$this->record_id};
});
}
}
}
});
blod_{$this->name}.valueCache = {};
blod_{$this->name}.initialize();
\$('#th_{$this->name} .typeahead').typeahead({
highlight: true,
minLength: {$this->min_chars},
}, {
displayKey: '{$this->record_label}',
name: '{$this->name}',
source: blod_{$this->name}.ttAdapter(),
templates: {
suggestion: Handlebars.compile('{{{$this->record_label}}}')
}
}).on("typeahead:selected typeahead:autocompleted",
function (e,data) {
\$('#{$this->name}').val(data.{$this->record_id});
}).on("typeahead:closed,typeahead:change",
function (e,data) {
if ('{$this->must_match}') {
var _label = \$.trim(\$(this).val());
if ( !(_label in blod_{$this->name}.valueCache) ) {
\$('#{$this->name}').val('');
\$(this).val('');
} else {
//Fill data to hidden input, when direct copy data to input without choose from auto-complete results.
\$('#{$this->name}').val(blod_{$this->name}.valueCache[_label]);
}
} else {
if (\$(this).val() == '') {
\$('#{$this->name}').val('');
}
}
});
\$('#th_{$this->name} .typeahead').keypress(function (e) {
if (e.which == 13) {
e.preventDefault();
}
});
acp;
Rapyd::script($script);
} elseif (count($this->options)) {
$options = json_encode($this->local_options);
//options
$script = <<<acp
var {$this->name}_options = {$options};
var blod_{$this->name} = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: {$this->name}_options
});
blod_{$this->name}.initialize();
\$('#th_{$this->name} .typeahead').typeahead({
hint: true,
highlight: true,
minLength: {$this->min_chars}
},
{
name: '{$this->name}',
displayKey: 'value',
source: blod_{$this->name}.ttAdapter()
}).on("typeahead:selected typeahead:autocompleted",
function (e,data) {
\$('#{$this->name}').val(data.key);
}).on("typeahead:closed",
function (e,data) {
if (\$(this).val() == '') {
\$('#{$this->name}').val('');
}
});
acp;
Rapyd::script($script);
}
break;
case "hidden":
$output = Form::hidden($this->db_name, $this->value);
break;
default:
}
$this->output = "\n" . $output . "\n" . $this->extra_output . "\n";
}
public function build()
{
$output = "";
unset($this->attributes['type']);
if (parent::build() === false) {
return;
}
switch ($this->status) {
case "show":
if (!isset($this->value)) {
$value = $this->layout['null_label'];
} else {
$value = $this->isodatetimeToHuman($this->value);
}
$output = $value;
$output = "<div class='help-block'>" . $output . " </div>";
break;
case "create":
case "modify":
if ($this->value != "") {
if (!$this->is_refill) {
$this->value = $this->isodatetimeToHuman($this->value);
}
}
Rapyd::css('datetimepicker/datetimepicker3.css');
Rapyd::js('datetimepicker/bootstrap-datetimepicker.js');
if ($this->language != "en") {
Rapyd::js('datetimepicker/locales/bootstrap-datetimepicker.' . $this->language . '.js');
}
$output = Form::text($this->name, $this->value, $this->attributes);
Rapyd::script("\n \$('#" . $this->name . "').datetimepicker({\n format: '{$this->formatTodatetime()}',\n language: '{$this->language}',\n todayBtn: 'linked',\n autoclose: true\n });");
break;
case "hidden":
$output = Form::hidden($this->db_name, $this->value);
break;
default:
}
$this->output = $output;
}
public function build()
{
$output = "";
//typeahead
Rapyd::css('autocomplete/autocomplete.css');
Rapyd::js('autocomplete/typeahead.bundle.min.js');
Rapyd::js('template/handlebars.js');
//tagsinput
Rapyd::css('autocomplete/bootstrap-tagsinput.css');
Rapyd::js('autocomplete/bootstrap-tagsinput.min.js');
unset($this->attributes['type']);
if (parent::build() === false) {
return;
}
switch ($this->status) {
case "disabled":
case "show":
if (!isset($this->value)) {
$output = $this->layout['null_label'];
} else {
$output = $this->description;
}
$output = "<div class='help-block'>" . $output . " </div>";
break;
case "create":
case "modify":
$output = Form::text($this->name, '', array_merge($this->attributes, array('id' => "" . $this->name))) . "\n";
if ($this->remote) {
$script = <<<acp
\$('#{$this->name}').tagsinput({
itemValue: '{$this->record_id}',
itemText: '{$this->record_label}'
});
{$this->fill_tags}
var blod_{$this->name} = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('{$this->name}'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: '{$this->remote}?q=%QUERY'
});
blod_{$this->name}.initialize();
\$('#{$this->name}').tagsinput('input').typeahead(null, {
name: '{$this->name}',
displayKey: '{$this->record_label}',
highlight: true,
minLength: {$this->min_chars},
source: blod_{$this->name}.ttAdapter()
}).bind('typeahead:selected', \$.proxy(function (obj, data) {
this.tagsinput('add', data);
this.tagsinput('input').typeahead('val', '');
}, \$('#{$this->name}')));
acp;
Rapyd::script($script);
} elseif (count($this->options)) {
$options = json_encode($this->local_options);
//options
$script = <<<acp
var {$this->name}_options = {$options};
\$('#{$this->name}').tagsinput({
itemValue: 'key',
itemText: 'value'
});
{$this->fill_tags}
var blod_{$this->name} = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: {$this->name}_options
});
blod_{$this->name}.initialize();
\$('#{$this->name}').tagsinput('input').typeahead({
hint: true,
highlight: true,
minLength: {$this->min_chars}
},
{
name: '{$this->name}',
displayKey: 'value',
source: blod_{$this->name}.ttAdapter()
}).bind('typeahead:selected', \$.proxy(function (obj, data) {
this.tagsinput('add', data);
this.tagsinput('input').typeahead('val', '');
}, \$('#{$this->name}')));
acp;
Rapyd::script($script);
}
break;
case "hidden":
$output = Form::hidden($this->db_name, $this->value);
break;
default:
}
$this->output = "\n" . $output . "\n" . $this->extra_output . "\n";
}
