Redmine

  def draw_selected_columns

    r = options[:draw_selected_columns]

    r == '1'

  end

  def draw_selected_columns=(arg)

    options[:draw_selected_columns] = (arg == '1' ? '1' : nil)

  end

    self.draw_selected_columns = params[:draw_selected_columns] || (params[:query] && params[:query][:draw_selected_columns]) || options[:draw_progress_line]

        <tr>

          <td>

            <fieldset>

              <legend>

                <%= l(:field_column_names) %>

              </legend>

              <label for="draw_selected_columns">

                <%= check_box 'query', 'draw_selected_columns', :id => 'draw_selected_columns' %>

                  <%= l(:label_display) %>

              </label>

              <%= render_query_columns_selection(@query) %>

            </fieldset>

          </td>

        </tr>

<table class='gantt-table'>

<td style="width:<%= subject_width %>px;" class="gantt_subjects_column">

    style += "width: #{subject_width}px;"

  <%= content_tag(:div, :style => style, :class => "gantt_subjects_container #{'draw_selected_columns' if @query.draw_selected_columns}") do %>

<% @query.columns.each do |column| %>

  <% next if Redmine::Helpers::Gantt::UNAVAILABLE_COLUMNS.include?(column.name) %>

  <td class="gantt_<%= column.name %>_column gantt_selected_column <%= 'last_gantt_selected_column' if @query.columns.last == column %>" id="<%= column.name %>">

    <%

      style = "position: relative;"

      style += "height: #{t_height + 24}px;"

    %>

    <%= content_tag(:div, :style => style, :class => "gantt_#{column.name}_container gantt_selected_column_container") do %>

      <%

        style = "height: #{t_height}px;"

        style += 'overflow: hidden;'

      %>

      <%= content_tag(:div, '', :style => style, :class => "gantt_hdr") %>

      <%

        style = "height: #{headers_height}px;"

        style += 'background: #eee;'

      %>

      <%= content_tag(:div, content_tag(:p, column.caption, :class => 'gantt_hdr_selected_column_name'), :style => style, :class => "gantt_hdr") %>

      <%= content_tag(:div, :class => "gantt_#{column.name} gantt_selected_column_content") do %>

        <%= @gantt.selected_column_content({:column => column, :top => headers_height + 8, :zoom => zoom, :g_width => g_width}).html_safe %>

      <% end %>

    <% end %>

  </td>

<% end %>

    disable_unavailable_columns('<%= Redmine::Helpers::Gantt::UNAVAILABLE_COLUMNS.map(&:to_s).join(',') %>'.split(','));

    drawSelectedColumns();

    $("#draw_relations, #draw_progress_line, #draw_selected_columns").change(drawGanttHandler);

<% unless params[:gantt] %>

  <%= hidden_field_tag 'query[draw_selected_columns]', '0' %>

  <label class="inline"><%= check_box_tag "query[draw_selected_columns]", "1", @query.draw_selected_columns %> <%= l(:label_gantt_selected_columns) %></label>

</fieldset>

  label_gantt_selected_columns: Selected columns

      UNAVAILABLE_COLUMNS = [:id, :subject]

        @columns ||= {}

      # Renders the selected column of the Gantt chart, the right side of subjects.

      def selected_column_content(options={})

        render(options.merge(:only => :selected_columns)) unless @columns.has_key?(options[:column].name)

        @columns[options[:column].name]

      end

        @subjects = +'' unless options[:only] == :lines || options[:only] == :selected_columns

        @lines = +'' unless options[:only] == :subjects || options[:only] == :selected_columns

        @columns[options[:column].name] = +'' if options[:only] == :selected_columns && @columns.has_key?(options[:column]) == false

        @subjects_rendered = true unless options[:only] == :lines || options[:only] == :selected_columns

        @lines_rendered = true unless options[:only] == :subjects || options[:only] == :selected_columns

        send("subject_for_#{class_name}", object, options) unless options[:only] == :lines || options[:only] == :selected_columns

        send("line_for_#{class_name}", object, options) unless options[:only] == :subjects || options[:only] == :selected_columns

        column_content_for_issue(object, options) if options[:only] == :selected_columns && options[:column].present? && object.is_a?(Issue)

      def column_content_for_issue(issue, options)

        if options[:format] == :html

          data_options = {}

          data_options[:collapse_expand] = "issue-#{issue.id}"

          style = "position: absolute;top: #{options[:top]}px; font-size: 0.8em;"

          content = view.content_tag(:div, view.column_content(options[:column], issue), :style => style, :class => "issue_#{options[:column].name}", :id => "#{options[:column].name}_issue_#{issue.id}", :data => data_options)

          @columns[options[:column].name] << content if @columns.has_key?(options[:column].name)

          content

        end

      end

