gantt.rhtml
251 lines
| 8.6 KiB
| text/html+ruby
|
RhtmlLexer
|
r2778 | <h2><%= l(:label_gantt) %></h2> | ||
|
r1795 | <% form_tag(params.merge(:month => nil, :year => nil, :months => nil), :id => 'query_form') do %> | ||
|
r2777 | <fieldset id="filters" class="collapsible"> | ||
<legend onclick="toggleFieldset(this);"><%= l(:label_filter_plural) %></legend> | ||||
<div> | ||||
|
r1795 | <%= render :partial => 'queries/filters', :locals => {:query => @query} %> | ||
|
r2777 | </div> | ||
</fieldset> | ||||
|
r1795 | |||
|
r2777 | <p style="float:right;"> | ||
|
r1795 | <%= if @gantt.zoom < 4 | ||
link_to_remote image_tag('zoom_in.png'), {:url => @gantt.params.merge(:zoom => (@gantt.zoom+1)), :update => 'content'}, {:href => url_for(@gantt.params.merge(:zoom => (@gantt.zoom+1)))} | ||||
else | ||||
image_tag 'zoom_in_g.png' | ||||
end %> | ||||
<%= if @gantt.zoom > 1 | ||||
link_to_remote image_tag('zoom_out.png'), {:url => @gantt.params.merge(:zoom => (@gantt.zoom-1)), :update => 'content'}, {:href => url_for(@gantt.params.merge(:zoom => (@gantt.zoom-1)))} | ||||
else | ||||
image_tag 'zoom_out_g.png' | ||||
end %> | ||||
</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 %> | ||||
|
r1795 | <%= link_to_remote l(:button_apply), | ||
{ :url => { :set_filter => (@query.new_record? ? 1 : nil) }, | ||||
:update => "content", | ||||
:with => "Form.serialize('query_form')" | ||||
}, :class => 'icon icon-checked' %> | ||||
<%= link_to_remote l(:button_clear), | ||||
{ :url => { :set_filter => (@query.new_record? ? 1 : nil) }, | ||||
:update => "content", | ||||
}, :class => 'icon icon-reload' if @query.new_record? %> | ||||
</p> | ||||
<% end %> | ||||
<%= error_messages_for 'query' %> | ||||
<% if @query.valid? %> | ||||
|
r512 | <% zoom = 1 | ||
|
r1795 | @gantt.zoom.times { zoom = zoom * 2 } | ||
|
r512 | |||
subject_width = 330 | ||||
header_heigth = 18 | ||||
headers_height = header_heigth | ||||
show_weeks = false | ||||
show_days = false | ||||
|
r1795 | if @gantt.zoom >1 | ||
|
r512 | show_weeks = true | ||
headers_height = 2*header_heigth | ||||
|
r1795 | if @gantt.zoom > 2 | ||
|
r512 | show_days = true | ||
headers_height = 3*header_heigth | ||||
end | ||||
end | ||||
|
r1795 | g_width = (@gantt.date_to - @gantt.date_from + 1)*zoom | ||
g_height = [(20 * @gantt.events.length + 6)+150, 206].max | ||||
|
r512 | t_height = g_height + headers_height | ||
%> | ||||
|
r330 | <table width="100%" style="border:0; border-collapse: collapse;"> | ||
<tr> | ||||
|
r1795 | <td style="width:<%= subject_width %>px; padding:0px;"> | ||
|
r330 | |||
<div style="position:relative;height:<%= t_height + 24 %>px;width:<%= subject_width + 1 %>px;"> | ||||
|
r392 | <div style="right:-2px;width:<%= subject_width %>px;height:<%= headers_height %>px;background: #eee;" class="gantt_hdr"></div> | ||
|
r330 | <div style="right:-2px;width:<%= subject_width %>px;height:<%= t_height %>px;border-left: 1px solid #c0c0c0;overflow:hidden;" class="gantt_hdr"></div> | ||
<% | ||||
# | ||||
# Tasks subjects | ||||
# | ||||
|
r392 | top = headers_height + 8 | ||
|
r1795 | @gantt.events.each do |i| %> | ||
|
r425 | <div style="position: absolute;line-height:1.2em;height:16px;top:<%= top %>px;left:4px;overflow:hidden;"><small> | ||
<% if i.is_a? Issue %> | ||||
|
r1349 | <%= h("#{i.project} -") unless @project && @project == i.project %> | ||
|
r2926 | <%= link_to_issue i %> | ||
|
r425 | <% else %> | ||
|
r1349 | <span class="icon icon-package"> | ||
<%= h("#{i.project} -") unless @project && @project == i.project %> | ||||
<%= link_to_version i %> | ||||
</span> | ||||
|
r425 | <% end %> | ||
</small></div> | ||||
|
r392 | <% top = top + 20 | ||
|
r330 | end %> | ||
</div> | ||||
</td> | ||||
<td> | ||||
<div style="position:relative;height:<%= t_height + 24 %>px;overflow:auto;"> | ||||
|
r392 | <div style="width:<%= g_width-1 %>px;height:<%= headers_height %>px;background: #eee;" class="gantt_hdr"> </div> | ||
|
r330 | <% | ||
# | ||||
# Months headers | ||||
# | ||||
|
r1795 | month_f = @gantt.date_from | ||
|
r330 | left = 0 | ||
height = (show_weeks ? header_heigth : header_heigth + g_height) | ||||
|
r1795 | @gantt.months.times do | ||
|
r330 | width = ((month_f >> 1) - month_f) * zoom - 1 | ||
%> | ||||
<div style="left:<%= left %>px;width:<%= width %>px;height:<%= height %>px;" class="gantt_hdr"> | ||||
|
r1795 | <%= link_to "#{month_f.year}-#{month_f.month}", @gantt.params.merge(:year => month_f.year, :month => month_f.month), :title => "#{month_name(month_f.month)} #{month_f.year}"%> | ||
|
r330 | </div> | ||
<% | ||||
left = left + width + 1 | ||||
month_f = month_f >> 1 | ||||
end %> | ||||
<% | ||||
# | ||||
# Weeks headers | ||||
# | ||||
if show_weeks | ||||
left = 0 | ||||
height = (show_days ? header_heigth-1 : header_heigth-1 + g_height) | ||||
|
r1795 | if @gantt.date_from.cwday == 1 | ||
|
r330 | # @date_from is monday | ||
|
r1795 | week_f = @gantt.date_from | ||
|
r330 | else | ||
# find next monday after @date_from | ||||
|
r1795 | week_f = @gantt.date_from + (7 - @gantt.date_from.cwday + 1) | ||
width = (7 - @gantt.date_from.cwday + 1) * zoom-1 | ||||
|
r330 | %> | ||
<div style="left:<%= left %>px;top:19px;width:<%= width %>px;height:<%= height %>px;" class="gantt_hdr"> </div> | ||||
<% | ||||
left = left + width+1 | ||||
end %> | ||||
<% | ||||
|
r1795 | while week_f <= @gantt.date_to | ||
width = (week_f + 6 <= @gantt.date_to) ? 7 * zoom -1 : (@gantt.date_to - week_f + 1) * zoom-1 | ||||
|
r330 | %> | ||
<div style="left:<%= left %>px;top:19px;width:<%= width %>px;height:<%= height %>px;" class="gantt_hdr"> | ||||
<small><%= week_f.cweek if width >= 16 %></small> | ||||
</div> | ||||
<% | ||||
left = left + width+1 | ||||
week_f = week_f+7 | ||||
end | ||||
end %> | ||||
<% | ||||
# | ||||
# Days headers | ||||
# | ||||
if show_days | ||||
left = 0 | ||||
height = g_height + header_heigth - 1 | ||||
|
r1795 | wday = @gantt.date_from.cwday | ||
(@gantt.date_to - @gantt.date_from + 1).to_i.times do | ||||
|
r330 | width = zoom - 1 | ||
%> | ||||
<div style="left:<%= left %>px;top:37px;width:<%= width %>px;height:<%= height %>px;font-size:0.7em;<%= "background:#f1f1f1;" if wday > 5 %>" class="gantt_hdr"> | ||||
|
r498 | <%= day_name(wday).first %> | ||
|
r330 | </div> | ||
<% | ||||
left = left + width+1 | ||||
wday = wday + 1 | ||||
wday = 1 if wday > 7 | ||||
end | ||||
end %> | ||||
<% | ||||
# | ||||
# Tasks | ||||
# | ||||
|
r392 | top = headers_height + 10 | ||
|
r1795 | @gantt.events.each do |i| | ||
|
r425 | if i.is_a? Issue | ||
|
r1795 | i_start_date = (i.start_date >= @gantt.date_from ? i.start_date : @gantt.date_from ) | ||
i_end_date = (i.due_before <= @gantt.date_to ? i.due_before : @gantt.date_to ) | ||||
|
r330 | |||
|
r1441 | i_done_date = i.start_date + ((i.due_before - i.start_date+1)*i.done_ratio/100).floor | ||
|
r1795 | i_done_date = (i_done_date <= @gantt.date_from ? @gantt.date_from : i_done_date ) | ||
i_done_date = (i_done_date >= @gantt.date_to ? @gantt.date_to : i_done_date ) | ||||
|
r330 | |||
i_late_date = [i_end_date, Date.today].min if i_start_date < Date.today | ||||
|
r1795 | i_left = ((i_start_date - @gantt.date_from)*zoom).floor | ||
|
r330 | i_width = ((i_end_date - i_start_date + 1)*zoom).floor - 2 # total width of the issue (- 2 for left and right borders) | ||
d_width = ((i_done_date - i_start_date)*zoom).floor - 2 # done width | ||||
l_width = i_late_date ? ((i_late_date - i_start_date+1)*zoom).floor - 2 : 0 # delay width | ||||
%> | ||||
<div style="top:<%= top %>px;left:<%= i_left %>px;width:<%= i_width %>px;" class="task task_todo"> </div> | ||||
<% if l_width > 0 %> | ||||
<div style="top:<%= top %>px;left:<%= i_left %>px;width:<%= l_width %>px;" class="task task_late"> </div> | ||||
<% end %> | ||||
<% if d_width > 0 %> | ||||
<div style="top:<%= top %>px;left:<%= i_left %>px;width:<%= d_width %>px;" class="task task_done"> </div> | ||||
<% end %> | ||||
<div style="top:<%= top %>px;left:<%= i_left + i_width + 5 %>px;background:#fff;" class="task"> | ||||
<%= i.status.name %> | ||||
<%= (i.done_ratio).to_i %>% | ||||
</div> | ||||
<div class="tooltip" style="position: absolute;top:<%= top %>px;left:<%= i_left %>px;width:<%= i_width %>px;height:12px;"> | ||||
<span class="tip"> | ||||
|
r783 | <%= render_issue_tooltip i %> | ||
|
r330 | </span></div> | ||
|
r425 | <% else | ||
|
r1795 | i_left = ((i.start_date - @gantt.date_from)*zoom).floor | ||
|
r425 | %> | ||
<div style="top:<%= top %>px;left:<%= i_left %>px;width:15px;" class="task milestone"> </div> | ||||
<div style="top:<%= top %>px;left:<%= i_left + 12 %>px;background:#fff;" class="task"> | ||||
|
r1349 | <%= h("#{i.project} -") unless @project && @project == i.project %> | ||
<strong><%=h i %></strong> | ||||
|
r425 | </div> | ||
<% end %> | ||||
|
r330 | <% top = top + 20 | ||
end %> | ||||
|
r512 | |||
<% | ||||
# | ||||
# Today red line (excluded from cache) | ||||
# | ||||
|
r1795 | if Date.today >= @gantt.date_from and Date.today <= @gantt.date_to %> | ||
<div style="position: absolute;height:<%= g_height %>px;top:<%= headers_height + 1 %>px;left:<%= ((Date.today-@gantt.date_from+1)*zoom).floor()-1 %>px;width:10px;border-left: 1px dashed red;"> </div> | ||||
|
r512 | <% end %> | ||
|
r330 | </div> | ||
</td> | ||||
</tr> | ||||
</table> | ||||
<table width="100%"> | ||||
<tr> | ||||
|
r1795 | <td align="left"><%= link_to_remote ('« ' + l(:label_previous)), {:url => @gantt.params_previous, :update => 'content', :complete => 'window.scrollTo(0,0)'}, {:href => url_for(@gantt.params_previous)} %></td> | ||
<td align="right"><%= link_to_remote (l(:label_next) + ' »'), {:url => @gantt.params_next, :update => 'content', :complete => 'window.scrollTo(0,0)'}, {:href => url_for(@gantt.params_next)} %></td> | ||||
|
r330 | </tr> | ||
|
r512 | </table> | ||
|
r736 | |||
|
r2331 | <% other_formats_links do |f| %> | ||
<%= f.link_to 'PDF', :url => @gantt.params %> | ||||
<%= f.link_to('PNG', :url => @gantt.params) if @gantt.respond_to?('to_image') %> | ||||
|
r1795 | <% end %> | ||
<% end # query.valid? %> | ||||
|
r736 | |||
<% content_for :sidebar do %> | ||||
|
r1795 | <%= render :partial => 'issues/sidebar' %> | ||
|
r736 | <% end %> | ||
|
r951 | |||
|
r1019 | <% html_title(l(:label_gantt)) -%> | ||