You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
322 lines
11 KiB
322 lines
11 KiB
<div class="container-big mb10">
|
|
<div class="project_r_h" style="width:970px;">
|
|
<h2 class="project_h2"><% @gantt.view = self %>
|
|
<%= @query.new_record? ? l(:label_gantt) : h(@query.name) %></h2>
|
|
</div>
|
|
|
|
<%= form_tag({:controller => 'gantts', :action => 'show',
|
|
:project_id => @project, :month => params[:month],
|
|
:year => params[:year], :months => params[:months]},
|
|
:method => :get, :id => 'query_form') do %>
|
|
<%= hidden_field_tag 'set_filter', '1' %>
|
|
<!--<fieldset id="filters" class="collapsible <%#= @query.new_record? ? "" : "collapsed" %>">-->
|
|
<!--<legend onclick="toggleFieldset(this);"><%#= l(:label_filter_plural) %></legend>-->
|
|
<!--<div style="<%#= @query.new_record? ? "" : "display: none;" %>">-->
|
|
<!--<%#= render :partial => 'queries/filters', :locals => {:query => @query} %>-->
|
|
<!--</div>-->
|
|
<!--</fieldset>-->
|
|
<fieldset class="collapsible collapsed">
|
|
<legend onclick="toggleFieldset(this);"><%= l(:label_options) %></legend>
|
|
<div style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<fieldset>
|
|
<legend><%= l(:label_related_issues) %></legend>
|
|
<label style="padding:10px;">
|
|
<%= check_box_tag "draw_rels", params["draw_rels"], params[:set_filter].blank? || params[:draw_rels] %>
|
|
<% 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>
|
|
<label style="padding:10px;">
|
|
<%= check_box_tag "draw_progress_line", params[:draw_progress_line], params[:draw_progress_line] %>
|
|
<%= l(:label_display) %>
|
|
</label>
|
|
</fieldset>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<!--<p class="contextual">-->
|
|
<!--<%#= gantt_zoom_link(@gantt, :in) %>-->
|
|
<!--<%#= gantt_zoom_link(@gantt, :out) %>-->
|
|
<!--</p>-->
|
|
|
|
<p class="buttons">
|
|
<%= 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 %>
|
|
|
|
<%= 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' %>
|
|
</p>
|
|
<% end %>
|
|
|
|
<%= error_messages_for 'query' %>
|
|
<% if @query.valid? %>
|
|
<%
|
|
zoom = 1
|
|
@gantt.zoom.times { zoom = zoom * 2 }
|
|
|
|
subject_width = 330
|
|
header_height = 18
|
|
|
|
headers_height = header_height
|
|
show_weeks = false
|
|
show_days = false
|
|
|
|
if @gantt.zoom > 1
|
|
show_weeks = true
|
|
headers_height = 2 * header_height
|
|
if @gantt.zoom > 2
|
|
show_days = true
|
|
headers_height = 3 * header_height
|
|
end
|
|
end
|
|
|
|
# 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
|
|
%>
|
|
|
|
<%# if @gantt.truncated %>
|
|
<!--<p class="warning"><%#= l(:notice_gantt_chart_truncated, :max => @gantt.max_rows) %></p>-->
|
|
<%# end %>
|
|
|
|
<table style="width:100%; border:0; border-collapse: collapse;">
|
|
<tr>
|
|
<td style="width:<%= subject_width %>px; padding:0px;">
|
|
<%
|
|
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;'
|
|
style += 'z-index: 1;'
|
|
%>
|
|
<%= 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 %>
|
|
</td>
|
|
|
|
<td>
|
|
<div style="position:relative;height:<%= t_height + 24 %>px;overflow:auto;" id="gantt_area">
|
|
<%
|
|
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") %>
|
|
|
|
<% ###### Months headers ###### %>
|
|
<%
|
|
month_f = @gantt.date_from
|
|
left = 0
|
|
height = (show_weeks ? header_height : header_height + g_height)
|
|
%>
|
|
<% @gantt.months.times do %>
|
|
<%
|
|
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 %>
|
|
<%= link_to h("#{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}" %>
|
|
<% end %>
|
|
<%
|
|
left = left + width + 1
|
|
month_f = month_f >> 1
|
|
%>
|
|
<% end %>
|
|
|
|
<% ###### Weeks headers ###### %>
|
|
<% if show_weeks %>
|
|
<%
|
|
left = 0
|
|
height = (show_days ? header_height - 1 : header_height - 1 + g_height)
|
|
%>
|
|
<% if @gantt.date_from.cwday == 1 %>
|
|
<%
|
|
# @date_from is monday
|
|
week_f = @gantt.date_from
|
|
%>
|
|
<% else %>
|
|
<%
|
|
# 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;"
|
|
%>
|
|
<%= content_tag(:div, ' '.html_safe,
|
|
:style => style, :class => "gantt_hdr") %>
|
|
<% left = left + width + 1 %>
|
|
<% end %>
|
|
<% while week_f <= @gantt.date_to %>
|
|
<%
|
|
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 %>
|
|
<%
|
|
left = left + width + 1
|
|
week_f = week_f + 7
|
|
%>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<% ###### Days headers ####### %>
|
|
<% if show_days %>
|
|
<%
|
|
left = 0
|
|
height = g_height + header_height - 1
|
|
wday = @gantt.date_from.cwday
|
|
%>
|
|
<% (@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_letter(wday) %>
|
|
<% end %>
|
|
<%
|
|
left = left + width + 1
|
|
wday = wday + 1
|
|
wday = 1 if wday > 7
|
|
%>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<%= @gantt.lines.html_safe %>
|
|
|
|
<% ###### Today red line (excluded from cache) ###### %>
|
|
<% if Date.today >= @gantt.date_from and Date.today <= @gantt.date_to %>
|
|
<%
|
|
today_left = (((Date.today - @gantt.date_from + 1) * zoom).floor() - 1).to_i
|
|
style = ""
|
|
style += "position: absolute;"
|
|
style += "height: #{g_height}px;"
|
|
style += "top: #{headers_height + 1}px;"
|
|
style += "left: #{today_left}px;"
|
|
style += "width:10px;"
|
|
style += "border-left: 1px dashed red;"
|
|
%>
|
|
<%= content_tag(:div, ' '.html_safe, :style => style, :id => 'today_line') %>
|
|
<% end %>
|
|
<%
|
|
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") %>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table style="width:100%">
|
|
<tr>
|
|
<td align="left">
|
|
<%= link_to_content_update("\xc2\xab " + l(:label_previous),
|
|
params.merge(@gantt.params_previous)) %>
|
|
</td>
|
|
<td align="right">
|
|
<%= link_to_content_update(l(:label_next) + " \xc2\xbb",
|
|
params.merge(@gantt.params_next)) %>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<% end # query.valid? %>
|
|
|
|
<% content_for :sidebar do %>
|
|
<%= render :partial => 'issues/sidebar' %>
|
|
<% end %>
|
|
|
|
<% html_title(l(:label_gantt)) -%>
|
|
</div>
|
|
|
|
<% 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);
|
|
$(function() {
|
|
$("#draw_rels").change(drawGanttHandler);
|
|
$("#draw_progress_line").change(drawGanttHandler);
|
|
});
|
|
<% end %>
|