drg_cms 0.4.39

data/app/helpers/drgcms_form_field.rb

@@ -0,0 +1,863 @@
+#--
+# Copyright (c) 2012+ Damjan Rems
+#
+# Permission is hereby granted, free of charge, to any person obtaining
+# a copy of this software and associated documentation files (the
+# "Software"), to deal in the Software without restriction, including
+# without limitation the rights to use, copy, modify, merge, publish,
+# distribute, sublicense, and/or sell copies of the Software, and to
+# permit persons to whom the Software is furnished to do so, subject to
+# the following conditions:
+#
+# The above copyright notice and this permission notice shall be
+# included in all copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+# EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+# MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+# LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+# OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+# WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+#++
+module DrgcmsFormField
+
+###########################################################################
+#
+###########################################################################
+class DrgcmsField
+attr_reader :html, :js
+
+def initialize( parent, record, yaml )
+  @parent = parent
+  @record = record
+  @yaml   = yaml
+  @form   = parent.form
+  @readonly = (@yaml and @yaml['readonly']) || (@form and @form['readonly'])
+  @html   = ''  
+  @js     = ''
+  self
+end
+
+####################################################################
+# Wrapper for i18 t method, with some spice added
+####################################################################
+def t(key, default='')
+  c = I18n.t(key)
+  if c.match( 'translation missing' )
+    c = I18n.t(key, locale: 'en') 
+# Still not found. Return default if set
+    c = default unless default.blank?
+  end
+  c
+end
+
+####################################################################
+# Standard code for return on readonly field
+####################################################################
+def ro_standard(value=nil)
+#  @html << "<span class='dc-readonly'>#{@record[@yaml['name']]}</span>" if @record.respond_to?(@yaml['name'])
+  value = @record[@yaml['name']] if value.nil? and @record.respond_to?(@yaml['name']) 
+  @html << "<table class='dc-readonly'><td>#{value}</td></table>"
+  self
+end
+
+####################################################################
+# Set value of the field when value is defined by params. Fields may be
+# intialized by setting params with name of the field preceding by p_.
+# 
+# Example: Form has field named picture. Field can be initialized by 
+# setting value of param p_picture.
+####################################################################
+def set_initial_value(opt1='html', opt2='value')
+  @yaml['html'] ||= {}
+  value_send_as = 'p_' + @yaml['name']
+  @yaml[opt1][opt2] = @parent.params[value_send_as] if @parent.params[value_send_as]
+end
+
+####################################################################
+# Will return ruby hash formated as javascript hash which can be used
+# for passing parameters in javascript code.
+####################################################################
+def hash_to_options(hash)
+  options = hash.to_a.inject('') do |r,v|
+    r << "#{v[0]}: #{v[1]},"
+  end
+  options.chomp(',')
+end
+
+###########################################################################
+# Default get_data method for retrieving data from object on the form into 
+# record to be saved.
+###########################################################################
+def self.get_data(params, name)
+  params['record'][name]
+end
+
+end
+
+###########################################################################
+# Create form field for displaying difference between two fields in journal
+###########################################################################
+class Readonly < DrgcmsField
+def render
+  @html << @parent.hidden_field('record', @yaml['name']) # retain field as hidden field
+  @html << '<table class="dc-readonly"><td>'
+  
+  @html << if @yaml['eval']
+    if @yaml['eval'].match('dc_name4_id')
+      a = @yaml['eval'].split(',')
+      @parent.dc_name4_id(a[1], a[2], @record[ @yaml['name'] ])
+    else
+      eval( "#{@yaml['eval']} '#{@record[ @yaml['name'] ]}'") 
+    end
+  else
+    @parent.dc_format_value(@record[@yaml['name']],@yaml['format'])    
+  end  
+  @html << '</td></table>'
+  self
+end
+end
+
+###########################################################################
+# Dummy HiddenField class so everything works as expected
+###########################################################################
+class HiddenField < DrgcmsField
+def render
+  set_initial_value
+  value = @yaml['html']['value'] ? @yaml['html']['value'] : @record[@yaml['name']]
+  @parent.hidden_field('record', @yaml['name'], value: value)
+end
+end
+
+###########################################################################
+# Creates html required to paint embedded object on input form.
+###########################################################################
+class Embedded < DrgcmsField
+
+def render
+  return self if @record.new_record?  # would be in error
+# HTML defaults. Some must be set    
+  @yaml['html'] ||= {}
+  @yaml['html']['height'] ||= 300
+  @yaml['html']['width']  ||= '99%'
+# defaults both way 
+#  p '**********************'
+#  p [@yaml['table'],@yaml['formname']]
+  @yaml['table']    ||= @yaml['formname'] if @yaml['formname']
+  @yaml['formname'] ||= @yaml['table'] if @yaml['table']
+#  p [@yaml['table'],@yaml['formname']]
+  html = ''  
+  @yaml['html'].each {|k,v| html << "#{k}=\"#{v}\" "}
+#  
+  tables      = @parent.tables.inject('') { |r,v| r << "#{v[1]};" } + @yaml['table']
+  ids         = @parent.ids.inject('') { |r,v| r << "#{v};" } + @record._id
+  opts = { controller: 'cmsedit', action: 'index', ids: ids, table: tables, formname: @yaml['formname'], 
+           iframe: "if_#{@yaml['name']}", readonly: @readonly }
+  @html << "<iframe class='iframe_embedded' id='if_#{@yaml['name']}' name='if_#{@yaml['name']}' #{html}></iframe>"
+  @js = <<EOJS
+$(document).ready( function() {
+  $('#if_#{@yaml['name']}').attr('src', '#{@parent.url_for(opts)}');
+});
+EOJS
+  self
+end
+
+end
+
+###########################################################################
+# Alias for Embedded. EmbeddedIframe will be deprecated.
+###########################################################################
+class EmbeddedIframe < Embedded 
+end
+
+###########################################################################
+# Create form field for displaying difference between two fields in journal
+###########################################################################
+class JournalDiff < DrgcmsField
+def render
+  @yaml['name'] = 'old' if @record[@yaml['name']].nil?
+  @html << '<table width="99%">'
+  JSON.parse(@record[@yaml['name']]).each do |k,v|
+    @html << "<tr><td style='background-color: #654ddd;'>#{@parent.check_box('select', k)} #{k}:</td></tr>
+             <tr><td style='background-color: #ffe;'>#{v[0]}</td></tr>
+             <tr><td style='background-color: #eff;'>#{v[1]}</td></tr>"
+  end
+  @html << '</table>'
+  self
+end
+end
+
+###########################################################################
+# Create form field for multitext_autocomplete
+###########################################################################
+class MultitextAutocomplete < DrgcmsField
+
+###########################################################################
+# returns value for readonly field
+###########################################################################
+def ro_standard(table, search)
+  result = ''
+  table = table.classify.constantize
+  return super('') if @record[@yaml['name']].nil?
+    @record[@yaml['name']].each do |element|
+      result << table.find(element)[search] + '<br>'
+    end
+  super(result)
+end
+
+###########################################################################
+# 
+###########################################################################
+def render
+# search field name
+  if @yaml['search'].match(/\./)
+    table, search = @yaml['search'].split('.') 
+  else
+    search = @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 search field not defined!' unless (table and search)
+# 
+  return ro_standard(table, search) if @readonly
+# put field to enter search data on form
+  @yaml['html'] ||= {}
+  @yaml['html']['value'] = ''   # must be. Otherwise it will look into record and return error
+  _name = '_' + @yaml['name']
+  @html << '<table class="ui-autocomplete-table"><td>'
+  @html << @parent.link_to(@parent.image_tag('drg_cms/add.png', class: 'dc-link-img'), '#',onclick: 'return false;') # dummy add. But it is usefull.
+  @html << ' ' << @parent.text_field('record', _name, @yaml['html'])                 # text field for autocomplete
+  @html << "<div id =\"record#{@yaml['name']}\">"                            # div to list active records
+# TODO check if table exists    
+  t = table.classify.constantize
+# find value for each field inside categories 
+  unless @record[@yaml['name']].nil?
+    @record[@yaml['name']].each do |element|
+# this is quick and dirty trick. We have model dc_big_table which can be used for retrive 
+# more complicated options
+# TODO retrieve choices from big_table
+      rec = if table == 'dc_big_table'
+        t.find(@yaml['name'], @parent.session)
+      else
+        t.find(element)
+      end
+# Related data is missing. It happends.
+      @html << if rec
+        link  = @parent.link_to(@parent.image_tag('drg_cms/x.png', class: 'dc-link-img'), '#',
+                onclick: "$('##{rec.id}').hide(); var v = $('#record_#{@yaml['name']}_#{rec.id}'); v.val(\"-\" + v.val());return false;")
+        field = @parent.hidden_field('record', "#{@yaml['name']}_#{rec.id}", value: element)
+        "<div id=\"#{rec.id}\">#{link} #{rec[search]}<br>#{field}</div>"
+      else
+        '** error **'
+      end
+    end
+  end
+  @html << "</div></td></table>"
+# Create text for div to be added when new category is selected  
+  link    = @parent.link_to(@parent.image_tag('drg_cms/x.png', class: 'dc-link-img'), '#', 
+            onclick: "$('#rec_id').hide(); var v = $('#record_#{@yaml['name']}_rec_id'); v.val(\"-\" + v.val());return false;")
+  field   = @parent.hidden_field('record', "#{@yaml['name']}_rec_id", value: 'rec_id')
+  one_div = "<div id=\"rec_id\">#{link} rec_search<br>#{field}</div>"
+    
+# JS stuff    
+  @js << <<EOJS
+$(document).ready(function() {
+  $("#record_#{_name}").autocomplete( {
+    source: function(request, response) {
+      $.ajax({
+        url: "#{ @parent.url_for( controller: 'dc_common', action: 'autocomplete' )}",
+        type: "POST",
+        dataType: "json",
+        data: { input: request.term, table: "#{table}", search: "#{search}" #{(',id: "'+@yaml['id'] + '"') if @yaml['id']} },
+        success: function(data) {
+/*          alert(data); */
+          response( $.map( data, function(key) {
+            return key;
+          }));
+        }
+      });
+    },
+    change: function (event, ui) { 
+      var div = '#{one_div}';
+      div = div.replace(/rec_id/g, ui.item.id)
+      div = div.replace('rec_search', ui.item.value)
+      $("#record#{@yaml['name']}").append(div);
+      $("#record_#{_name}").val('');
+    },
+    minLength: 2
+  });
+});
+EOJS
+
+  self 
+end
+
+###########################################################################
+# Method for retrieving data from multitext_autocomplete form field.
+###########################################################################
+def self.get_data(params, name)
+  r = []
+  params['record'].each do |k,v| 
+# if it starts with - then it was removed
+    r << BSON::ObjectId.from_string(v) if k.match("#{name}_") and v[0,1] != '-'
+  end
+  r.uniq!
+  r
+end
+
+end
+  
+###########################################################################
+# Create form field for select
+###########################################################################
+class Select < DrgcmsField
+  
+###########################################################################
+# Return values, when choices options will be returned by avaluating expression
+###########################################################################
+def do_eval(e)
+  e.strip!
+  method = e.split(/\ |\(/).first
+  return eval(e) if respond_to?(method) # id method defined here
+  return eval('@parent.'+e) if @parent.respond_to?(method) # is method defined in helpers
+# eval whatever it is
+  eval e
+end
+  
+###########################################################################
+# Return choices array for fields with choices
+###########################################################################
+def get_choices
+  begin
+    choices = case 
+    when @yaml['choices'] then @yaml['choices']
+    when @yaml['eval']    then
+      do_eval(@yaml['eval'])
+    else 
+      c = t('helpers.label.' + @form['table'] + '.choices4_' + @yaml['name'] )
+      c = 'Error' if c.match( 'translation missing' )
+      c
+    end
+  # Convert string to Array
+    choices.class == String ?
+      choices.chomp.split(',').inject([]) {|r,v| r << (v.match(':') ? v.split(':') : v )} :
+      choices
+  rescue
+    [] # return empty array when error occures
+  end
+end
+
+###########################################################################
+# Return value only when readonly is required
+###########################################################################
+def ro_standard
+  value = @record.respond_to?(@yaml['name']) ? @record[@yaml['name']] : nil
+  return super('') if value.nil?
+#  
+  get_choices.each do |choice|
+    if choice.class == Array
+      return super(choice.first) if choice.last == value
+    else
+      return super(choice) if choice == value
+    end  
+  end
+  super('')
+end
+
+###########################################################################
+#
+###########################################################################
+def render
+  return ro_standard if @readonly
+  set_initial_value('html','selected')
+ #
+  @yaml['html'].symbolize_keys!
+  @html << @parent.select('record', @yaml['name'], get_choices, @yaml['html'])
+  self
+end
+
+end
+
+###########################################################################
+# Create form field for select
+###########################################################################
+class CheckBox < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+  set_initial_value('html','default')
+# checked flag must be set    
+  @yaml['html']['checked'] = !@parent.dc_dont?(@yaml['html']['default']) if @yaml['html']['default']
+# disable it if readonly  
+  @yaml['html']['disabled'] = @readonly ? true : nil
+# If choices are present split them to set checked and unchecked value     
+  @yaml['checked_value'], @yaml['unchecked_value'] = @yaml['choices'].split(',') if @yaml['choices']
+  @yaml['html'].symbolize_keys!
+  @html << if @yaml['checked_value']
+    @parent.check_box('record', @yaml['name'], @yaml['html'], @yaml['checked_value'], @yaml['unchecked_value'] || '0')
+  else
+    @parent.check_box('record', @yaml['name'], @yaml['html'])
+  end
+  self
+end
+end
+
+###########################################################################
+# Create comment form field
+###########################################################################
+class Comment < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+  @html << @yaml['text']
+  self
+end
+end
+
+###########################################################################
+# Create link_to form field
+###########################################################################
+class LinkTo < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+  @yaml['html'] ||= {}
+  @yaml['html']['class'] ||= 'dc-submit'
+  @yaml['html'].symbolize_keys!
+#
+  url = @yaml['url'] || "#{@yaml[:controller]}/#{@yaml[:action]}/#{@yaml[:id]}"
+  url.gsub!('//','/')                             # no action and id
+  url = '/' + @yaml['url'] unless url[0,1] == '/' # no leading /
+  url.chop if url[0,-1] == '/'                    # remove trailing /
+#
+  @html << @parent.link_to(@yaml['text'], url, @yaml['html'])
+  self
+end
+end
+
+###########################################################################
+# Create submit_tag form field
+###########################################################################
+class SubmitTag < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+  @yaml['html'] ||= {}
+  @yaml['html']['class'] ||= 'dc-submit'
+  @yaml['html'].symbolize_keys!
+  text = @yaml['caption'] || @yaml['text']
+  text = t(@yaml['text']) if text.match(/\./)
+  
+  @html << @parent.submit_tag(text, @yaml['html'])
+  self
+end
+end
+
+###########################################################################
+# Create Password form field
+###########################################################################
+class PasswordField < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+  return self if @readonly
+  @yaml['html'] ||= {}
+  @html << @parent.password_field('record', @yaml['name'], @yaml['html'])
+  self
+end
+end
+
+###########################################################################
+# Create date_select form field
+###########################################################################
+class DateSelect < DrgcmsField
+   
+###########################################################################
+#
+###########################################################################
+def render
+#  return ro_standard if @readonly
+  return ro_standard( @parent.dc_format_value(@record[@yaml['name']])) if @readonly
+  
+#
+  @yaml['options'] ||= {}
+  set_initial_value('options','default')
+  @yaml['options'].symbolize_keys!
+  @yaml['html'].symbolize_keys!
+  @html << @parent.date_select('record', @yaml['name'], @yaml['options'], @yaml['html'])
+  self
+end
+
+####################################################################
+# Get data for DateTime field
+# According to  https://gist.github.com/315227
+####################################################################
+def self.get_data(params, name)
+  attrs = params['record'].collect do |key, value|
+    if key =~ /^#{Regexp.escape(name.to_s)}\((\d+)(\w)\)$/
+      [$1.to_i, value.send("to_#$2")]
+    end
+  end.compact.sort_by(&:first).map(&:last)
+# Return nil if error
+  begin
+    Time.zone.local(*attrs) unless attrs.empty?
+  rescue 
+    nil
+  end
+end
+
+end
+
+###########################################################################
+# Create date_select form field
+###########################################################################
+class DatetimeSelect < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+  return ro_standard( @parent.dc_format_value(@record[@yaml['name']])) if @readonly
+#
+  @yaml['options'] ||= {}
+  set_initial_value('options','default')
+  @yaml['options'].symbolize_keys!
+  @yaml['html'].symbolize_keys!
+#
+  @html << @parent.datetime_select('record', @yaml['name'], @yaml['options'], @yaml['html'])
+  self
+end
+
+###########################################################################
+#
+###########################################################################
+def self.get_data(params, name)
+  DateSelect.get_data(params, name)
+end
+
+end
+
+###########################################################################
+# Create datetime_picker form field
+###########################################################################
+class DatePicker < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+#  return ro_standard if @readonly
+  return ro_standard( @parent.dc_format_value(@record[@yaml['name']])) if @readonly
+#
+  @yaml['options'] ||= {}
+  set_initial_value
+  @yaml['html']['size'] ||= 10
+  @yaml['html']['value'] = I18n.localize(@record[@yaml['name']].localtime.to_date) if @record[@yaml['name']]
+#
+  @yaml['options']['lang']   ||= "'#{I18n.locale}'"
+  @yaml['options']['format'] ||= "'#{t('datetimepicker.formats.date')}'"
+  @yaml['options']['timepicker'] = false
+# 
+  @html << @parent.text_field('record', @yaml['name'], @yaml['html'])
+  @js << <<EOJS
+$(document).ready(function() {
+  $("#record_#{@yaml['name']}").datetimepicker( {
+    #{hash_to_options(@yaml['options'])}
+  });
+});
+EOJS
+  
+  self
+end
+
+###########################################################################
+#
+###########################################################################
+def self.get_data(params, name)
+  t = params['record'][name].to_datetime 
+  t ? Time.zone.local(t.year, t.month, t.day) : nil
+end
+
+end
+###########################################################################
+# Create datetime_picker form field
+###########################################################################
+class DatetimePicker < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+#  return ro_standard if @readonly
+  return ro_standard( @parent.dc_format_value(@record[@yaml['name']])) if @readonly
+#
+  @yaml['options'] ||= {}
+  set_initial_value
+  @yaml['html']['size'] ||= 12
+  @yaml['html']['value'] = I18n.localize(@record[@yaml['name']].localtime) if @record[@yaml['name']]
+#
+  @yaml['options']['lang']   ||= "'#{I18n.locale}'"
+  @yaml['options']['format'] ||= "'#{t('datetimepicker.formats.datetime')}'"
+# 
+  @html << @parent.text_field('record', @yaml['name'], @yaml['html'])
+  @js << <<EOJS
+$(document).ready(function() {
+  $("#record_#{@yaml['name']}").datetimepicker( {
+    #{hash_to_options(@yaml['options'])}
+  });
+});
+EOJS
+  
+  self
+end
+
+###########################################################################
+#
+###########################################################################
+def self.get_data(params, name)
+  t = params['record'][name].to_datetime 
+  t ? Time.zone.local(t.year, t.month, t.day, t.hour, t.min) : nil
+end
+
+end
+
+###########################################################################
+# Create text_autocomplete form field
+###########################################################################
+class TextAutocomplete < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+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'] || @yaml['search']['search']
+    p 'search:search keyword is replaced with field keyword and will be depricated!' if @yaml['search']['search']
+    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[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
+#    
+  _name = '_' + @yaml['name']
+  @html << @parent.text_field('record', _name, @yaml['html'])
+  if @yaml['with_new']
+    @html << @parent.image_tag('drg_cms/add.png', 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) {
+          //alert(data);
+          response( $.map( data, function(key) {
+            return key;
+          }));
+        }
+      });
+    },
+    change: function (event, ui) { 
+      $("#record_#{@yaml['name']}").val(ui.item.id);
+    },
+    minLength: 2
+  });
+});
+EOJS
+    
+  self 
+end
+end
+
+###########################################################################
+# Create text_area form field
+###########################################################################
+class TextArea < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+  return ro_standard if @readonly
+#
+  @yaml['html'] ||= {}
+  value_send_as = 'p_' + @yaml['name']
+  @yaml['html']['value'] = @parent.params[value_send_as] if @parent.params[value_send_as]
+  @html << @parent.text_area('record', @yaml['name'], @yaml['html'])
+  self
+end
+end
+
+###########################################################################
+# Create text_field form field
+###########################################################################
+class TextField < DrgcmsField
+  
+###########################################################################
+#
+###########################################################################
+def render
+  return ro_standard if @readonly
+  set_initial_value
+#
+  @html << @parent.text_field('record', @yaml['name'], @yaml['html'])
+  self
+end
+end
+
+###########################################################################
+# Create text_field plus select with optional values for the field
+###########################################################################
+class TextWithSelect < Select
+
+###########################################################################
+# 
+###########################################################################
+def render
+  return ro_standard if @readonly  
+  set_initial_value('html','value')
+  
+  @html << @parent.text_field('record', @yaml['name'], @yaml['html'])
+  @yaml['html']['class'] = 'text-with-select'
+  @yaml['html'].symbolize_keys!
+  @html << @parent.select( @yaml['name'] + '_', nil, get_choices, { include_blank: true }, { class: 'text-with-select' })
+
+  # javascript to update text field if new value is selected in select field
+  @js =<<EOJS
+$(document).ready(function() {
+ $('##{@yaml['name']}_').change( function() {
+  if ($(this).val().toString().length > 0) {
+    $('#record_#{@yaml['name']}').val( $(this).val() );
+  }
+  $('#record_#{@yaml['name']}').focus();
+ });
+});
+EOJS
+  self
+end
+end
+
+###########################################################################
+# Create html_field form field
+# 
+# Class implements redirection for calling actual edit field code.
+# This can be drg_default_html_editor's ckeditor or any other code defined
+# by dc_site.settings html_editor setting.
+###########################################################################
+class HtmlField < DrgcmsField
+
+###########################################################################
+# 
+###########################################################################
+def render
+  return ro_standard if @readonly  
+# retrieve html editor from page settings
+  editor_string = @parent.dc_get_site.params['html_editor'] if @parent.dc_get_site
+  editor_string ||= 'ckeditor'
+# 
+  klas_string = editor_string.camelize
+  if DrgcmsFormField.const_defined?(klas_string)
+    klas = DrgcmsFormField::const_get(klas_string)
+    o = klas.new(@parent, @record, @yaml).render
+    @js << o.js
+    @html << o.html 
+  else
+    @html << "HTML editor not defined. Check site.settings or include drgcms_default_html_editor gem."
+  end
+  self
+end
+end
+
+###########################################################################
+# Create text_field plus select with optional values for the field
+###########################################################################
+class FileSelect < DrgcmsField
+
+###########################################################################
+# 
+###########################################################################
+def render
+  return ro_standard if @readonly  
+# retrieve html editor from page settings
+  selector_string = @parent.dc_get_site.params['file_select'] if @parent.dc_get_site 
+  selector_string ||= 'elfinder' 
+# 
+  klas_string = selector_string.camelize
+  if DrgcmsFormField.const_defined?(klas_string)
+    klas = DrgcmsFormField::const_get(klas_string)
+    o = klas.new(@parent, @record, @yaml).render
+    @js << o.js
+    @html << o.html 
+  else
+    @html << "File select component not defined. Check site.settings or include drgcms_default_html_editor gem."
+  end
+  self
+end
+end
+
+end