##// END OF EJS Templates
gantt: code layout cleanup html months headers...
Toshi MARUYAMA -
r10138:eeedd287adf3
parent child
Show More
@@ -1,260 +1,257
1 1 <% @gantt.view = self %>
2 2 <h2><%= @query.new_record? ? l(:label_gantt) : h(@query.name) %></h2>
3 3
4 4 <%= form_tag({:controller => 'gantts', :action => 'show',
5 5 :project_id => @project, :month => params[:month],
6 6 :year => params[:year], :months => params[:months]},
7 7 :method => :get, :id => 'query_form') do %>
8 8 <%= hidden_field_tag 'set_filter', '1' %>
9 9 <fieldset id="filters" class="collapsible <%= @query.new_record? ? "" : "collapsed" %>">
10 10 <legend onclick="toggleFieldset(this);"><%= l(:label_filter_plural) %></legend>
11 11 <div style="<%= @query.new_record? ? "" : "display: none;" %>">
12 12 <%= render :partial => 'queries/filters', :locals => {:query => @query} %>
13 13 </div>
14 14 </fieldset>
15 15
16 16 <p class="contextual">
17 17 <%= gantt_zoom_link(@gantt, :in) %>
18 18 <%= gantt_zoom_link(@gantt, :out) %>
19 19 </p>
20 20
21 21 <p class="buttons">
22 22 <%= text_field_tag 'months', @gantt.months, :size => 2 %>
23 23 <%= l(:label_months_from) %>
24 24 <%= select_month(@gantt.month_from, :prefix => "month", :discard_type => true) %>
25 25 <%= select_year(@gantt.year_from, :prefix => "year", :discard_type => true) %>
26 26 <%= hidden_field_tag 'zoom', @gantt.zoom %>
27 27
28 28 <%= link_to_function l(:button_apply), '$("#query_form").submit()',
29 29 :class => 'icon icon-checked' %>
30 30 <%= link_to l(:button_clear), { :project_id => @project, :set_filter => 1 },
31 31 :class => 'icon icon-reload' %>
32 32 </p>
33 33 <% end %>
34 34
35 35 <%= error_messages_for 'query' %>
36 36 <% if @query.valid? %>
37 37 <%
38 38 zoom = 1
39 39 @gantt.zoom.times { zoom = zoom * 2 }
40 40
41 41 subject_width = 330
42 42 header_heigth = 18
43 43
44 44 headers_height = header_heigth
45 45 show_weeks = false
46 46 show_days = false
47 47
48 48 if @gantt.zoom > 1
49 49 show_weeks = true
50 50 headers_height = 2 * header_heigth
51 51 if @gantt.zoom > 2
52 52 show_days = true
53 53 headers_height = 3 * header_heigth
54 54 end
55 55 end
56 56
57 57 # Width of the entire chart
58 58 g_width = ((@gantt.date_to - @gantt.date_from + 1) * zoom).to_i
59 59 @gantt.render(:top => headers_height + 8,
60 60 :zoom => zoom,
61 61 :g_width => g_width,
62 62 :subject_width => subject_width)
63 63 g_height = [(20 * (@gantt.number_of_rows + 6)) + 150, 206].max
64 64 t_height = g_height + headers_height
65 65 %>
66 66
67 67 <% if @gantt.truncated %>
68 68 <p class="warning"><%= l(:notice_gantt_chart_truncated, :max => @gantt.max_rows) %></p>
69 69 <% end %>
70 70
71 71 <table style="width:100%; border:0; border-collapse: collapse;">
72 72 <tr>
73 73 <td style="width:<%= subject_width %>px; padding:0px;">
74 74 <%
75 75 style = ""
76 76 style += "position:relative;"
77 77 style += "height: #{t_height + 24}px;"
78 78 style += "width: #{subject_width + 1}px;"
79 79 %>
80 80 <%= content_tag(:div, :style => style) do %>
81 81 <%
82 82 style = ""
83 83 style += "right:-2px;"
84 84 style += "width: #{subject_width}px;"
85 85 style += "height: #{headers_height}px;"
86 86 style += 'background: #eee;'
87 87 %>
88 88 <%= content_tag(:div, "", :style => style, :class => "gantt_hdr") %>
89 89 <%
90 90 style = ""
91 91 style += "right:-2px;"
92 92 style += "width: #{subject_width}px;"
93 93 style += "height: #{t_height}px;"
94 94 style += 'border-left: 1px solid #c0c0c0;'
95 95 style += 'overflow: hidden;'
96 96 %>
97 97 <%= content_tag(:div, "", :style => style, :class => "gantt_hdr") %>
98 98 <%= content_tag(:div, :class => "gantt_subjects") do %>
99 99 <%= @gantt.subjects.html_safe %>
100 100 <% end %>
101 101 <% end %>
102 102 </td>
103 103 <td>
104 104
105 105 <div style="position:relative;height:<%= t_height + 24 %>px;overflow:auto;">
106 106 <div style="width:<%= g_width - 1 %>px;height:<%= headers_height %>px;background: #eee;"
107 107 class="gantt_hdr">&nbsp;</div>
108 <%
109 #
110 # Months headers
111 #
112 %>
108
109 <% ###### Months headers ###### %>
113 110 <%
114 111 month_f = @gantt.date_from
115 112 left = 0
116 113 height = (show_weeks ? header_heigth : header_heigth + g_height)
117 114 %>
118 115 <% @gantt.months.times do %>
119 116 <%
120 117 width = (((month_f >> 1) - month_f) * zoom - 1).to_i
121 118 style = ""
122 119 style += "left: #{left}px;"
123 120 style += "width: #{width}px;"
124 121 style += "height: #{height}px;"
125 122 %>
126 123 <%= content_tag(:div, :style => style, :class => "gantt_hdr") do %>
127 124 <%= link_to h("#{month_f.year}-#{month_f.month}"),
128 125 @gantt.params.merge(:year => month_f.year, :month => month_f.month),
129 126 :title => "#{month_name(month_f.month)} #{month_f.year}" %>
130 127 <% end %>
131 128 <%
132 129 left = left + width + 1
133 130 month_f = month_f >> 1
134 131 %>
135 132 <% end %>
136 133
137 134 <%
138 135 #
139 136 # Weeks headers
140 137 #
141 138 %>
142 139 <% if show_weeks %>
143 140 <%
144 141 left = 0
145 142 height = (show_days ? header_heigth - 1 : header_heigth - 1 + g_height)
146 143 %>
147 144 <% if @gantt.date_from.cwday == 1 %>
148 145 <%
149 146 # @date_from is monday
150 147 week_f = @gantt.date_from
151 148 %>
152 149 <% else %>
153 150 <%
154 151 # find next monday after @date_from
155 152 week_f = @gantt.date_from + (7 - @gantt.date_from.cwday + 1)
156 153 width = (7 - @gantt.date_from.cwday + 1) * zoom - 1
157 154 style = ""
158 155 style += "left: #{left}px;"
159 156 style += "top: 19px;"
160 157 style += "width: #{width}px;"
161 158 style += "height: #{height}px;"
162 159 %>
163 160 <%= content_tag(:div, '&nbsp;'.html_safe,
164 161 :style => style, :class => "gantt_hdr") %>
165 162 <% left = left + width + 1 %>
166 163 <% end %>
167 164 <% while week_f <= @gantt.date_to %>
168 165 <%
169 166 width = ((week_f + 6 <= @gantt.date_to) ?
170 167 7 * zoom - 1 :
171 168 (@gantt.date_to - week_f + 1) * zoom - 1).to_i
172 169 style = ""
173 170 style += "left: #{left}px;"
174 171 style += "top: 19px;"
175 172 style += "width: #{width}px;"
176 173 style += "height: #{height}px;"
177 174 %>
178 175 <%= content_tag(:div, :style => style, :class => "gantt_hdr") do %>
179 176 <%= content_tag(:small) do %>
180 177 <%= week_f.cweek if width >= 16 %>
181 178 <% end %>
182 179 <% end %>
183 180 <%
184 181 left = left + width + 1
185 182 week_f = week_f + 7
186 183 %>
187 184 <% end %>
188 185 <% end %>
189 186
190 187 <%
191 188 #
192 189 # Days headers
193 190 #
194 191 %>
195 192 <% if show_days %>
196 193 <%
197 194 left = 0
198 195 height = g_height + header_heigth - 1
199 196 wday = @gantt.date_from.cwday
200 197 %>
201 198 <% (@gantt.date_to - @gantt.date_from + 1).to_i.times do %>
202 199 <% width = zoom - 1 %>
203 200 <div style="left:<%= left %>px;top:37px;width:<%= width %>px;height:<%= height %>px;font-size:0.7em;<%= "background:#f1f1f1;" if wday > 5 %>"
204 201 class="gantt_hdr">
205 202 <%= day_letter(wday) %>
206 203 </div>
207 204 <%
208 205 left = left + width + 1
209 206 wday = wday + 1
210 207 wday = 1 if wday > 7
211 208 %>
212 209 <% end %>
213 210 <% end %>
214 211
215 212 <%= @gantt.lines.html_safe %>
216 213
217 214 <% ###### Today red line (excluded from cache) ###### %>
218 215 <% if Date.today >= @gantt.date_from and Date.today <= @gantt.date_to %>
219 216 <%
220 217 today_left = (((Date.today - @gantt.date_from + 1) * zoom).floor() - 1).to_i
221 218 style = ""
222 219 style += "position: absolute;"
223 220 style += "height: #{g_height}px;"
224 221 style += "top: #{headers_height + 1}px;"
225 222 style += "left: #{today_left}px;"
226 223 style += "width:10px;"
227 224 style += "border-left: 1px dashed red;"
228 225 %>
229 226 <%= content_tag(:div, '&nbsp;'.html_safe, :style => style) %>
230 227 <% end %>
231 228
232 229 </div>
233 230 </td>
234 231 </tr>
235 232 </table>
236 233
237 234 <table style="width:100%">
238 235 <tr>
239 236 <td align="left">
240 237 <%= link_to_content_update("\xc2\xab " + l(:label_previous),
241 238 params.merge(@gantt.params_previous)) %>
242 239 </td>
243 240 <td align="right">
244 241 <%= link_to_content_update(l(:label_next) + " \xc2\xbb",
245 242 params.merge(@gantt.params_next)) %>
246 243 </td>
247 244 </tr>
248 245 </table>
249 246
250 247 <% other_formats_links do |f| %>
251 248 <%= f.link_to 'PDF', :url => params.merge(@gantt.params) %>
252 249 <%= f.link_to('PNG', :url => params.merge(@gantt.params)) if @gantt.respond_to?('to_image') %>
253 250 <% end %>
254 251 <% end # query.valid? %>
255 252
256 253 <% content_for :sidebar do %>
257 254 <%= render :partial => 'issues/sidebar' %>
258 255 <% end %>
259 256
260 257 <% html_title(l(:label_gantt)) -%>
General Comments 0
You need to be logged in to leave comments. Login now