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"; }