Redmine

            {:name => 'custom_fields_layouts', :action => :manage_custom_fields_layout, :partial => 'projects/settings/custom_fields_layout', :label => :label_custom_field_plural},

      :for => "#{name}_custom_field_values_#{custom_value.custom_field.id}", :class => "custom_field_label"

class CustomFieldLayout < ActiveRecord::Base

end

class CustomFieldsLayoutsController < ApplicationController

  helper :all

  before_filter :find_custom_field_values

  def new

    @layout = CustomFieldLayout.new(project_id: @project.id, tracker_id: @tracker.id)

  end

  def apply

    if @cf_layout.nil? 

      @layout = CustomFieldLayout.new(project_id: @project.id, tracker_id: @tracker.id)

      @layout.location =  JSON.parse(params[:ids])

      @layout.project_id = @project.id

      @layout.tracker_id = @tracker.id

        if @layout.save

          redirect_to settings_project_path(@project)

        end

    else

      @cf_layout.location =  JSON.parse(params[:ids])

        if @cf_layout.save

          redirect_to settings_project_path(@project)

        end

    end 

  end

  def show

    respond_to do |format|

      format.js

    end

  end

  private

    def find_custom_field_values

      @project = Project.find(params[:project_id])

      @tracker = Tracker.find(params[:layout][:tracker_id]) 

      #get last edited custom field location 

      @cf_layout = CustomFieldLayout.find_by({:tracker_id => @tracker.id, :project_id => @project.id})

      cf_ids = @cf_layout.nil? ? [[],[]] : JSON.parse(@cf_layout.location.gsub("nil","null"))

      #get ids of nil elements

      ids_of_nil = [[],[]]

      cf_ids.each_index{ |i| cf_ids[i].each_index.select{|k| ids_of_nil[i] << k if cf_ids[i][k].nil?}}.map!{|i|  i -= [nil]}

      #get default custom field location

      default_values = (@project.issues.new(:tracker_id => @tracker.id, 

                                       :subject => " ", :author_id => @current_user).editable_custom_field_values)     

      #if not set yet then default

      if !cf_ids.all?{|array| array.empty?}

        ordered_values = default_values.group_by(&:custom_field_id).values_at(*cf_ids.flatten).flatten(1)

        added =  default_values - ordered_values

        @custom_fields_values = [ordered_values[0 ... cf_ids.first.count],

                                 ordered_values[cf_ids.first.count .. -1] + added]

        ids_of_nil.each_index{|i| ids_of_nil[i].each{|v| @custom_fields_values[i].insert(v,nil)}} 

      else

        @custom_fields_values = [default_values[0 ... default_values.count/2], default_values[default_values.count/2 .. -1]]

      end

    end

end

    @layout =  CustomFieldLayout.new()

$("#cfv").html('<%= escape_javascript(render(partial: "show"))%>');

<div class="splitcontent">

<div class="splitcontentleft">

  <div class="sortable">

    <% i = 0 %>

    <% custom_fields_values.each do |side|%>

      <% side.each do |value|%>

        <% if !value.nil? %>

          <p class="custom_field_p" id=<%=value.custom_field_id%>>

            <%= custom_field_tag_with_label :issue, value, :required => issue.required_attribute?(value.custom_field_id) %>

          </p>

        <%else %>

          <p class="custom_field_p clean"%></p>

        <% end %>

      <% end -%>

      <% i = i + 1 %>  

      <% if (i == 1) %>

       </div></div> <div class="splitcontentright"> <div class="sortable">   

      <% end -%>

    <% end -%>

  </div>

<p> </p>

</div>

</div>

<% issue = @project.issues.new(tracker_id: @tracker.id, subject: " ", author_id: @current_user) %>

<%= render partial: "custom_fields_layout" , locals: {issue: issue, custom_fields_values:  @custom_fields_values} %>

<h2><%= l(:label_custom_field_layout) %></h2>

<script>

function addBlank(){

  $(".splitcontent").children().find(".sortable").each(

    function(){

      var cf_count =  $(this).children().length;

      if (cf_count == 0){ $(this).append("<p class='custom_field_p clean'> </p>") };

    });

}

/*add sortable ui to added elements*/

