Redmine

  before_action :find_optional_project, :only => [:show]

  def change_duration

    return render_error(:status => :unprocessable_entity) unless request.xhr?

    @obj = Issue.find(params[:id])

    raise Unauthorized unless @obj.visible?

    ActiveRecord::Base.transaction do

      @obj.init_journal(User.current)

      @obj.safe_attributes = params[:change_duration]

      if !@obj.save

        render_403(:message => @obj.errors.full_messages.join)

        raise ActiveRecord::Rollback

      end

    end

    retrieve_query

  rescue ActiveRecord::StaleObjectError

    render_403(:message => :notice_issue_update_conflict)

  rescue ActiveRecord::RecordNotFound

    render_404

  end

<%

@draw_objs = []

def select_precedes(issue)

  issue.relations_from.where(:relation_type => IssueRelation::TYPE_PRECEDES).map(&:issue_to).each do |follows|

    next if @draw_objs.include?(follows)

    while follows do

      @draw_objs.concat [follows, follows.fixed_version, follows.project]

      select_precedes(follows)

      follows.children.each do |child|

        @draw_objs.concat [child, child.fixed_version, child.project]

        select_precedes(child)

      end

      follows = follows.parent

    end

  end

end

issue = @obj

while issue do

  @draw_objs.concat [issue, issue.fixed_version, issue.project]

  select_precedes(issue)

  issue = issue.parent

end

@draw_objs = @draw_objs.compact.uniq

@draw_objs.reject!{|obj| ![Project, Version, Issue].include?(obj.class)}

-%>

var elm;

<%

gantt = Redmine::Helpers::Gantt.new(params)

gantt.view = self

gantt.query = @query

