drg_cms 0.6.1.9 → 0.6.1.11

data/app/controllers/dc_common_controller.rb

@@ -268,7 +268,7 @@ end
 ########################################################################
 def add_json_ld_schema
   edited_document = DcJsonLd.find_document_by_ids(CmsHelper.table_param(params), params[:ids])
-  yaml = YAML.load_file( dc_find_form_file('json_ld_schema') )
+  yaml = YAML.load_file( CmsHelper.form_file_find('json_ld_schema') )
   schema_data = yaml[params[:schema]]
   # Existing document
   if edited_document.dc_json_lds.find_by(type: "@#{params[:schema]}")
@@ -283,12 +283,10 @@ end
 # Will provide help data
 ########################################################################
 def help
+  dc_form_read
   form_name = CmsHelper.form_param(params) || CmsHelper.table_param(params)
-  @form = form_name ? YAML.load_file(dc_find_form_file(form_name)) : {}
-  return render json: {} if @form.nil?
-
   help_file_name = @form['help'] || @form['extend'] || form_name
-  help_file_name = find_help_file(help_file_name)
+  help_file_name = DcApplicationController.find_help_file(help_file_name)
   @help = YAML.load_file(help_file_name) if help_file_name
   # no auto generated help on index action
   return render json: {} if params[:type] == 'index' && @help.nil?
@@ -298,18 +296,6 @@ end
 
 protected
 
-########################################################################
-# Will search for help file and return it's path if found
-########################################################################
-def find_help_file(help_file_name)
-  file_name = nil
-  DrgCms.paths(:forms).reverse.each do |path|
-    f = "#{path}/help/#{help_file_name}.#{I18n.locale}"
-    file_name = f and break if File.exist?(f)
-  end
-  file_name
-end
-
 ########################################################################
 # Subroutine of add_json_ld_schema for adding one element
 ########################################################################

data/app/controls/browse_models_control.rb

@@ -49,6 +49,8 @@ end
 def collections
   @records = []
   all_collections.each do |collection|
+    next if params[:filter] && !collection.match(/#{params[:filter]}/i)
+
     @records << DcMemory.new({'id' =>  collection, 'description' => t("helpers.label.#{collection}.tabletitle") })
   end
   @records
@@ -75,7 +77,7 @@ def all_fields
                  '_default' => options[:default]
                 })
   end
-# embedded documents
+  # embedded documents
   document.embedded_relations.each do |a_embedded|
     embedded = a_embedded.last
     description = I18n.t("helpers.help.#{params[:id]}.#{embedded.key}")

data/app/controls/cmsedit_control.rb

@@ -43,11 +43,15 @@ end
 ######################################################################
 def filter_on
   table_name = CmsHelper.table_param(params).strip.split(';').first.underscore
+  session[table_name] ||= {}
   session[table_name][:page] = 1
   set_session_filter(table_name)
   url = url_for( controller: 'cmsedit', t: table_name, f: CmsHelper.form_param(params))
 
-  render json: { url: url }
+  respond_to do |format|
+    format.json { render json: { url: url } }
+    format.html { redirect_to url }
+  end
 end
 
 ########################################################################

data/app/controls/dc_report.rb

@@ -132,7 +132,7 @@ end
 # Export data to Excel
 ######################################################################
 def export_to_excel(report_id)
-  read_drg_form if @form.blank?
+  dc_form_read if @form.blank?
   # use report options if present
   columns = (@form['report'] ? @form['report'] : @form)['result_set']['columns'].sort
 

data/app/forms/all_options.yml

@@ -156,6 +156,8 @@ form:
       or
       active:
         method: SomeClass.is_active_method
+      html:
+        data-validate: no
 
     5: 
       type: window

data/app/forms/dc_browse_models.yml

@@ -6,6 +6,16 @@ controls: browse_models
 permissions:
   can_view: admin
 
+index:
+  actions:
+    10:
+      type: field
+      name: filter
+      field_type: text_field
+      caption: Filter
+      size: 10
+
+
 result_set:
   filter: collections
 
@@ -19,8 +29,20 @@ result_set:
     10:   
       name: id
       caption: Collection
-      td_style: 'font-weight: bold;width: 150px;'
-      
+      td_style: 'font-weight: bold;'
+
     20:  
       name: description
       caption: Decription