function loadCf(){

  if($('.custom_field_label').length != 0) {

    /*add fields for removing/adding if there is smth to add/remove */ 

    $(".add_remove").append(" <p class='custom_field_remove' > <%= l(:label_remove_field) %> </p>");

    $(".copy").append("<p class='custom_field_p clean'> <%= l(:label_move_field) %> </p> ");

    /*add blank div by default if any splitcontent is fully empty 

      to show where we can move element*/ 

    addBlank();

    /*make borders of divs visible*/

    $(".custom_field_p, .custom_field_remove").css({"border" : "thin solid",

                                                    "border-color" : "#ddd"});

    $(".custom_field_remove").css({"border-color" : "#B00"});

    $(".custom_field_p.clean").css({"height" : "2.3em"});

    $(".sortable").css({"min-height": "4.6em", 

                        "border-style" : "ridge", 

                        "padding" : "4px",

                        "border-width": "1px", 

                        "border-color" : "#dddFFF"});

    /*make elements sortable (allow reordering)*/

    /*not allow moving last elements in the splitcontent(left|right) */

    var is_alone = 1;

    $(".sortable").sortable({connectWith: ".sortable",

                             dropOnEmpty: true,

                             receive: function(e,ui) {

                                         copyHelper= null;}

                            });

    /*allow to copy blank div and make it sortable*/

    $( ".copy" ).sortable({

      connectWith: ".sortable",

      forcePlaceholderSize: false,

      helper: function(e,li) {

        copyHelper= li.clone().insertAfter(li.text(""));

        return li.clone();

      },

      stop: function() {

        copyHelper && copyHelper.remove();

      }

    });

    /* make field droppable (moving div inside droppable one removes it)*/

    $('.custom_field_remove').droppable({ 

      accept: ".clean",

      drop: function(event, ui) { ui.draggable.remove(); } 

   });

}};

/*get custom fields for selected tracker*/

function getCustomFields() {

  $(".clean").remove();

  $(".custom_field_remove").remove();

  var tracker = $("#layout_tracker_id").find(":selected").val(); 

  $.ajax({

    method: "get",

    url: "<%= url_for :controller=>'custom_fields_layouts', :action => 'show', :project_id => @project %>",

    contentType: 'application/json',

    data: {layout: { tracker_id:  tracker}},

    cache: false,

    error: function(jqXHR, textStatus, errorThrown){

      alert('Exception' + errorThrown);

     },

   success: function(){ loadCf(); }

  })

};

/*get custom fields after loading*/

$(document).ready(function(){

  getCustomFields();

});

/*set custom field ids on hidden field */

function setCfIds(){

  var array = [];

  var left = [];

  var right = []; 

  $("#cfv").find(".splitcontentleft").find(".custom_field_p").each(function() {

   left.push(parseInt($(this).attr("id")));

   });

  $("#cfv").find(".splitcontentright").find(".custom_field_p").each(function() {

    right.push(parseInt($(this).attr("id")));

   });

  array.push(left,right);

  $("#custom_fields_locations").val(JSON.stringify(array)); 

} ;

/* don't need datepicker functionality for editing locations of custom fields*/

</script>

<div class="box tabular">

<%= labelled_form_for @layout,:as => 'layout', url: {controller: "custom_fields_layouts", 

                                                     action: "apply", :project_id => @project} do |f| %>

  <% include_calendar_headers_tags %>

  <% if @project.issues.new.safe_attribute? 'tracker_id' %>

    <p><%= f.select :tracker_id, @project.trackers.collect {|t| [t.name, t.id]}, {:required => true},

                                                                                  :onchange => "getCustomFields();" %></p>

  <%end%>

  <div class= "add_remove"> </div><p > </p> 

  <div id="cfv">  </div> 

  <%= hidden_field_tag  :ids, "", :id => "custom_fields_locations" %>

  <%= submit_tag l(:button_update), :onclick => "setCfIds();"  %>

  <div class ="splitcontentright copy">  </div> 

<%end %>

</div>

  map.permission :manage_custom_fields_layout, {:projects => :settings, :custom_fields_editing => [:apply]}, :require => :member