@draw_objs.each do |obj|

  gantt.instance_variable_set(:@number_of_rows, 0)

  gantt.instance_variable_set(:@lines, '')

  gantt.render_object_row(

    obj,

    {format: :html, only: :lines, zoom: 2 ** gantt.zoom, top: 0, top_increment: 20}

  )

  todo_content = Nokogiri::HTML.parse(gantt.instance_variable_get(:@lines))

  todo_content = todo_content.xpath(

    "//div[contains(@class,'task') and contains(@class,'line')]/*"

  ).to_s.tr("\n",'').gsub(/'/, "\\\\'")

  klass_name = obj.class.name.underscore

  elm_todo = "[id=task-todo-#{klass_name}-#{obj.id}]"

  css_subject = 'span:not(.expander)'

  elm_subject = raw("[id=#{klass_name}-#{obj.id}] > #{css_subject}")

  subject_content = Nokogiri::HTML.parse(gantt.__send__(:html_subject_content, obj))

  subject_content = subject_content.css(css_subject).to_s.tr("\n",'').gsub(/'/, "\\\\'")

-%>

if($('<%= elm_subject %>').length){

  $('<%= elm_todo %>').each(function(_, task) {

    var el_parent = $(task).parent();

    el_parent.html('<%= raw(todo_content) %>');

    var number_of_rows = el_parent.attr('data-number-of-rows');

    if(number_of_rows){

      el_parent.find('div[data-number-of-rows]').attr('data-number-of-rows', number_of_rows);

    }

  });

  $('<%= elm_subject %>').replaceWith('<%= raw(subject_content) %>');

<%

  case obj

  when Issue

    @query.columns.each do |column|

-%>

  elm = $('div.gantt_selected_column_content #<%= column.name %>_issue_<%= obj.id %>');

  if(elm.length){

    elm.html('<%= escape_javascript(column_content(column, obj)) %>');

  }

<%

    end

  end

-%>

}

<%

end

-%>

  put '/gantt/:id/change_duration', :to => 'gantts#change_duration', :as => 'gantt_change_duration'

          data_options[:number_of_rows] = number_of_rows

          tag_options[:id] = "project-#{object.id}"

            :number_of_rows => number_of_rows,

        if object

          data_options[:collapse_expand] = "#{object.class}-#{object.id}".downcase

          data_options[:number_of_rows] = number_of_rows

        end

          width = coords[:bar_end] - coords[:bar_start]

          html_id =

            case object

            when Project

              "task-todo-project-#{object.id}"

            when Version

              "task-todo-version-#{object.id}"

            when Issue

              "task-todo-issue-#{object.id}"

            end

                         :class => "task_todo",

            content_opt[:data].merge!({

              :url_change_duration => Rails.application.routes.url_helpers.gantt_change_duration_path(

                object

              ),

              :object => {

                :start_date => object.start_date,

                :due_date => object.due_date,

                :lock_version => object.lock_version,

              }.to_json,

            })

          bar_contents = []

            width = coords[:bar_late_end] - coords[:bar_start]

            bar_contents << view.content_tag(:div, '&nbsp;'.html_safe,

                                             :style => style,

                                             :class => "task_late",

                                             :data => data_options)

            width = coords[:bar_progress_end] - coords[:bar_start]

            bar_contents << view.content_tag(:div, '&nbsp;'.html_safe,

                                             :style => style,

                                             :class => "task_done",

                                             :id => html_id,

                                             :data => data_options)

          end

          # Renders the tooltip

          if object.is_a?(Issue)

            s = view.content_tag(:span,

                               view.render_issue_tooltip(object).html_safe,

                               :class => "tip")

            s += view.content_tag(:input, nil, :type => 'checkbox', :name => 'ids[]', :value => object.id, :style => 'display:none;', :class => 'toggle-selection')

            style = +""

            style << "width:#{coords[:bar_end] - coords[:bar_start]}px;"

            style << "height:12px;"

            bar_contents << view.content_tag(:div, s.html_safe,

                                             :style => style,

                                             :class => "tooltip hascontextmenu",

                                             :data => data_options)

          end

          # Renders the label on the right

          if label

            style = +""

            style << "top:0px;"

            style << "left:#{coords[:bar_end] - coords[:bar_start] + 8}px;"

            bar_contents << view.content_tag(:div, label,

                                             :style => style,

                                             :class => "label",

                                             :data => data_options)

          end

          bar_contents = bar_contents.join.presence

          output << view.content_tag(:div, (bar_contents || '&nbsp;').html_safe, content_opt)

        else

          # Renders the label on the right

          if label

            style = +""

            style << "top:1px;"

            style << "left:#{(coords[:bar_end] || 0) + 8}px;"

            output << view.content_tag(:div, label,

                                       :class => "label",

                                       :class => "marker starting",

                                       :class => "marker ending",

        output = view.content_tag(:div, output.html_safe,

          :class => "#{css} line",

          :style => "top:#{params[:top]}px;width:#{params[:g_width] - 1}px;",

          :data => data_options

        )

  draw_top   = $("#gantt_draw_area").offset().top;

    var issue_from_top   = issue_from.offset().top  + (issue_height / 2) - draw_top;

    var issue_to_top   = issue_to.offset().top  + (issue_height / 2) - draw_top;

    draw_gantt.path(["M", issue_from_right,     issue_from_top,

                     "L", issue_from_right_rel, issue_from_top])

      draw_gantt.path(["M", issue_from_right_rel, issue_from_top,

                       "L", issue_from_right_rel, issue_to_top])

      draw_gantt.path(["M", issue_from_right_rel, issue_to_top,

                       "L", issue_to_left,        issue_to_top])

      draw_gantt.path(["M", issue_from_right_rel, issue_from_top,

                       "L", issue_from_right_rel, issue_middle_top])

      draw_gantt.path(["M", issue_from_right_rel, issue_middle_top,

                       "L", issue_to_left_rel,    issue_middle_top])

      draw_gantt.path(["M", issue_to_left_rel, issue_middle_top,

                       "L", issue_to_left_rel, issue_to_top])

      draw_gantt.path(["M", issue_to_left_rel, issue_to_top,

                       "L", issue_to_left,     issue_to_top])

    draw_gantt.path(["M", issue_to_left, issue_to_top,

  var today_left = $('#today_line').position().left + $("#gantt_area").scrollLeft();

    var t = $(element).offset().top - draw_top ;

        var done_left = today_left;

        var issue_todo = $("#task-todo-" + $(element).attr("id"));

        if (issue_todo.length > 0){

          done_left = issue_todo.first().position().left;

        }

  if(!$("#today_line").length) return;

      var x1 = (arr[i - 1].left == 0) ? 0 : arr[i - 1].left;

      var x2 = (arr[i].left == 0)     ? 0 : arr[i].left;

    var number_of_rows = el.data('number-of-rows');

    var el_task_bars = '#gantt_area form > div[data-collapse-expand="' + json.obj_id + '"][data-number-of-rows="' + number_of_rows + '"]';

    var el_selected_columns = 'td.gantt_selected_column div[data-collapse-expand="' + json.obj_id + '"][data-number-of-rows="' + number_of_rows + '"]';

      $([el_task_bars, el_selected_columns].join()).each(function(_, el){

      $(el_task_bars).each(function(_, task) {

      $(el_selected_columns).each(function (_, attr) {

initGanttDnD = function(){

  var grid_x = 0;

  if($('#zoom').length){

    switch(parseInt($('#zoom').val())){

    case 4:

      grid_x = 16;

      break;

    case 3:

      grid_x = 8;

      break;

    }

  }

  if(grid_x > 0){

    $('.leaf .task_todo').draggable({

      containment: 'parent',

      axis: 'x',

      grid: [grid_x, 0],

      opacity: 0.5,

      cursor: 'move',

      revertDuration: 100,

      start: function (event, ui) {

        var helper = ui.helper[0];

        helper.startLeft = ui.position.left;

      },

    });

    $('.task.line').droppable({

      accept: '.leaf .task_todo',

      drop: function (event, ui) {

        var target = $(ui.draggable);

        var url = target.attr('data-url-change-duration');

        var object = JSON.parse(target.attr('data-object'));

        var startLeft = target[0].startLeft;

        var relative_days = Math.floor((ui.position.left - startLeft) / grid_x);

        if(relative_days == 0){

          return;

        }

        var start_date = new Date(object.start_date);

        start_date.setDate(start_date.getDate() + relative_days);

        start_date =

          [

            start_date.getFullYear(),

            ('0' + (start_date.getMonth() + 1)).slice(-2),

            ('0' + start_date.getDate()).slice(-2),

          ].join('-');

        var due_date = null;

        if(object.due_date != null){

          due_date = new Date(object.due_date);

          due_date.setDate(due_date.getDate() + relative_days);

          due_date =

            [

              due_date.getFullYear(),

              ('0' + (due_date.getMonth() + 1)).slice(-2),

              ('0' + due_date.getDate()).slice(-2),

            ].join('-');

        }

        $('#selected_c option:not(:disabled)').prop('selected', true);

        var form = $('#query_form').serializeArray();

        var json_param = {};

        form.forEach(function(data){

          var key = data.name;

          var value = data.value;

          if(/\[\]$/.test(key)){

            if(!json_param.hasOwnProperty(key)){

              json_param[key] = [];

            }

            json_param[key].push(value);

          }

          else{

            json_param[key] = value;

          }

        });

        $('#selected_c option:not(:disabled)').prop('selected', false);

        Object.assign(json_param, {

          change_duration: {

            start_date: start_date,

            due_date: due_date,

            lock_version: object.lock_version,

          },

        });

        $.ajax({

          type: 'PUT',

          url: url,

          data: json_param,

        }).done(function(data){

          drawGanttHandler();

          initGanttDnD();

        }).fail(function(jqXHR){

          var contents = $('<div>' + jqXHR.responseText + '</div>');

          var error_message = contents.find('p#errorExplanation');

          if(error_message.length){

            $('div#content h2:first-of-type').after(error_message);

            $('p#errorExplanation').hide('fade', {}, 3000, function(){

              $(this).remove();

            });

          }

          ui.draggable.animate({'left': ui.draggable[0].startLeft}, 'fast');

        });

      }

    });

  }

};

$(document).ready(initGanttDnD);

  height:10px;

.task.line { left: 0; }

.task div.tooltip:hover span.tip { font-size: inherit; }

.task .task_todo .label { font-size: inherit; }

.task.project .task_todo .label { margin-top: -4px; }

.task.version .task_todo .label { margin-top: -3px; }

.task .label { position: absolute; width: auto; }

.task.project .label, .task.version .label { font-weight: bold; }

.task_late { position: absolute; height: inherit; background:#f66; }

.task_done { position: absolute; height: inherit; background:#00c600; }

.task_todo { position: absolute; height: inherit; background:#aaa; }

.parent .task_todo { background: #888; height: 5px; }

.parent .task_late, .parent .task_done { height: 5px; }

.parent .marker {

  background: #888;

  display: inline-block;

  position: absolute;

  width: 8px;

  height: 6px;

  margin-left: -5px;

  margin-bottom: -4px;

}

.parent .marker:after {

  border-top: 3px solid #888;

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  content: '';

  height: 0;

  left: 0;

  position: absolute;

  bottom: -3px;

  width: 0;

}

.version .task_late { background:#f66; height: 4px; }

.version .task_done { background:#00c600; height: 4px; }

.version .task_todo { background:#aaa; height: 4px; margin-top: 3px; }

.version .marker {

  width: 0;

  height: 0;

  border: 5px solid transparent;

  border-bottom-color: black;

  position: absolute;

  margin-top: -5px;

  margin-left: -6px;

}

.version .marker:after {

  content: '';

  position: absolute;

  left: -5px;

  top: 5px;

  width: 0;

  height: 0;

  border: 5px solid transparent;

  border-top-color: black;

}

.project .task_late { background:#f66; height: 2px; }

.project .task_done { background:#00c600; height: 2px; }

.project .task_todo { background:#aaa; height: 2px; margin-top: 4px; }

.project .marker {

  width: 0;

  height: 0;

  border: 5px solid transparent;

  border-bottom-color: blue;

  position: absolute;

  margin-top: -5px;

  margin-left: -6px;

}

.project .marker:after {

  content: '';

  position: absolute;

  left: -5px;

  top: 5px;

  width: 0;

  height: 0;

  border: 5px solid transparent;

  border-top-color: blue;

}

    should_route 'PUT /gantt/123/change_duration' => 'gantts#change_duration', :id => '123'

    assert_select "div.task.project" do

      assert_select "> div.task_todo" do

        assert_select "> div.label", /#{@project.name}/

      end

      assert_select "> div.starting"

      assert_select "> div.ending"

    end

    assert_select "div.task.version" do

      assert_select "> div.task_todo" do

        assert_select "div.label", /#{@version.name}/

      end

      assert_select "> div.starting"

      assert_select "> div.ending"

    end

    assert_select "div.task" do

      assert_select "> div.task_todo" do

        assert_select "> div.label", /#{@issue.done_ratio}/

        assert_select "> div.tooltip", /#{@issue.subject}/

      end

    end

    assert_select "div.task.project > div.task_todo" do

      assert_select "> div.label", :text => @project.name

    end

    assert_select "div.task.version > div.task_todo" do

      assert_select "> div.label", :text => 'Foo 30%'

    end

    assert_select "div.task_todo" do

      assert_select "> div.label", :text => "#{issue.status.name} 30%"

      assert_select "> div.tooltip", /#{issue.subject}/

    end

      assert_select 'div.task_todo[style*="left:0px"][style*="width:4px"]', 1, @output_buffer

      assert_select 'div.task_todo[style*="left:112px"][style*="width:4px"]', 1, @output_buffer

    assert_select 'div.task_todo[style*="width:60px"]', 1

    assert_select 'div.task_todo[style*="left:28px"]' do

      assert_select '> div.task_late', 1

    end

    assert_select 'div.task_late[style*="width:32px"]', 1

    assert_select 'div.task_todo[style*="width:4px"]' do

      assert_select '> div.task_late[style*="width:4px"]', 1

    end

    assert_select 'div.task_todo[style*="width:4px"]' do

      assert_select '> div.task_late[style*="width:4px"]', 1

    end

    assert_select 'div.task_todo[style*="left:28px"]' do

      assert_select '> div.task_done', 1

    end

    # 15 days * 4 px * 30% = 18 px

    assert_select 'div.task_done[style*="width:18px"]', 1

    # 15 days * 4 px = 60 px

    assert_select 'div.task_done[style*="width:60px"]', 1

    assert_select 'div.task_done[style*="width:4px"]', 1

    assert_select 'div.task_todo[style*="left:0px"]' do

      assert_select '> div.task_done[style*="width:10px"]', 1

    end