show.html.erb
372 lines
| 11.4 KiB
| text/plain
|
TextLexer
|
r3958 | <% @gantt.view = self %> | ||
|
r11790 | <div class="contextual"> | ||
<% if !@query.new_record? && @query.editable_by?(User.current) %> | ||||
<%= link_to l(:button_edit), edit_query_path(@query, :gantt => 1), :class => 'icon icon-edit' %> | ||||
<%= delete_link query_path(@query, :gantt => 1) %> | ||||
<% end %> | ||||
</div> | ||||
|
r13661 | <h2><%= @query.new_record? ? l(:label_gantt) : @query.name %></h2> | ||
|
r2778 | |||
|
r9346 | <%= form_tag({:controller => 'gantts', :action => 'show', | ||
:project_id => @project, :month => params[:month], | ||||
:year => params[:year], :months => params[:months]}, | ||||
:method => :get, :id => 'query_form') do %> | ||||
|
r5156 | <%= hidden_field_tag 'set_filter', '1' %> | ||
|
r11790 | <%= hidden_field_tag 'gantt', '1' %> | ||
|
r4790 | <fieldset id="filters" class="collapsible <%= @query.new_record? ? "" : "collapsed" %>"> | ||
|
r2777 | <legend onclick="toggleFieldset(this);"><%= l(:label_filter_plural) %></legend> | ||
|
r7209 | <div style="<%= @query.new_record? ? "" : "display: none;" %>"> | ||
|
r1795 | <%= render :partial => 'queries/filters', :locals => {:query => @query} %> | ||
|
r2777 | </div> | ||
</fieldset> | ||||
|
r14873 | <fieldset id="options" class="collapsible collapsed"> | ||
|
r10985 | <legend onclick="toggleFieldset(this);"><%= l(:label_options) %></legend> | ||
<div style="display: none;"> | ||||
|
r10980 | <table> | ||
<tr> | ||||
<td> | ||||
<fieldset> | ||||
<legend><%= l(:label_related_issues) %></legend> | ||||
|
r11790 | <label for="draw_relations"> | ||
<%= check_box 'query', 'draw_relations', :id => 'draw_relations' %> | ||||
|
r10980 | <% rels = [IssueRelation::TYPE_BLOCKS, IssueRelation::TYPE_PRECEDES] %> | ||
<% rels.each do |rel| %> | ||||
<% color = Redmine::Helpers::Gantt::DRAW_TYPES[rel][:color] %> | ||||
<%= content_tag(:span, ' '.html_safe, | ||||
:style => "background-color: #{color}") %> | ||||
<%= l(IssueRelation::TYPES[rel][:name]) %> | ||||
<% end %> | ||||
</label> | ||||
</fieldset> | ||||
</td> | ||||
<td> | ||||
<fieldset> | ||||
<legend><%= l(:label_gantt_progress_line) %></legend> | ||||
|
r11790 | <label for="draw_progress_line"> | ||
<%= check_box 'query', 'draw_progress_line', :id => 'draw_progress_line' %> | ||||
|
r10980 | <%= l(:label_display) %> | ||
</label> | ||||
</fieldset> | ||||
</td> | ||||
</tr> | ||||
</table> | ||||
</div> | ||||
</fieldset> | ||||
|
r1795 | |||
|
r4169 | <p class="contextual"> | ||
|
r3642 | <%= gantt_zoom_link(@gantt, :in) %> | ||
<%= gantt_zoom_link(@gantt, :out) %> | ||||
|
r1795 | </p> | ||
<p class="buttons"> | ||||
|
r2777 | <%= text_field_tag 'months', @gantt.months, :size => 2 %> | ||
<%= l(:label_months_from) %> | ||||
<%= select_month(@gantt.month_from, :prefix => "month", :discard_type => true) %> | ||||
<%= select_year(@gantt.year_from, :prefix => "year", :discard_type => true) %> | ||||
<%= hidden_field_tag 'zoom', @gantt.zoom %> | ||||
|
r10126 | <%= link_to_function l(:button_apply), '$("#query_form").submit()', | ||
:class => 'icon icon-checked' %> | ||||
<%= link_to l(:button_clear), { :project_id => @project, :set_filter => 1 }, | ||||
:class => 'icon icon-reload' %> | ||||
|
r11790 | <% if @query.new_record? && User.current.allowed_to?(:save_queries, @project, :global => true) %> | ||
<%= link_to_function l(:button_save), | ||||
"$('#query_form').attr('action', '#{ @project ? new_project_query_path(@project) : new_query_path }').submit();", | ||||
:class => 'icon icon-save' %> | ||||
<% end %> | ||||
|
r1795 | </p> | ||
<% end %> | ||||
<%= error_messages_for 'query' %> | ||||
<% if @query.valid? %> | ||||
|
r9881 | <% | ||
|
r10139 | zoom = 1 | ||
@gantt.zoom.times { zoom = zoom * 2 } | ||||
|
r512 | |||
|
r10139 | subject_width = 330 | ||
|
r11032 | header_height = 18 | ||
|
r512 | |||
|
r11032 | headers_height = header_height | ||
|
r10139 | show_weeks = false | ||
show_days = false | ||||
|
r14256 | show_day_num = false | ||
|
r512 | |||
|
r10139 | if @gantt.zoom > 1 | ||
|
r512 | show_weeks = true | ||
|
r11032 | headers_height = 2 * header_height | ||
|
r1795 | if @gantt.zoom > 2 | ||
|
r512 | show_days = true | ||
|
r11032 | headers_height = 3 * header_height | ||
|
r14256 | if @gantt.zoom > 3 | ||
show_day_num = true | ||||
headers_height = 4 * header_height | ||||
end | ||||
|
r512 | end | ||
|
r10139 | end | ||
|
r512 | |||
|
r10139 | # Width of the entire chart | ||
g_width = ((@gantt.date_to - @gantt.date_from + 1) * zoom).to_i | ||||
@gantt.render(:top => headers_height + 8, | ||||
:zoom => zoom, | ||||
:g_width => g_width, | ||||
:subject_width => subject_width) | ||||
g_height = [(20 * (@gantt.number_of_rows + 6)) + 150, 206].max | ||||
t_height = g_height + headers_height | ||||
|
r512 | %> | ||
|
r4399 | |||
<% if @gantt.truncated %> | ||||
|
r7209 | <p class="warning"><%= l(:notice_gantt_chart_truncated, :max => @gantt.max_rows) %></p> | ||
|
r4399 | <% end %> | ||
|
r9133 | <table style="width:100%; border:0; border-collapse: collapse;"> | ||
|
r330 | <tr> | ||
|
r1795 | <td style="width:<%= subject_width %>px; padding:0px;"> | ||
|
r10137 | <% | ||
style = "" | ||||
style += "position:relative;" | ||||
style += "height: #{t_height + 24}px;" | ||||
style += "width: #{subject_width + 1}px;" | ||||
%> | ||||
<%= content_tag(:div, :style => style) do %> | ||||
<% | ||||
style = "" | ||||
style += "right:-2px;" | ||||
style += "width: #{subject_width}px;" | ||||
style += "height: #{headers_height}px;" | ||||
style += 'background: #eee;' | ||||
%> | ||||
<%= content_tag(:div, "", :style => style, :class => "gantt_hdr") %> | ||||
<% | ||||
style = "" | ||||
style += "right:-2px;" | ||||
style += "width: #{subject_width}px;" | ||||
style += "height: #{t_height}px;" | ||||
style += 'border-left: 1px solid #c0c0c0;' | ||||
style += 'overflow: hidden;' | ||||
%> | ||||
<%= content_tag(:div, "", :style => style, :class => "gantt_hdr") %> | ||||
<%= content_tag(:div, :class => "gantt_subjects") do %> | ||||
<%= @gantt.subjects.html_safe %> | ||||
<% end %> | ||||
<% end %> | ||||
|
r330 | </td> | ||
|
r10140 | <td> | ||
|
r10888 | <div style="position:relative;height:<%= t_height + 24 %>px;overflow:auto;" id="gantt_area"> | ||
|
r10140 | <% | ||
style = "" | ||||
style += "width: #{g_width - 1}px;" | ||||
style += "height: #{headers_height}px;" | ||||
style += 'background: #eee;' | ||||
%> | ||||
<%= content_tag(:div, ' '.html_safe, :style => style, :class => "gantt_hdr") %> | ||||
|
r10138 | |||
<% ###### Months headers ###### %> | ||||
|
r7106 | <% | ||
|
r10138 | month_f = @gantt.date_from | ||
left = 0 | ||||
|
r11032 | height = (show_weeks ? header_height : header_height + g_height) | ||
|
r10128 | %> | ||
<% @gantt.months.times do %> | ||||
|
r10138 | <% | ||
|
r10132 | width = (((month_f >> 1) - month_f) * zoom - 1).to_i | ||
style = "" | ||||
style += "left: #{left}px;" | ||||
style += "width: #{width}px;" | ||||
style += "height: #{height}px;" | ||||
%> | ||||
<%= content_tag(:div, :style => style, :class => "gantt_hdr") do %> | ||||
|
r13661 | <%= link_to "#{month_f.year}-#{month_f.month}", | ||
|
r10126 | @gantt.params.merge(:year => month_f.year, :month => month_f.month), | ||
:title => "#{month_name(month_f.month)} #{month_f.year}" %> | ||||
|
r10132 | <% end %> | ||
|
r7209 | <% | ||
|
r10138 | left = left + width + 1 | ||
month_f = month_f >> 1 | ||||
|
r10128 | %> | ||
<% end %> | ||||
|
r330 | |||
|
r10142 | <% ###### Weeks headers ###### %> | ||
|
r10129 | <% if show_weeks %> | ||
<% | ||||
|
r10142 | left = 0 | ||
|
r11032 | height = (show_days ? header_height - 1 : header_height - 1 + g_height) | ||
|
r10129 | %> | ||
<% if @gantt.date_from.cwday == 1 %> | ||||
<% | ||||
|
r10142 | # @date_from is monday | ||
week_f = @gantt.date_from | ||||
|
r10129 | %> | ||
<% else %> | ||||
<% | ||||
|
r10133 | # find next monday after @date_from | ||
week_f = @gantt.date_from + (7 - @gantt.date_from.cwday + 1) | ||||
width = (7 - @gantt.date_from.cwday + 1) * zoom - 1 | ||||
style = "" | ||||
style += "left: #{left}px;" | ||||
style += "top: 19px;" | ||||
style += "width: #{width}px;" | ||||
style += "height: #{height}px;" | ||||
|
r7209 | %> | ||
|
r10133 | <%= content_tag(:div, ' '.html_safe, | ||
:style => style, :class => "gantt_hdr") %> | ||||
|
r10129 | <% left = left + width + 1 %> | ||
<% end %> | ||||
<% while week_f <= @gantt.date_to %> | ||||
|
r10133 | <% | ||
width = ((week_f + 6 <= @gantt.date_to) ? | ||||
7 * zoom - 1 : | ||||
(@gantt.date_to - week_f + 1) * zoom - 1).to_i | ||||
style = "" | ||||
style += "left: #{left}px;" | ||||
style += "top: 19px;" | ||||
style += "width: #{width}px;" | ||||
style += "height: #{height}px;" | ||||
%> | ||||
<%= content_tag(:div, :style => style, :class => "gantt_hdr") do %> | ||||
<%= content_tag(:small) do %> | ||||
<%= week_f.cweek if width >= 16 %> | ||||
<% end %> | ||||
<% end %> | ||||
|
r7209 | <% | ||
|
r10142 | left = left + width + 1 | ||
week_f = week_f + 7 | ||||
|
r10129 | %> | ||
<% end %> | ||||
<% end %> | ||||
|
r330 | |||
|
r14256 | <% ###### Day numbers headers ###### %> | ||
<% if show_day_num %> | ||||
<% | ||||
left = 0 | ||||
height = g_height + header_height*2 - 1 | ||||
wday = @gantt.date_from.cwday | ||||
day_num = @gantt.date_from | ||||
%> | ||||
<% (@gantt.date_to - @gantt.date_from + 1).to_i.times do %> | ||||
<% | ||||
width = zoom - 1 | ||||
style = "" | ||||
style += "left:#{left}px;" | ||||
style += "top:37px;" | ||||
style += "width:#{width}px;" | ||||
style += "height:#{height}px;" | ||||
style += "font-size:0.7em;" | ||||
clss = "gantt_hdr" | ||||
clss << " nwday" if @gantt.non_working_week_days.include?(wday) | ||||
%> | ||||
<%= content_tag(:div, :style => style, :class => clss) do %> | ||||
<%= day_num.day %> | ||||
<% end %> | ||||
<% | ||||
left = left + width+1 | ||||
day_num = day_num + 1 | ||||
wday = wday + 1 | ||||
wday = 1 if wday > 7 | ||||
%> | ||||
<% end %> | ||||
<% end %> | ||||
|
r10143 | <% ###### Days headers ####### %> | ||
|
r10131 | <% if show_days %> | ||
<% | ||||
|
r10143 | left = 0 | ||
|
r11032 | height = g_height + header_height - 1 | ||
|
r14256 | top = (show_day_num ? 55 : 37) | ||
|
r10143 | wday = @gantt.date_from.cwday | ||
|
r10131 | %> | ||
<% (@gantt.date_to - @gantt.date_from + 1).to_i.times do %> | ||||
|
r10141 | <% | ||
width = zoom - 1 | ||||
style = "" | ||||
style += "left: #{left}px;" | ||||
|
r14256 | style += "top: #{top}px;" | ||
|
r10141 | style += "width: #{width}px;" | ||
style += "height: #{height}px;" | ||||
style += "font-size:0.7em;" | ||||
|
r10534 | clss = "gantt_hdr" | ||
clss << " nwday" if @gantt.non_working_week_days.include?(wday) | ||||
|
r10141 | %> | ||
|
r10534 | <%= content_tag(:div, :style => style, :class => clss) do %> | ||
|
r10141 | <%= day_letter(wday) %> | ||
<% end %> | ||||
|
r10127 | <% | ||
|
r10143 | left = left + width + 1 | ||
wday = wday + 1 | ||||
wday = 1 if wday > 7 | ||||
|
r10131 | %> | ||
<% end %> | ||||
<% end %> | ||||
|
r330 | |||
|
r7436 | <%= @gantt.lines.html_safe %> | ||
|
r512 | |||
|
r10134 | <% ###### Today red line (excluded from cache) ###### %> | ||
|
r14997 | <% if User.current.today >= @gantt.date_from and User.current.today <= @gantt.date_to %> | ||
|
r10134 | <% | ||
|
r14997 | today_left = (((User.current.today - @gantt.date_from + 1) * zoom).floor() - 1).to_i | ||
|
r10135 | style = "" | ||
style += "position: absolute;" | ||||
style += "height: #{g_height}px;" | ||||
style += "top: #{headers_height + 1}px;" | ||||
|
r10136 | style += "left: #{today_left}px;" | ||
|
r10135 | style += "width:10px;" | ||
style += "border-left: 1px dashed red;" | ||||
|
r10134 | %> | ||
|
r10980 | <%= content_tag(:div, ' '.html_safe, :style => style, :id => 'today_line') %> | ||
|
r512 | <% end %> | ||
|
r10888 | <% | ||
style = "" | ||||
style += "position: absolute;" | ||||
style += "height: #{g_height}px;" | ||||
style += "top: #{headers_height + 1}px;" | ||||
style += "left: 0px;" | ||||
style += "width: #{g_width - 1}px;" | ||||
%> | ||||
<%= content_tag(:div, '', :style => style, :id => "gantt_draw_area") %> | ||||
|
r330 | </div> | ||
</td> | ||||
</tr> | ||||
</table> | ||||
|
r9133 | <table style="width:100%"> | ||
|
r330 | <tr> | ||
|
r12038 | <td style="text-align:left;"> | ||
|
r10130 | <%= link_to_content_update("\xc2\xab " + l(:label_previous), | ||
|
r13412 | params.merge(@gantt.params_previous), | ||
:accesskey => accesskey(:previous)) %> | ||||
|
r10130 | </td> | ||
|
r12038 | <td style="text-align:right;"> | ||
|
r10130 | <%= link_to_content_update(l(:label_next) + " \xc2\xbb", | ||
|
r13412 | params.merge(@gantt.params_next), | ||
:accesskey => accesskey(:next)) %> | ||||
|
r10130 | </td> | ||
|
r330 | </tr> | ||
|
r512 | </table> | ||
|
r736 | |||
|
r2331 | <% other_formats_links do |f| %> | ||
|
r7209 | <%= f.link_to 'PDF', :url => params.merge(@gantt.params) %> | ||
<%= f.link_to('PNG', :url => params.merge(@gantt.params)) if @gantt.respond_to?('to_image') %> | ||||
|
r1795 | <% end %> | ||
<% end # query.valid? %> | ||||
|
r736 | |||
<% content_for :sidebar do %> | ||||
|
r9881 | <%= render :partial => 'issues/sidebar' %> | ||
|
r736 | <% end %> | ||
|
r951 | |||
|
r1019 | <% html_title(l(:label_gantt)) -%> | ||
|
r10888 | |||
<% content_for :header_tags do %> | ||||
<%= javascript_include_tag 'raphael' %> | ||||
<%= javascript_include_tag 'gantt' %> | ||||
<% end %> | ||||
<%= javascript_tag do %> | ||||
var issue_relation_type = <%= raw Redmine::Helpers::Gantt::DRAW_TYPES.to_json %>; | ||||
$(document).ready(drawGanttHandler); | ||||
$(window).resize(drawGanttHandler); | ||||
|
r10980 | $(function() { | ||
|
r11790 | $("#draw_relations").change(drawGanttHandler); | ||
|
r10980 | $("#draw_progress_line").change(drawGanttHandler); | ||
}); | ||||
|
r10888 | <% end %> | ||