<%  cf_layout  = CustomFieldLayout.all.where(:tracker_id => @issue.tracker_id, :project_id => @project.id).last %>

<%  default_values = @issue.editable_custom_field_values %>

<%  cf_ids = cf_layout.nil? ? [[],[]] : JSON.parse(cf_layout.location.gsub("nil","null")) %>

<%  ids_of_nil = [[],[]] %>

<%  cf_ids.each_index{ |i| cf_ids[i].each_index.select{|k| ids_of_nil[i] << k if cf_ids[i][k].nil?}}.map!{|i|  i -= [nil]} %>

<%  if !cf_ids.all?{|array| array.empty?} %>

<%    ordered_values = default_values.group_by(&:custom_field_id).values_at(*cf_ids.flatten).flatten(1) %>

<%    added = default_values - ordered_values %>

<%    custom_fields_values = [ordered_values[0 ... cf_ids.first.count],

                              ordered_values[cf_ids.first.count .. -1] + added] %>

<%    ids_of_nil.each_index{|i| ids_of_nil[i].each{|v| custom_fields_values[i].insert(v,nil)}} %>

<%  else %>

<%    custom_fields_values = [default_values[0 ... default_values.count/2], default_values[default_values.count/2 .. -1]] %>

<%  end %>

<%= render partial: "custom_fields_layouts/custom_fields_layout" , locals: {issue: @issue, custom_fields_values: custom_fields_values} %>

    resources :custom_fields_layouts, :only => [:show]

    match 'settings/custom_fields_layouts', :to => 'custom_fields_layouts#apply', :via => [:post]

  #add empty elements for proper cfs showing

  def add_nills(cfs)

    diff  = cfs[0].count - cfs[1].count

    if (diff > 0)

      cfs[1] += [nil] * diff

    elsif (diff < 0)

      cfs[0] += [nil] * (-diff)

    end

    cfs

  end

      default_values = issue.visible_custom_field_values

    return if default_values.empty?

    #get last edited custom field location 

    cf_layout = CustomFieldLayout.find_by(:tracker_id => issue.tracker_id, :project_id => issue.project_id)

    cf_ids = cf_layout.nil? ? [[],[]] : JSON.parse(cf_layout.location.gsub("nil","null"))

    #get ids of nil elements

    ids_of_nil = [[],[]]

    cf_ids.each_index{ |i| cf_ids[i].each_index.select{|k| ids_of_nil[i] << k if cf_ids[i][k].nil?}}.map!{|i|  i -= [nil]}

    #if not set yet then default

    if !cf_ids.all?{|array| array.empty?}

      ordered_values = default_values.group_by(&:custom_field_id).values_at(*cf_ids.flatten).flatten(1)

      added = default_values - ordered_values

      custom_fields_values = [ordered_values[0 ... cf_ids.first.count],

                              ordered_values[cf_ids.first.count .. -1] + added]

      ids_of_nil.each_index{|i| ids_of_nil[i].each{|v| custom_fields_values[i].insert(v,nil)}}

    else

      custom_fields_values = [default_values[0 ... default_values.count/2], default_values[default_values.count/2 .. -1]]

    end

    custom_fields_values = add_nills(custom_fields_values)

    cfs = custom_fields_values[0].zip(custom_fields_values[1]).flatten

    s = "<tr>\n"

    n = 0

    cfs.each do |value|

      s << "</tr>\n<tr>\n" if n > 0 && (n % 2) == 0

      if value.nil?

        css = "custom_field_p clean"

        s << "\t<th class=\"#{css}\"> &nbsp; </th><td class=\"#{css}\"> &nbsp; </td>\n"

      else

        css = "cf_#{value.custom_field_id}"

        s << "\t<th class=\"#{css}\">#{ h(value.custom_field.name) }:</th><td class=\"#{css}\">#{ h(show_value(value)) }</td>\n"

      n +=1

    s << "</tr>\n"

    s.html_safe

  label_custom_field_layout: Редактирование расположения кастомных полей

  label_move_field: Переместите пустое поле

  label_remove_field: Удалите пустое поле, перреместив его сюда 

  label_custom_field_layout: Edit custom fields layout

  label_move_field: Move blank field 

  label_remove_field: Remove blank fields moving them here