+
+script: '
+$(document).ready( function() {
+  $("#record_filter").keydown( function(e) {
+    if (e.which == "13" || e.which == "9") {
+      let url = "/cmsedit?form_name=dc_browse_models&table=dc_memory&filter=" + this.value;
+      window.location.href = url;
+      e.preventDefault();
+    };
+  });
+});
+'

data/app/forms/dc_steps_template.yml

@@ -0,0 +1,51 @@
+## Template for standard options on wizard form
+form:
+  css: '#dc-form-left {display: block;width: 20%}'
+  actions:
+    1:
+      type: ajax
+      caption: drgcms.cancel
+      icon: cancel
+      method: post
+      form_name: x
+      action: run
+      control: x.steps_cancel
+      params:
+        step: x
+        next_step: x
+
+    10:
+      type: ajax
+      caption: drgcms.back
+      icon: arrow-back
+      method: post
+      form_name: x
+      action: run
+      control: x.steps
+      params:
+        step: x
+        next_step: x
+
+    20:
+      type: ajax
+      caption: drgcms.next
+      icon: arrow-forward
+      method: post
+      form_name: x
+      action: run
+      control: x.steps
+      params:
+        step: x
+        next_step: x
+
+    100:
+      type: ajax
+      caption: drgcms.finish
+      icon: done
+      method: post
+      form_name: x
+      action: run
+      control: x.steps_finish
+      params:
+        step: x
+        next_step: x

data/app/helpers/cms_common_helper.rb

@@ -81,12 +81,26 @@ end
 # Translation is provided by lang.helpers.label.table_name.field_name locale. If
 # translation is not found method will capitalize field_name and replace '_' with ' '.
 ############################################################################
-def t_name(field_name, default='')
+def t_label_for_field(field_name, default='')
   c = t("helpers.label.#{@form['table']}.#{field_name}", default)
   c = field_name.capitalize.gsub('_',' ') if c.match( 'translation missing' )
   c
 end
 
+############################################################################
+# Returns label for field translated to current locale for usage browser header.
+# Translation is provided by lang.helpers.label.table_name.field_name locale. If
+# not found method will look in standard drgcms translations.
+#
+############################################################################
+def t_label_for_column(options)
+  label = options['caption'] || options['label']
+  label = (options['name'] ? "helpers.label.#{@form['table']}.#{options['name']}" : '') if label.nil?
+  label = t(label) if label.match(/\./)
+  label = t("drgcms.#{options['name']}") if label.match('helpers.') # standard field names like created_by, updated_at
+  label
+end
+
 ###########################################################################
 # When select field is used on form options for select can be provided by 
 # helpers.label.table_name.choices4_name locale. This is how select
@@ -374,4 +388,55 @@ def dc_help_body
   (params[:type] == 'index' ? @help['index'] : @help['form']).html_safe
 end
 
