Class: DrgcmsFormFields::TextAutocomplete

Inherits:

DrgcmsField

• Object
• DrgcmsField
• DrgcmsFormFields::TextAutocomplete

Defined in:

app/models/drgcms_form_fields.rb

Overview

Implementation of text_autocomplete DRG CMS form field.

Form options:

• name: field name (required)

• type: text_autocomplete (required)

• table Collection (table) name. When defined search must contain field name

• search: Search may consist of three parameters from which are separated either by dot (.) or comma(,)

  • search_field_name; when table option is defined search must define field name which will be used for search query

  • collection_name.search_field_name; Same as above except that table options must be ommited.

  • collection_name.search_field_name.method_name; When searching is more complex custom search

  method may be defined in CollectionName model which will provide result set for search.

Form example:

10:
  name: user_id
  type: text_autocomplete
  search: dc_user.name
  html:
    size: 30

Instance Attribute Summary

Attributes inherited from DrgcmsField

#html, #js

Class Method Summary

• .get_data(params, name) ⇒ Object

  Return value.

Instance Method Summary

• #render ⇒ Object

  Render text_autocomplete field html code.

Methods inherited from DrgcmsField

#hash_to_options, #initialize, #record_text_for, #ro_standard, #set_initial_value, #t

Constructor Details

This class inherits a constructor from DrgcmsFormFields::DrgcmsField

Class Method Details

.get_data(params, name) ⇒ Object

Return value. Return nil if input field is empty

# File 'app/models/drgcms_form_fields.rb', line 1204

def self.get_data(params, name)
  params['record']["_#{name}"].blank? ? nil : params['record'][name]
end

Instance Method Details

#render ⇒ Object

Render text_autocomplete field html code

# File 'app/models/drgcms_form_fields.rb', line 1117

def render
# Return descriptive text and put it into input field
# search field name
  if @yaml['search'].class == Hash
    table    = @yaml['search']['table']
    ret_name = @yaml['search']['field']
    method   = @yaml['search']['method']
  elsif @yaml['search'].match(/\./)
    table, ret_name, method = @yaml['search'].split('.') 
  else
    ret_name = @yaml['search']
  end
# determine table name 
  if @yaml['table']
    table = if @yaml['table'].class == String
      @yaml['table']
# eval(how_to_get_my_table_name)    
    elsif @yaml['table']['eval']
      eval @yaml['table']['eval']
    else
      p "Field #{@yaml['name']}: Invalid table parameter!"
      nil
    end
  end
  return 'Table or field keyword not defined!' unless (table and ret_name)
# TODO check if table exists 
  t = table.classify.constantize
# find record and return value of field
  value_send_as = 'p_' + @yaml['name']
  value = if @parent.params[value_send_as]
    @parent.params[value_send_as]
  elsif @record and @record[@yaml['name']]
    @record[@yaml['name']]
  end
# Found value to be written in field  
  if value
    record = t.find(value)
    value_displayed = record.send(ret_name) if record      
  end
# return if readonly
  return ro_standard(value_displayed) if @readonly
# Add method back, so autocomplete will know that it must search for method inside class
  ret_name = "#{ret_name}.#{method}" if method
  @yaml['html'] ||= {}
  @yaml['html']['value'] = value_displayed
  @yaml['html']['placeholder'] ||= t('drgcms.two_chars') || nil
#    
  _name = '_' + @yaml['name']
  record = record_text_for(@yaml['name'])  
  @html << @parent.text_field(record, _name, @yaml['html'])
  if @yaml['with_new']
    @html << ' ' + 
             @parent.fa_icon('plus-square lg', class: 'in-edit-add', title: t('drgcms.new'), 
             style: "vertical-align: top;", 'data-table' => @yaml['with_new'] )    
  end
  @html << @parent.hidden_field(record, @yaml['name'], value: value)        # actual value will be in hidden field
# JS stuff    
  @js << <<EOJS
$(document).ready(function() {
  $("##{record}_#{_name}").autocomplete( {
    source: function(request, response) {
      $.ajax({
        url: '/dc_common/autocomplete',
        type: "POST",
        dataType: "json",
        data: { input: request.term, table: "#{table}", search: "#{ret_name}" #{(',id: "'+@yaml['id'] + '"') if @yaml['id']} },
        success: function(data) {
          response( $.map( data, function(key) {
            return key;
          }));
        }
      });
    },
    change: function (event, ui) { 
      $("##{record}_#{@yaml['name']}").val(ui.item.id);
    },
    minLength: 2
  });
});
EOJS
    
  self 
end