function drawSelectedColumns(){

  if ($("#draw_selected_columns").prop('checked')) {

    if(isMobile()) {

      $('td.gantt_selected_column').each(function(i) {

        $(this).hide();

      });

    }else{

      $('.gantt_subjects_container').addClass('draw_selected_columns');

      $('td.gantt_selected_column').each(function() {

        $(this).show();

        var column_name = $(this).attr('id');

        $(this).resizable({

          alsoResize: '.gantt_' + column_name + '_container, .gantt_' + column_name + '_container > .gantt_hdr',

          minWidth: 20,

          handles: "e",

          create: function() {

            $(".ui-resizable-e").css("cursor","ew-resize");

          }

        }).on('resize', function (e) {

            e.stopPropagation();

        });

      });

    }

  }else{

    $('td.gantt_selected_column').each(function (i) {

      $(this).hide();

      $('.gantt_subjects_container').removeClass('draw_selected_columns');

    });

  }

}

  drawSelectedColumns();

  $('#content').addClass('gantt_content');

      $('#gantt_area form > div[data-collapse-expand="' + json.obj_id + '"], td.gantt_selected_column div[data-collapse-expand="' + json.obj_id + '"]').each(function(_, el){

        $(el).css('top', new_top_val);

      $('#gantt_area form > div[data-collapse-expand="' + json.obj_id + '"]').each(function(_, task) {

      $('td.gantt_selected_column div[data-collapse-expand="' + json.obj_id + '"]'

          ).each(function (_, attr) {

        var el_attr = $(attr);

        if (!is_shown)

          el_attr.css('top', target_top + total_height);

          el_attr.toggle(!is_shown);

      });

function disable_unavailable_columns(unavailable_columns) {

  $.each(unavailable_columns, function (index, value) {

    $('#available_c, #selected_c').children("[value='" + value + "']").prop('disabled', true);

  });

}

div.gantt_content {

  overflow: scroll;

}

table.gantt-table {

  width: 100%;

  border-collapse: collapse;

}

table.gantt-table td {

  padding: 0px;

}

  border-left: 1px solid #c0c0c0;

#gantt_area .gantt_hdr {

  border-left: 0px;

  border-right: 1px solid #c0c0c0;

}

.gantt_subjects_container:not(.draw_selected_columns) .gantt_hdr,

.last_gantt_selected_column .gantt_hdr {

  z-index: 10;

  border-right: 1px solid #c0c0c0;

}

.gantt_subjects_container .gantt_subjects * {

  z-index: 10;

}

.gantt_subjects,

.gantt_selected_column_content.gantt_hdr {

  font-size: 0.8em;

  position: relative;

  z-index: 1;

}

.gantt_subjects div,

.gantt_selected_column_content div {

  line-height: 16px;

  height: 16px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  width: 100%;

}

.gantt_selected_column_content { padding-left: 3px; padding-right: 3px;}

.gantt_hdr_selected_column_name {

  position: absolute;

  top: 50%;

  width:100%;

  transform: translateY(-50%);

  -webkit- transform: translateY(-50%);

  font-size: 0.8em;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

td.gantt_selected_column, td.gantt_selected_column .gantt_hdr,.gantt_selected_column_container {

  width: 50px;

}

            :draw_progress_line => '1',

            :draw_selected_columns => '1'

    assert_equal true, query.draw_selected_columns

            :draw_progress_line => '0',

            :draw_selected_columns => '0'

    assert_equal false, query.draw_selected_columns

  include QueriesHelper

  test "#selected_column_content" do

    create_gantt

    issue = Issue.generate!

    @gantt.query.column_names = [:assigned_to]

    issue.update(:assigned_to_id => issue.assignable_users.first.id)

    @project.issues << issue

    # :column => assigned_to

    @output_buffer = @gantt.selected_column_content({ :column => @gantt.query.columns.last })

    assert_select "div.issue_assigned_to#assigned_to_issue_#{issue.id}"

  end

  test "#column_content_for_issue" do

    create_gantt

    @gantt.query.column_names = [:assigned_to]

    issue = Issue.generate!

    issue.update(:assigned_to_id => issue.assignable_users.first.id)

    @project.issues << issue

    # :column => assigned_to

    options = { :column => @gantt.query.columns.last, :top => 64, :format => :html }

    @output_buffer = @gantt.column_content_for_issue(issue, options)

    assert_select "div.issue_assigned_to#assigned_to_issue_#{issue.id}"

    assert_includes @output_buffer, column_content(options[:column], issue)

  end