+############################################################################
+# Will return code for help button if there is any help text available for the form.
+############################################################################
+def dc_help_button(result_set)
+  type = result_set.nil? ? 'form' : 'index'
+  form_name = CmsHelper.form_param(params) || CmsHelper.table_param(params)
+  url = url_for(controller: :dc_common, action: :help, type: type, f: form_name)
+  html = %(<div class="dc-help-icon dc-link-ajax" data-url=#{url}>#{fa_icon('question-circle')}</div>)
+  return html if type == 'form'
+
+  # check if index has any help available
+  help_file_name = @form['help'] || @form['extend'] || form_name
+  help_file_name = DcApplicationController.find_help_file(help_file_name)
+  if help_file_name
+    help = YAML.load_file(help_file_name)
+    return html if help['index']
+  end
+  ''
+end
+
+############################################################################
+# Will return html code for steps menu when form with steps is processed.
+############################################################################
+def dc_steps_menu_get(parent)
+  yaml = @form['form']['steps']
+  return '' unless yaml
+
+  html = %(<ul id="dc-steps-menu"><h2>#{t('drgcms.steps')}</h2>)
+  control = @form['control'] ? @form['control'] : @form['table']
+  parms = { controller: 'cmsedit', action: 'run', control: "#{control}.steps",
+            table: CmsHelper.table_param(params),
+            form_name: CmsHelper.form_param(params),
+            id: @record.id }
+
+  yaml.sort.each_with_index do |data, i|
+    n = i + 1
+    step = data.last # it's an array
+    url = case params[:step].to_i
+          when n + 1 then url_for(parms.merge({ step: n + 1, next_step: n}))
+          when n then url_for(parms.merge({ step: n, next_step: n}))
+          when n - 1 then url_for(parms.merge({ step: n - 1, next_step: n}))
+          else
+            ''
+          end
+    _class = url.present? ? 'dc-link-ajax' : ''
+    _class << (params[:step].to_i == n ? ' active' : '')
+    html << %(<li class="#{_class}" data-url="#{url}">#{step['title']}</li>)
+  end
+  html << '</ul>'
+end
+
 end

data/app/helpers/cms_edit_helper.rb

@@ -143,7 +143,7 @@ def dc_actions_for_form(position)
     session[:form_processing] = "form:actions: #{key} #{options}"
     next if options.nil?  # yes it happens
 
-    parms = @parms.clone
+    parms = @form_params.clone
     if options.class == String
       next if @form['readonly'] and !options.match(/back|close/)
 
@@ -279,127 +279,26 @@ def dc_check_and_default(value, default, values=nil) #:nodoc:
 end
 
 ############################################################################
-# Creates input fields for one tab. Subroutine of dc_fields_for_form.
-############################################################################
-def dc_fields_for_tab(fields_on_tab) #:nodoc:
-  html = '<div class="dc-form">'
-  labels_pos = dc_check_and_default(@form['form']['labels_pos'], 'right', ['top', 'left', 'right'])
-  hidden_fields, odd_even = '', nil
-  group_option, group_count = 0, 0
-  reset_cycle()
-  # Select form fields and sort them by key
-  form_fields  = fields_on_tab.select {|field| field.class == Integer }
-  form_fields.to_a.sort.each do |number, options|
-    session[:form_processing] = "form:fields: #{number}=#{options}"
-    # ignore if edit_only singe field is required
-    next if params[:edit_only] and params[:edit_only] != options['name'] 
-    # hidden_fields. Add them at the end
-    if options['type'] == 'hidden_field'
-      hidden_fields << DrgcmsFormFields::HiddenField.new(self, @record, options).render
-      next
-    end
-    # label
-    field_html,label,help = dc_field_label_help(options)
-    # Line separator
-    html << dc_top_bottom_line(:top, options)
-    # Beginning of new row
-    if group_count == 0
-      html << '<div class="row-div">' 
-      odd_even = cycle('odd','even')
-      group_count  = options['group'] || 1 
-      group_option = options['group'] || 1 
-    end
-
-    html << if labels_pos == 'top'
-%(
-<div class="dc-form-label-top dc-color-#{odd_even} dc-align-left" title="#{help}">
-  <label for="record_#{options['name']}">#{label} </label>
-  <div id="td_record_#{options['name']}">#{field_html}</div>
-</div> )
-    else
-      # no label
-      if dc_dont?(options['caption'])
-        label = ''
-        label_width = 0
-        data_width  = 100
-      elsif group_option > 1 
-        label_width = group_option != group_count ? 10 : 14        
-        data_width  = 21
-      else
-        label_width = 14
-        data_width  = 85      
-      end
-      help.gsub!('<br>',"\n") if help.present?
-%(
-<div class="dc-form-label dc-color-#{odd_even} dc-align-#{labels_pos} dc-width-#{label_width}" title="#{help}">
-  <label for="record_#{options['name']}">#{label} </label>
-</div>
-<div id="td_record_#{options['name']}" class="dc-form-field dc-color-#{odd_even} dc-width-#{data_width}">#{field_html}</div>
-)
-    end
-    # check if group end
-    if (group_count -= 1) == 0
-      html << '</div>'
-      # insert dummy div when only two fields in group
-      html << '<div></div>' if group_option == 2
-    end
-    
-    html << dc_top_bottom_line(:bottom, options)
-  end
-  html << '</div>' << hidden_fields
-end
-
-############################################################################
-# Creates edit form from fields or tabs options
+# Creates input fields defined in form options
 ############################################################################
 def dc_fields_for_form
-  html, tabs, tab_data = '',[], ''
+  html = "<div id='data_fields' " + (@form['form']['height'] ? "style=\"height: #{@form['form']['height']}px;\">" : '>')
   @js  ||= ''
   @css ||= ''
-  # Only fields defined
+  # fields
   if (form_fields = @form['form']['fields'])
-    html << "<div id='data_fields' " + (@form['form']['height'] ? "style=\"height: #{@form['form']['height']}px;\">" : '>')  
-    html << dc_fields_for_tab(form_fields) + '</div>'
-  else
-    # there are multiple tabs on form
-    first = true # first tab 
-    @form['form']['tabs'].keys.sort.each do |tab_name|
-      next if tab_name.match('actions')
-      # Tricky when editing single field. If field is not present on the tab skip to next tab
-      if params[:edit_only]
-        is_on_tab = false
-        @form['form']['tabs'][tab_name].each { |k, v| is_on_tab = true if params[:edit_only] == v['name'] }
-        next unless is_on_tab
-      end
-      # first div is displayed, all others are hidden
-      tab_data << "<div id=\"data_#{tab_name.delete("\s\n")}\""
-      tab_data << ' class="div-hidden"' unless first
-      tab_data << " style=\"height: #{@form['form']['height']}px;\"" if @form['form']['height']
-      tab_data << ">#{dc_fields_for_tab(@form['form']['tabs'][tab_name])}</div>"
-
-      tab_label, tab_title = dc_tab_label_help(tab_name)
-      tabs << [tab_name, tab_label, tab_title]
-      first = false      
-    end
-    # make it all work together
-    html << '<ul class="dc-form-ul" >'
-    first = true # first tab must be selected
-    tabs.each do |tab_name, tab_label, tab_title|
-      html << %(<li id="li_#{tab_name}" data-div="#{tab_name.delete("\s\n")}" title="#{tab_title}" class="dc-form-li)
-      html << ' dc-form-li-selected' if first
-      html << "\">#{tab_label}</li>"
-      first = false
-    end
-    html << '</ul>'
-    html << tab_data
+    html << dc_input_form_create(form_fields) + '</div>'
+  # tabs
+  elsif @form['form']['tabs']
+    html = dc_tabs_form_create()
   end
   # add last_updated_at hidden field so controller can check if record was updated in db during editing
   html << hidden_field(nil, :last_updated_at, value: @record.updated_at.to_i) if @record.respond_to?(:updated_at)
   # add form time stamp to prevent double form submit
   html << hidden_field(nil, :form_time_stamp, value: Time.now.to_i)
   # add javascript code if defined by form
-  @js << "\n#{@form['script']}"
-  @css << "\n#{@form['css']}" 
+  @js << "\n#{@form['script']} #{@form['js']}"
+  @css << "\n#{@form['css']}\n#{@form['form']['css']}"
   html.html_safe
 end
 
@@ -426,7 +325,7 @@ def dc_head_for_form
     label   = if caption.blank?
       ''
     elsif options['name'] == caption
-      t_name(options['name'], options['name'].capitalize.gsub('_',' ') )
+      t_label_for_field(options['name'], options['name'].capitalize.gsub('_',' ') )
     else
       t(caption, caption) 
     end
@@ -444,13 +343,13 @@ def dc_head_for_form
     #
     klass = dc_style_or_class(nil, options['class'], field, @record)
     style = dc_style_or_class(nil, options['style'], field, @record)
-    html << %Q[<div class="dc-column #{klass}" style="width:#{percent*span}%;#{style}">
+    html << %(<div class="dc-column #{klass}" style="width:#{percent*span}%;#{style}">
   #{label.blank? ? '' : "<span class=\"label\">#{label}</span>"}
   <span id="head-#{options['name']}" class="field">#{field}</span>
-</div>]
+</div>)
     current += span
     if current == split
-      html << %Q[</div>\n<div class="dc-row">]
+      html << %(</div>\n<div class="dc-row">)
       current = 0
     end
   end
@@ -488,18 +387,44 @@ def dc_document_statistics
   parms[:controller] = 'dc_common'
   parms[:action]     = 'copy_clipboard'
   url = url_for(parms.permit!)
+  html << '<div>'
   html << fa_icon('content_copy-o md-18', class: 'dc-link-img dc-link-ajax',
                   'data-url' => url, 'data-request' => 'get', title: t('drgcms.doc_copy_clipboard') )
 
-  url = url_for(controller: 'cmsedit', action: :index, table: 'dc_journal', filter: 'on',
+  url = url_for(controller: :cmsedit, action: :run, table: 'dc_journal', control: 'cmsedit.filter_on',
                 filter_oper: 'eq', filter_field: 'doc_id', filter_value: @record.id)
+
   html << fa_icon('history md-18', class: 'dc-link-img dc-window-open',
                   'data-url' => url, title: t('helpers.label.dc_journal.tabletitle') )
-  html << %(<span>ID: </span><span id="record-id" class="hover" onclick="dc_copy_to_clipboard('record-id');" title="Copy document ID to clipboard">#{@record.id}</span>)
+  html << %(<span>ID: </span>
+            <span id="record-id" class="hover" onclick="dc_copy_to_clipboard('record-id');" title="Copy document ID to clipboard">#{@record.id}
+            </span>)
+
+  (html << '</div></div>').html_safe
+end
+
+############################################################################
+# Updates form prior to processing form
+############################################################################
+def dc_form_update
+  # update form for steps options
+  if @form.dig('form', 'steps')
+    dc_form_update_steps
+  end
+end
+
+############################################################################
+# If form is divided into two parts, this method gathers html to be painted
+# on right side of the form pane.
+############################################################################
+def dc_form_left
+  yaml = @form.dig('form', 'form_left')
+  return '' unless yaml
 
-  #dc_copy_to_clipboard
+  html = ''
+  html << dc_process_eval(yaml['eval'], self) if yaml['eval']
 
-  (html << '</div>').html_safe
+  html.html_safe
 end
 
 private
@@ -520,4 +445,188 @@ def dc_top_bottom_line(location, options)
   end
 end
 
+############################################################################
+# Creates input fields for one tab. Subroutine of dc_fields_for_form.
+############################################################################
+def dc_input_form_create(fields_on_tab) #:nodoc:
+  html = '<div class="dc-form">'
+  labels_pos = dc_check_and_default(@form['form']['labels_pos'], 'right', %w[top left right])
+  hidden_fields, odd_even = '', nil
+  group_option, group_count = 0, 0
+  reset_cycle()
+  # Select form fields and sort them by key
+  form_fields  = fields_on_tab.select {|field| field.class == Integer }
+  form_fields.to_a.sort.each do |number, options|
+    session[:form_processing] = "form:fields: #{number}=#{options}"
+    # ignore if edit_only singe field is required
+    next if params[:edit_only] and params[:edit_only] != options['name']
+    next if options.nil?
+
+    # hidden_fields. Add them at the end
+    if options['type'] == 'hidden_field'
+      hidden_fields << DrgcmsFormFields::HiddenField.new(self, @record, options).render
+      next
+    end
+    # label
+    field_html,label,help = dc_field_label_help(options)
+    # Line separator
+    html << dc_top_bottom_line(:top, options)
+    # Beginning of new row
+    if group_count == 0
+      html << '<div class="row-div">'
+      odd_even = cycle('odd','even')
+      group_count  = options['group'] || 1
+      group_option = options['group'] || 1
+    end
+
+    html << if labels_pos == 'top'
+              %(
+<div class="dc-form-label-top dc-color-#{odd_even} dc-align-left" title="#{help}">
+  <label for="record_#{options['name']}">#{label} </label>
+  <div id="td_record_#{options['name']}">#{field_html}</div>
+</div> )
+            else
+              # no label
+              if dc_dont?(options['caption'])
+                label = ''
+                label_width = 0
+                data_width  = 100
+              elsif group_option > 1
+                label_width = group_option != group_count ? 10 : 14
+                data_width  = 21
+              else
+                label_width = 14
+                data_width  = 85
+              end
+              help.gsub!('<br>',"\n") if help.present?
+              %(
+<div class="dc-form-label dc-color-#{odd_even} dc-align-#{labels_pos} dc-width-#{label_width}" title="#{help}">
+  <label for="record_#{options['name']}">#{label} </label>
+</div>
+<div id="td_record_#{options['name']}" class="dc-form-field dc-color-#{odd_even} dc-width-#{data_width}">#{field_html}</div>
+)
+            end
+    # check if group end
+    if (group_count -= 1) == 0
+      html << '</div>'
+      # insert dummy div when only two fields in group
+      html << '<div></div>' if group_option == 2
+    end
+
+    html << dc_top_bottom_line(:bottom, options)
+  end
+  html << '</div>' << hidden_fields
+end
+
+############################################################################
+# Will create html code required for input form with steps defined
+############################################################################
+def dc_steps_one_element(element, tab_name = nil)
+  def add_one_step(key, tab_name, key_number)
+    fields = tab_name ? @form['form']['tabs'][tab_name] :  @form['form']['fields']
+    { key_number => fields[key] }
+  end
+
+  key_number, fields = 0, {}
+  element.to_s.split(',').each do |particle|
+    if particle.match('-')
+      tabs_fields = tab_name ? @form['form']['tabs'][tab_name] : @form['form']['fields']
+      next if tabs_fields.nil?
+
+      start, to_end = particle.split('-').map(&:to_i)
+      tabs_fields.each { |key, data| fields.merge!(add_one_step(key, tab_name, key_number += 10)) if (start..to_end).include?(key) }
+    else
+      fields.merge!(add_one_step(particle.to_i, tab_name, key_number += 10))
+    end
+  end
+  fields
+end
+
+############################################################################
+# Will create html code required for input form with steps defined and update
+# actions.
+############################################################################
+def dc_form_update_steps
+  def add_step_to_form(index, step, next_step)
+    @form['form']['actions'][index]['params']['step'] = step
+    @form['form']['actions'][index]['params']['next_step'] = next_step
+  end
+
+  form = {}
+  step = params[:step].to_i
+  step_data = @form['form']['steps'].to_a[step - 1]
+
+  step_data.last.each do |element|
+    if element.first == 'fields'
+      form.merge!(dc_steps_one_element(element.second))
+    elsif element.first == 'tabs'
+      element.last.each do |tab_name, data|
+        form.merge!(dc_steps_one_element(data, tab_name))
+      end
+    end
+  end
+  # fraction updates of newly created form
+  form.deep_merge!(step_data.last['update']) if step_data.last['update']
+  # update steps data on form
+  add_step_to_form(10, step, step - 1)
+  add_step_to_form(20, step, step + 1)
+  add_step_to_form(100, step, step + 1)
+  # remove not needed steps
+  if step < 2
+    @form['form']['actions'].delete(10)
+  elsif step == @form['form']['steps'].size
+    @form['form']['actions'].delete(20)
+  end
+  @form['form']['actions'].delete(100) unless step == @form['form']['steps'].size
+  # update form_name and control name if defined
+  %w[1 10 20 100].each do |i|
+    next unless @form['form']['actions'][i.to_i]
+
+    @form['form']['actions'][i.to_i]['form_name'] = CmsHelper.form_param(params)
+    control = @form['control'] ? @form['control'] : @form['table']
+    @form['form']['actions'][i.to_i]['control'].sub!('x.', "#{control}.")
+  end
+
+  @form['form']['form_left'] ||= { 'eval' => 'dc_steps_menu_get'}
+  @form['form']['fields'] = form
+end
+
+############################################################################
+# Will create html code required for input form with tabs
+############################################################################
+def dc_tabs_form_create
+  html, tabs, tab_data = '', [], ''
+  # there are multiple tabs on form
+  first = true # first tab
+  @form['form']['tabs'].keys.sort.each do |tab_name|
+    next if tab_name.match('actions')
+    # Tricky when editing single field. If field is not present on the tab skip to next tab
+    if params[:edit_only]
+      is_on_tab = false
+      @form['form']['tabs'][tab_name].each { |k, v| is_on_tab = true if params[:edit_only] == v['name'] }
+      next unless is_on_tab
+    end
+    # first div is displayed, all others are hidden
+    tab_data << "<div id=\"data_#{tab_name.delete("\s\n")}\""
+    tab_data << ' class="div-hidden"' unless first
+    tab_data << " style=\"height: #{@form['form']['height']}px;\"" if @form['form']['height']
+    tab_data << ">#{dc_input_form_create(@form['form']['tabs'][tab_name])}</div>"
+
+    tab_label, tab_title = dc_tab_label_help(tab_name)
+    tabs << [tab_name, tab_label, tab_title]
+    first = false
+  end
+  # make it all work together
+  html << '<ul class="dc-form-ul" >'
+  first = true # first tab must be selected
+  tabs.each do |tab_name, tab_label, tab_title|
+    html << %(<li id="li_#{tab_name}" data-div="#{tab_name.delete("\s\n")}" title="#{tab_title}" class="dc-form-li)
+    html << ' dc-form-li-selected' if first
+    html << "\">#{tab_label}</li>"
+    first = false
+  end
+  html << '</ul>'
+  html << tab_data
+end
+
 end