| @@ -1,28 +1,28 | |||
|
|
1 | 1 | <% selected_tab = params[:tab] ? params[:tab].to_s : tabs.first[:name] %> |
|
|
2 | 2 | |
|
|
3 | 3 | <div class="tabs"> |
|
|
4 | 4 | <ul> |
|
|
5 | 5 | <% tabs.each do |tab| -%> |
|
|
6 | 6 | <li><%= link_to l(tab[:label]), { :tab => tab[:name] }, |
|
|
7 | 7 | :id => "tab-#{tab[:name]}", |
|
|
8 | 8 | :class => (tab[:name] != selected_tab ? nil : 'selected'), |
|
|
9 | :onclick => "showTab('#{tab[:name]}'); this.blur(); return false;" %></li> | |
|
|
9 | :onclick => "showTab('#{tab[:name]}', this.href); this.blur(); return false;" %></li> | |
|
|
10 | 10 | <% end -%> |
|
|
11 | 11 | </ul> |
|
|
12 | 12 | <div class="tabs-buttons" style="display:none;"> |
|
|
13 | 13 | <button class="tab-left" onclick="moveTabLeft(this);"></button> |
|
|
14 | 14 | <button class="tab-right" onclick="moveTabRight(this);"></button> |
|
|
15 | 15 | </div> |
|
|
16 | 16 | </div> |
|
|
17 | 17 | |
|
|
18 | 18 | <script> |
|
|
19 | 19 | $(document).ready(displayTabsButtons); |
|
|
20 | 20 | $(window).resize(displayTabsButtons); |
|
|
21 | 21 | </script> |
|
|
22 | 22 | |
|
|
23 | 23 | <% tabs.each do |tab| -%> |
|
|
24 | 24 | <%= content_tag('div', render(:partial => tab[:partial], :locals => {:tab => tab} ), |
|
|
25 | 25 | :id => "tab-content-#{tab[:name]}", |
|
|
26 | 26 | :style => (tab[:name] != selected_tab ? 'display:none' : nil), |
|
|
27 | 27 | :class => 'tab-content') %> |
|
|
28 | 28 | <% end -%> |
| @@ -1,586 +1,591 | |||
|
|
1 | 1 | /* Redmine - project management software |
|
|
2 | 2 | Copyright (C) 2006-2013 Jean-Philippe Lang */ |
|
|
3 | 3 | |
|
|
4 | 4 | function checkAll(id, checked) { |
|
|
5 | 5 | if (checked) { |
|
|
6 | 6 | $('#'+id).find('input[type=checkbox]').attr('checked', true); |
|
|
7 | 7 | } else { |
|
|
8 | 8 | $('#'+id).find('input[type=checkbox]').removeAttr('checked'); |
|
|
9 | 9 | } |
|
|
10 | 10 | } |
|
|
11 | 11 | |
|
|
12 | 12 | function toggleCheckboxesBySelector(selector) { |
|
|
13 | 13 | var all_checked = true; |
|
|
14 | 14 | $(selector).each(function(index) { |
|
|
15 | 15 | if (!$(this).is(':checked')) { all_checked = false; } |
|
|
16 | 16 | }); |
|
|
17 | 17 | $(selector).attr('checked', !all_checked); |
|
|
18 | 18 | } |
|
|
19 | 19 | |
|
|
20 | 20 | function showAndScrollTo(id, focus) { |
|
|
21 | 21 | $('#'+id).show(); |
|
|
22 | 22 | if (focus !== null) { |
|
|
23 | 23 | $('#'+focus).focus(); |
|
|
24 | 24 | } |
|
|
25 | 25 | $('html, body').animate({scrollTop: $('#'+id).offset().top}, 100); |
|
|
26 | 26 | } |
|
|
27 | 27 | |
|
|
28 | 28 | function toggleRowGroup(el) { |
|
|
29 | 29 | var tr = $(el).parents('tr').first(); |
|
|
30 | 30 | var n = tr.next(); |
|
|
31 | 31 | tr.toggleClass('open'); |
|
|
32 | 32 | while (n.length && !n.hasClass('group')) { |
|
|
33 | 33 | n.toggle(); |
|
|
34 | 34 | n = n.next('tr'); |
|
|
35 | 35 | } |
|
|
36 | 36 | } |
|
|
37 | 37 | |
|
|
38 | 38 | function collapseAllRowGroups(el) { |
|
|
39 | 39 | var tbody = $(el).parents('tbody').first(); |
|
|
40 | 40 | tbody.children('tr').each(function(index) { |
|
|
41 | 41 | if ($(this).hasClass('group')) { |
|
|
42 | 42 | $(this).removeClass('open'); |
|
|
43 | 43 | } else { |
|
|
44 | 44 | $(this).hide(); |
|
|
45 | 45 | } |
|
|
46 | 46 | }); |
|
|
47 | 47 | } |
|
|
48 | 48 | |
|
|
49 | 49 | function expandAllRowGroups(el) { |
|
|
50 | 50 | var tbody = $(el).parents('tbody').first(); |
|
|
51 | 51 | tbody.children('tr').each(function(index) { |
|
|
52 | 52 | if ($(this).hasClass('group')) { |
|
|
53 | 53 | $(this).addClass('open'); |
|
|
54 | 54 | } else { |
|
|
55 | 55 | $(this).show(); |
|
|
56 | 56 | } |
|
|
57 | 57 | }); |
|
|
58 | 58 | } |
|
|
59 | 59 | |
|
|
60 | 60 | function toggleAllRowGroups(el) { |
|
|
61 | 61 | var tr = $(el).parents('tr').first(); |
|
|
62 | 62 | if (tr.hasClass('open')) { |
|
|
63 | 63 | collapseAllRowGroups(el); |
|
|
64 | 64 | } else { |
|
|
65 | 65 | expandAllRowGroups(el); |
|
|
66 | 66 | } |
|
|
67 | 67 | } |
|
|
68 | 68 | |
|
|
69 | 69 | function toggleFieldset(el) { |
|
|
70 | 70 | var fieldset = $(el).parents('fieldset').first(); |
|
|
71 | 71 | fieldset.toggleClass('collapsed'); |
|
|
72 | 72 | fieldset.children('div').toggle(); |
|
|
73 | 73 | } |
|
|
74 | 74 | |
|
|
75 | 75 | function hideFieldset(el) { |
|
|
76 | 76 | var fieldset = $(el).parents('fieldset').first(); |
|
|
77 | 77 | fieldset.toggleClass('collapsed'); |
|
|
78 | 78 | fieldset.children('div').hide(); |
|
|
79 | 79 | } |
|
|
80 | 80 | |
|
|
81 | 81 | function initFilters() { |
|
|
82 | 82 | $('#add_filter_select').change(function() { |
|
|
83 | 83 | addFilter($(this).val(), '', []); |
|
|
84 | 84 | }); |
|
|
85 | 85 | $('#filters-table td.field input[type=checkbox]').each(function() { |
|
|
86 | 86 | toggleFilter($(this).val()); |
|
|
87 | 87 | }); |
|
|
88 | 88 | $('#filters-table td.field input[type=checkbox]').live('click', function() { |
|
|
89 | 89 | toggleFilter($(this).val()); |
|
|
90 | 90 | }); |
|
|
91 | 91 | $('#filters-table .toggle-multiselect').live('click', function() { |
|
|
92 | 92 | toggleMultiSelect($(this).siblings('select')); |
|
|
93 | 93 | }); |
|
|
94 | 94 | $('#filters-table input[type=text]').live('keypress', function(e) { |
|
|
95 | 95 | if (e.keyCode == 13) submit_query_form("query_form"); |
|
|
96 | 96 | }); |
|
|
97 | 97 | } |
|
|
98 | 98 | |
|
|
99 | 99 | function addFilter(field, operator, values) { |
|
|
100 | 100 | var fieldId = field.replace('.', '_'); |
|
|
101 | 101 | var tr = $('#tr_'+fieldId); |
|
|
102 | 102 | if (tr.length > 0) { |
|
|
103 | 103 | tr.show(); |
|
|
104 | 104 | } else { |
|
|
105 | 105 | buildFilterRow(field, operator, values); |
|
|
106 | 106 | } |
|
|
107 | 107 | $('#cb_'+fieldId).attr('checked', true); |
|
|
108 | 108 | toggleFilter(field); |
|
|
109 | 109 | $('#add_filter_select').val('').children('option').each(function() { |
|
|
110 | 110 | if ($(this).attr('value') == field) { |
|
|
111 | 111 | $(this).attr('disabled', true); |
|
|
112 | 112 | } |
|
|
113 | 113 | }); |
|
|
114 | 114 | } |
|
|
115 | 115 | |
|
|
116 | 116 | function buildFilterRow(field, operator, values) { |
|
|
117 | 117 | var fieldId = field.replace('.', '_'); |
|
|
118 | 118 | var filterTable = $("#filters-table"); |
|
|
119 | 119 | var filterOptions = availableFilters[field]; |
|
|
120 | 120 | var operators = operatorByType[filterOptions['type']]; |
|
|
121 | 121 | var filterValues = filterOptions['values']; |
|
|
122 | 122 | var i, select; |
|
|
123 | 123 | |
|
|
124 | 124 | var tr = $('<tr class="filter">').attr('id', 'tr_'+fieldId).html( |
|
|
125 | 125 | '<td class="field"><input checked="checked" id="cb_'+fieldId+'" name="f[]" value="'+field+'" type="checkbox"><label for="cb_'+fieldId+'"> '+filterOptions['name']+'</label></td>' + |
|
|
126 | 126 | '<td class="operator"><select id="operators_'+fieldId+'" name="op['+field+']"></td>' + |
|
|
127 | 127 | '<td class="values"></td>' |
|
|
128 | 128 | ); |
|
|
129 | 129 | filterTable.append(tr); |
|
|
130 | 130 | |
|
|
131 | 131 | select = tr.find('td.operator select'); |
|
|
132 | 132 | for (i = 0; i < operators.length; i++) { |
|
|
133 | 133 | var option = $('<option>').val(operators[i]).text(operatorLabels[operators[i]]); |
|
|
134 | 134 | if (operators[i] == operator) { option.attr('selected', true); } |
|
|
135 | 135 | select.append(option); |
|
|
136 | 136 | } |
|
|
137 | 137 | select.change(function(){ toggleOperator(field); }); |
|
|
138 | 138 | |
|
|
139 | 139 | switch (filterOptions['type']) { |
|
|
140 | 140 | case "list": |
|
|
141 | 141 | case "list_optional": |
|
|
142 | 142 | case "list_status": |
|
|
143 | 143 | case "list_subprojects": |
|
|
144 | 144 | tr.find('td.values').append( |
|
|
145 | 145 | '<span style="display:none;"><select class="value" id="values_'+fieldId+'_1" name="v['+field+'][]"></select>' + |
|
|
146 | 146 | ' <span class="toggle-multiselect"> </span></span>' |
|
|
147 | 147 | ); |
|
|
148 | 148 | select = tr.find('td.values select'); |
|
|
149 | 149 | if (values.length > 1) { select.attr('multiple', true); } |
|
|
150 | 150 | for (i = 0; i < filterValues.length; i++) { |
|
|
151 | 151 | var filterValue = filterValues[i]; |
|
|
152 | 152 | var option = $('<option>'); |
|
|
153 | 153 | if ($.isArray(filterValue)) { |
|
|
154 | 154 | option.val(filterValue[1]).text(filterValue[0]); |
|
|
155 | 155 | if ($.inArray(filterValue[1], values) > -1) {option.attr('selected', true);} |
|
|
156 | 156 | } else { |
|
|
157 | 157 | option.val(filterValue).text(filterValue); |
|
|
158 | 158 | if ($.inArray(filterValue, values) > -1) {option.attr('selected', true);} |
|
|
159 | 159 | } |
|
|
160 | 160 | select.append(option); |
|
|
161 | 161 | } |
|
|
162 | 162 | break; |
|
|
163 | 163 | case "date": |
|
|
164 | 164 | case "date_past": |
|
|
165 | 165 | tr.find('td.values').append( |
|
|
166 | 166 | '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="10" class="value date_value" /></span>' + |
|
|
167 | 167 | ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="10" class="value date_value" /></span>' + |
|
|
168 | 168 | ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="3" class="value" /> '+labelDayPlural+'</span>' |
|
|
169 | 169 | ); |
|
|
170 | 170 | $('#values_'+fieldId+'_1').val(values[0]).datepicker(datepickerOptions); |
|
|
171 | 171 | $('#values_'+fieldId+'_2').val(values[1]).datepicker(datepickerOptions); |
|
|
172 | 172 | $('#values_'+fieldId).val(values[0]); |
|
|
173 | 173 | break; |
|
|
174 | 174 | case "string": |
|
|
175 | 175 | case "text": |
|
|
176 | 176 | tr.find('td.values').append( |
|
|
177 | 177 | '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="30" class="value" /></span>' |
|
|
178 | 178 | ); |
|
|
179 | 179 | $('#values_'+fieldId).val(values[0]); |
|
|
180 | 180 | break; |
|
|
181 | 181 | case "relation": |
|
|
182 | 182 | tr.find('td.values').append( |
|
|
183 | 183 | '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="6" class="value" /></span>' + |
|
|
184 | 184 | '<span style="display:none;"><select class="value" name="v['+field+'][]" id="values_'+fieldId+'_1"></select></span>' |
|
|
185 | 185 | ); |
|
|
186 | 186 | $('#values_'+fieldId).val(values[0]); |
|
|
187 | 187 | select = tr.find('td.values select'); |
|
|
188 | 188 | for (i = 0; i < allProjects.length; i++) { |
|
|
189 | 189 | var filterValue = allProjects[i]; |
|
|
190 | 190 | var option = $('<option>'); |
|
|
191 | 191 | option.val(filterValue[1]).text(filterValue[0]); |
|
|
192 | 192 | if (values[0] == filterValue[1]) { option.attr('selected', true); } |
|
|
193 | 193 | select.append(option); |
|
|
194 | 194 | } |
|
|
195 | 195 | case "integer": |
|
|
196 | 196 | case "float": |
|
|
197 | 197 | tr.find('td.values').append( |
|
|
198 | 198 | '<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="6" class="value" /></span>' + |
|
|
199 | 199 | ' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="6" class="value" /></span>' |
|
|
200 | 200 | ); |
|
|
201 | 201 | $('#values_'+fieldId+'_1').val(values[0]); |
|
|
202 | 202 | $('#values_'+fieldId+'_2').val(values[1]); |
|
|
203 | 203 | break; |
|
|
204 | 204 | } |
|
|
205 | 205 | } |
|
|
206 | 206 | |
|
|
207 | 207 | function toggleFilter(field) { |
|
|
208 | 208 | var fieldId = field.replace('.', '_'); |
|
|
209 | 209 | if ($('#cb_' + fieldId).is(':checked')) { |
|
|
210 | 210 | $("#operators_" + fieldId).show().removeAttr('disabled'); |
|
|
211 | 211 | toggleOperator(field); |
|
|
212 | 212 | } else { |
|
|
213 | 213 | $("#operators_" + fieldId).hide().attr('disabled', true); |
|
|
214 | 214 | enableValues(field, []); |
|
|
215 | 215 | } |
|
|
216 | 216 | } |
|
|
217 | 217 | |
|
|
218 | 218 | function enableValues(field, indexes) { |
|
|
219 | 219 | var fieldId = field.replace('.', '_'); |
|
|
220 | 220 | $('#tr_'+fieldId+' td.values .value').each(function(index) { |
|
|
221 | 221 | if ($.inArray(index, indexes) >= 0) { |
|
|
222 | 222 | $(this).removeAttr('disabled'); |
|
|
223 | 223 | $(this).parents('span').first().show(); |
|
|
224 | 224 | } else { |
|
|
225 | 225 | $(this).val(''); |
|
|
226 | 226 | $(this).attr('disabled', true); |
|
|
227 | 227 | $(this).parents('span').first().hide(); |
|
|
228 | 228 | } |
|
|
229 | 229 | |
|
|
230 | 230 | if ($(this).hasClass('group')) { |
|
|
231 | 231 | $(this).addClass('open'); |
|
|
232 | 232 | } else { |
|
|
233 | 233 | $(this).show(); |
|
|
234 | 234 | } |
|
|
235 | 235 | }); |
|
|
236 | 236 | } |
|
|
237 | 237 | |
|
|
238 | 238 | function toggleOperator(field) { |
|
|
239 | 239 | var fieldId = field.replace('.', '_'); |
|
|
240 | 240 | var operator = $("#operators_" + fieldId); |
|
|
241 | 241 | switch (operator.val()) { |
|
|
242 | 242 | case "!*": |
|
|
243 | 243 | case "*": |
|
|
244 | 244 | case "t": |
|
|
245 | 245 | case "ld": |
|
|
246 | 246 | case "w": |
|
|
247 | 247 | case "lw": |
|
|
248 | 248 | case "l2w": |
|
|
249 | 249 | case "m": |
|
|
250 | 250 | case "lm": |
|
|
251 | 251 | case "y": |
|
|
252 | 252 | case "o": |
|
|
253 | 253 | case "c": |
|
|
254 | 254 | enableValues(field, []); |
|
|
255 | 255 | break; |
|
|
256 | 256 | case "><": |
|
|
257 | 257 | enableValues(field, [0,1]); |
|
|
258 | 258 | break; |
|
|
259 | 259 | case "<t+": |
|
|
260 | 260 | case ">t+": |
|
|
261 | 261 | case "><t+": |
|
|
262 | 262 | case "t+": |
|
|
263 | 263 | case ">t-": |
|
|
264 | 264 | case "<t-": |
|
|
265 | 265 | case "><t-": |
|
|
266 | 266 | case "t-": |
|
|
267 | 267 | enableValues(field, [2]); |
|
|
268 | 268 | break; |
|
|
269 | 269 | case "=p": |
|
|
270 | 270 | case "=!p": |
|
|
271 | 271 | case "!p": |
|
|
272 | 272 | enableValues(field, [1]); |
|
|
273 | 273 | break; |
|
|
274 | 274 | default: |
|
|
275 | 275 | enableValues(field, [0]); |
|
|
276 | 276 | break; |
|
|
277 | 277 | } |
|
|
278 | 278 | } |
|
|
279 | 279 | |
|
|
280 | 280 | function toggleMultiSelect(el) { |
|
|
281 | 281 | if (el.attr('multiple')) { |
|
|
282 | 282 | el.removeAttr('multiple'); |
|
|
283 | 283 | } else { |
|
|
284 | 284 | el.attr('multiple', true); |
|
|
285 | 285 | } |
|
|
286 | 286 | } |
|
|
287 | 287 | |
|
|
288 | 288 | function submit_query_form(id) { |
|
|
289 | 289 | selectAllOptions("selected_columns"); |
|
|
290 | 290 | $('#'+id).submit(); |
|
|
291 | 291 | } |
|
|
292 | 292 | |
|
|
293 | function showTab(name) { | |
|
|
293 | function showTab(name, url) { | |
|
|
294 | 294 | $('div#content .tab-content').hide(); |
|
|
295 | 295 | $('div.tabs a').removeClass('selected'); |
|
|
296 | 296 | $('#tab-content-' + name).show(); |
|
|
297 | 297 | $('#tab-' + name).addClass('selected'); |
|
|
298 | //replaces current URL with the "href" attribute of the current link | |
|
|
299 | //(only triggered if supported by browser) | |
|
|
300 | if ("replaceState" in window.history) { | |
|
|
301 | window.history.replaceState(null, document.title, url); | |
|
|
302 | } | |
|
|
298 | 303 | return false; |
|
|
299 | 304 | } |
|
|
300 | 305 | |
|
|
301 | 306 | function moveTabRight(el) { |
|
|
302 | 307 | var lis = $(el).parents('div.tabs').first().find('ul').children(); |
|
|
303 | 308 | var tabsWidth = 0; |
|
|
304 | 309 | var i = 0; |
|
|
305 | 310 | lis.each(function() { |
|
|
306 | 311 | if ($(this).is(':visible')) { |
|
|
307 | 312 | tabsWidth += $(this).width() + 6; |
|
|
308 | 313 | } |
|
|
309 | 314 | }); |
|
|
310 | 315 | if (tabsWidth < $(el).parents('div.tabs').first().width() - 60) { return; } |
|
|
311 | 316 | while (i<lis.length && !lis.eq(i).is(':visible')) { i++; } |
|
|
312 | 317 | lis.eq(i).hide(); |
|
|
313 | 318 | } |
|
|
314 | 319 | |
|
|
315 | 320 | function moveTabLeft(el) { |
|
|
316 | 321 | var lis = $(el).parents('div.tabs').first().find('ul').children(); |
|
|
317 | 322 | var i = 0; |
|
|
318 | 323 | while (i < lis.length && !lis.eq(i).is(':visible')) { i++; } |
|
|
319 | 324 | if (i > 0) { |
|
|
320 | 325 | lis.eq(i-1).show(); |
|
|
321 | 326 | } |
|
|
322 | 327 | } |
|
|
323 | 328 | |
|
|
324 | 329 | function displayTabsButtons() { |
|
|
325 | 330 | var lis; |
|
|
326 | 331 | var tabsWidth = 0; |
|
|
327 | 332 | var el; |
|
|
328 | 333 | $('div.tabs').each(function() { |
|
|
329 | 334 | el = $(this); |
|
|
330 | 335 | lis = el.find('ul').children(); |
|
|
331 | 336 | lis.each(function(){ |
|
|
332 | 337 | if ($(this).is(':visible')) { |
|
|
333 | 338 | tabsWidth += $(this).width() + 6; |
|
|
334 | 339 | } |
|
|
335 | 340 | }); |
|
|
336 | 341 | if ((tabsWidth < el.width() - 60) && (lis.first().is(':visible'))) { |
|
|
337 | 342 | el.find('div.tabs-buttons').hide(); |
|
|
338 | 343 | } else { |
|
|
339 | 344 | el.find('div.tabs-buttons').show(); |
|
|
340 | 345 | } |
|
|
341 | 346 | }); |
|
|
342 | 347 | } |
|
|
343 | 348 | |
|
|
344 | 349 | function setPredecessorFieldsVisibility() { |
|
|
345 | 350 | var relationType = $('#relation_relation_type'); |
|
|
346 | 351 | if (relationType.val() == "precedes" || relationType.val() == "follows") { |
|
|
347 | 352 | $('#predecessor_fields').show(); |
|
|
348 | 353 | } else { |
|
|
349 | 354 | $('#predecessor_fields').hide(); |
|
|
350 | 355 | } |
|
|
351 | 356 | } |
|
|
352 | 357 | |
|
|
353 | 358 | function showModal(id, width) { |
|
|
354 | 359 | var el = $('#'+id).first(); |
|
|
355 | 360 | if (el.length === 0 || el.is(':visible')) {return;} |
|
|
356 | 361 | var title = el.find('h3.title').text(); |
|
|
357 | 362 | el.dialog({ |
|
|
358 | 363 | width: width, |
|
|
359 | 364 | modal: true, |
|
|
360 | 365 | resizable: false, |
|
|
361 | 366 | dialogClass: 'modal', |
|
|
362 | 367 | title: title |
|
|
363 | 368 | }); |
|
|
364 | 369 | el.find("input[type=text], input[type=submit]").first().focus(); |
|
|
365 | 370 | } |
|
|
366 | 371 | |
|
|
367 | 372 | function hideModal(el) { |
|
|
368 | 373 | var modal; |
|
|
369 | 374 | if (el) { |
|
|
370 | 375 | modal = $(el).parents('.ui-dialog-content'); |
|
|
371 | 376 | } else { |
|
|
372 | 377 | modal = $('#ajax-modal'); |
|
|
373 | 378 | } |
|
|
374 | 379 | modal.dialog("close"); |
|
|
375 | 380 | } |
|
|
376 | 381 | |
|
|
377 | 382 | function submitPreview(url, form, target) { |
|
|
378 | 383 | $.ajax({ |
|
|
379 | 384 | url: url, |
|
|
380 | 385 | type: 'post', |
|
|
381 | 386 | data: $('#'+form).serialize(), |
|
|
382 | 387 | success: function(data){ |
|
|
383 | 388 | $('#'+target).html(data); |
|
|
384 | 389 | } |
|
|
385 | 390 | }); |
|
|
386 | 391 | } |
|
|
387 | 392 | |
|
|
388 | 393 | function collapseScmEntry(id) { |
|
|
389 | 394 | $('.'+id).each(function() { |
|
|
390 | 395 | if ($(this).hasClass('open')) { |
|
|
391 | 396 | collapseScmEntry($(this).attr('id')); |
|
|
392 | 397 | } |
|
|
393 | 398 | $(this).hide(); |
|
|
394 | 399 | }); |
|
|
395 | 400 | $('#'+id).removeClass('open'); |
|
|
396 | 401 | } |
|
|
397 | 402 | |
|
|
398 | 403 | function expandScmEntry(id) { |
|
|
399 | 404 | $('.'+id).each(function() { |
|
|
400 | 405 | $(this).show(); |
|
|
401 | 406 | if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) { |
|
|
402 | 407 | expandScmEntry($(this).attr('id')); |
|
|
403 | 408 | } |
|
|
404 | 409 | }); |
|
|
405 | 410 | $('#'+id).addClass('open'); |
|
|
406 | 411 | } |
|
|
407 | 412 | |
|
|
408 | 413 | function scmEntryClick(id, url) { |
|
|
409 | 414 | el = $('#'+id); |
|
|
410 | 415 | if (el.hasClass('open')) { |
|
|
411 | 416 | collapseScmEntry(id); |
|
|
412 | 417 | el.addClass('collapsed'); |
|
|
413 | 418 | return false; |
|
|
414 | 419 | } else if (el.hasClass('loaded')) { |
|
|
415 | 420 | expandScmEntry(id); |
|
|
416 | 421 | el.removeClass('collapsed'); |
|
|
417 | 422 | return false; |
|
|
418 | 423 | } |
|
|
419 | 424 | if (el.hasClass('loading')) { |
|
|
420 | 425 | return false; |
|
|
421 | 426 | } |
|
|
422 | 427 | el.addClass('loading'); |
|
|
423 | 428 | $.ajax({ |
|
|
424 | 429 | url: url, |
|
|
425 | 430 | success: function(data) { |
|
|
426 | 431 | el.after(data); |
|
|
427 | 432 | el.addClass('open').addClass('loaded').removeClass('loading'); |
|
|
428 | 433 | } |
|
|
429 | 434 | }); |
|
|
430 | 435 | return true; |
|
|
431 | 436 | } |
|
|
432 | 437 | |
|
|
433 | 438 | function randomKey(size) { |
|
|
434 | 439 | var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; |
|
|
435 | 440 | var key = ''; |
|
|
436 | 441 | for (var i = 0; i < size; i++) { |
|
|
437 | 442 | key += chars.charAt(Math.floor(Math.random() * chars.length)); |
|
|
438 | 443 | } |
|
|
439 | 444 | return key; |
|
|
440 | 445 | } |
|
|
441 | 446 | |
|
|
442 | 447 | // Can't use Rails' remote select because we need the form data |
|
|
443 | 448 | function updateIssueFrom(url) { |
|
|
444 | 449 | $.ajax({ |
|
|
445 | 450 | url: url, |
|
|
446 | 451 | type: 'post', |
|
|
447 | 452 | data: $('#issue-form').serialize() |
|
|
448 | 453 | }); |
|
|
449 | 454 | } |
|
|
450 | 455 | |
|
|
451 | 456 | function updateBulkEditFrom(url) { |
|
|
452 | 457 | $.ajax({ |
|
|
453 | 458 | url: url, |
|
|
454 | 459 | type: 'post', |
|
|
455 | 460 | data: $('#bulk_edit_form').serialize() |
|
|
456 | 461 | }); |
|
|
457 | 462 | } |
|
|
458 | 463 | |
|
|
459 | 464 | function observeAutocompleteField(fieldId, url, options) { |
|
|
460 | 465 | $(document).ready(function() { |
|
|
461 | 466 | $('#'+fieldId).autocomplete($.extend({ |
|
|
462 | 467 | source: url, |
|
|
463 | 468 | minLength: 2, |
|
|
464 | 469 | search: function(){$('#'+fieldId).addClass('ajax-loading');}, |
|
|
465 | 470 | response: function(){$('#'+fieldId).removeClass('ajax-loading');} |
|
|
466 | 471 | }, options)); |
|
|
467 | 472 | $('#'+fieldId).addClass('autocomplete'); |
|
|
468 | 473 | }); |
|
|
469 | 474 | } |
|
|
470 | 475 | |
|
|
471 | 476 | function observeSearchfield(fieldId, targetId, url) { |
|
|
472 | 477 | $('#'+fieldId).each(function() { |
|
|
473 | 478 | var $this = $(this); |
|
|
474 | 479 | $this.addClass('autocomplete'); |
|
|
475 | 480 | $this.attr('data-value-was', $this.val()); |
|
|
476 | 481 | var check = function() { |
|
|
477 | 482 | var val = $this.val(); |
|
|
478 | 483 | if ($this.attr('data-value-was') != val){ |
|
|
479 | 484 | $this.attr('data-value-was', val); |
|
|
480 | 485 | $.ajax({ |
|
|
481 | 486 | url: url, |
|
|
482 | 487 | type: 'get', |
|
|
483 | 488 | data: {q: $this.val()}, |
|
|
484 | 489 | success: function(data){ if(targetId) $('#'+targetId).html(data); }, |
|
|
485 | 490 | beforeSend: function(){ $this.addClass('ajax-loading'); }, |
|
|
486 | 491 | complete: function(){ $this.removeClass('ajax-loading'); } |
|
|
487 | 492 | }); |
|
|
488 | 493 | } |
|
|
489 | 494 | }; |
|
|
490 | 495 | var reset = function() { |
|
|
491 | 496 | if (timer) { |
|
|
492 | 497 | clearInterval(timer); |
|
|
493 | 498 | timer = setInterval(check, 300); |
|
|
494 | 499 | } |
|
|
495 | 500 | }; |
|
|
496 | 501 | var timer = setInterval(check, 300); |
|
|
497 | 502 | $this.bind('keyup click mousemove', reset); |
|
|
498 | 503 | }); |
|
|
499 | 504 | } |
|
|
500 | 505 | |
|
|
501 | 506 | function observeProjectModules() { |
|
|
502 | 507 | var f = function() { |
|
|
503 | 508 | /* Hides trackers and issues custom fields on the new project form when issue_tracking module is disabled */ |
|
|
504 | 509 | if ($('#project_enabled_module_names_issue_tracking').attr('checked')) { |
|
|
505 | 510 | $('#project_trackers').show(); |
|
|
506 | 511 | } else { |
|
|
507 | 512 | $('#project_trackers').hide(); |
|
|
508 | 513 | } |
|
|
509 | 514 | }; |
|
|
510 | 515 | |
|
|
511 | 516 | $(window).load(f); |
|
|
512 | 517 | $('#project_enabled_module_names_issue_tracking').change(f); |
|
|
513 | 518 | } |
|
|
514 | 519 | |
|
|
515 | 520 | function initMyPageSortable(list, url) { |
|
|
516 | 521 | $('#list-'+list).sortable({ |
|
|
517 | 522 | connectWith: '.block-receiver', |
|
|
518 | 523 | tolerance: 'pointer', |
|
|
519 | 524 | update: function(){ |
|
|
520 | 525 | $.ajax({ |
|
|
521 | 526 | url: url, |
|
|
522 | 527 | type: 'post', |
|
|
523 | 528 | data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})} |
|
|
524 | 529 | }); |
|
|
525 | 530 | } |
|
|
526 | 531 | }); |
|
|
527 | 532 | $("#list-top, #list-left, #list-right").disableSelection(); |
|
|
528 | 533 | } |
|
|
529 | 534 | |
|
|
530 | 535 | var warnLeavingUnsavedMessage; |
|
|
531 | 536 | function warnLeavingUnsaved(message) { |
|
|
532 | 537 | warnLeavingUnsavedMessage = message; |
|
|
533 | 538 | $('form').submit(function(){ |
|
|
534 | 539 | $('textarea').removeData('changed'); |
|
|
535 | 540 | }); |
|
|
536 | 541 | $('textarea').change(function(){ |
|
|
537 | 542 | $(this).data('changed', 'changed'); |
|
|
538 | 543 | }); |
|
|
539 | 544 | window.onbeforeunload = function(){ |
|
|
540 | 545 | var warn = false; |
|
|
541 | 546 | $('textarea').blur().each(function(){ |
|
|
542 | 547 | if ($(this).data('changed')) { |
|
|
543 | 548 | warn = true; |
|
|
544 | 549 | } |
|
|
545 | 550 | }); |
|
|
546 | 551 | if (warn) {return warnLeavingUnsavedMessage;} |
|
|
547 | 552 | }; |
|
|
548 | 553 | } |
|
|
549 | 554 | |
|
|
550 | 555 | function setupAjaxIndicator() { |
|
|
551 | 556 | $('#ajax-indicator').bind('ajaxSend', function(event, xhr, settings) { |
|
|
552 | 557 | if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') { |
|
|
553 | 558 | $('#ajax-indicator').show(); |
|
|
554 | 559 | } |
|
|
555 | 560 | }); |
|
|
556 | 561 | $('#ajax-indicator').bind('ajaxStop', function() { |
|
|
557 | 562 | $('#ajax-indicator').hide(); |
|
|
558 | 563 | }); |
|
|
559 | 564 | } |
|
|
560 | 565 | |
|
|
561 | 566 | function hideOnLoad() { |
|
|
562 | 567 | $('.hol').hide(); |
|
|
563 | 568 | } |
|
|
564 | 569 | |
|
|
565 | 570 | function addFormObserversForDoubleSubmit() { |
|
|
566 | 571 | $('form[method=post]').each(function() { |
|
|
567 | 572 | if (!$(this).hasClass('multiple-submit')) { |
|
|
568 | 573 | $(this).submit(function(form_submission) { |
|
|
569 | 574 | if ($(form_submission.target).attr('data-submitted')) { |
|
|
570 | 575 | form_submission.preventDefault(); |
|
|
571 | 576 | } else { |
|
|
572 | 577 | $(form_submission.target).attr('data-submitted', true); |
|
|
573 | 578 | } |
|
|
574 | 579 | }); |
|
|
575 | 580 | } |
|
|
576 | 581 | }); |
|
|
577 | 582 | } |
|
|
578 | 583 | |
|
|
579 | 584 | function blockEventPropagation(event) { |
|
|
580 | 585 | event.stopPropagation(); |
|
|
581 | 586 | event.preventDefault(); |
|
|
582 | 587 | } |
|
|
583 | 588 | |
|
|
584 | 589 | $(document).ready(setupAjaxIndicator); |
|
|
585 | 590 | $(document).ready(hideOnLoad); |
|
|
586 | 591 | $(document).ready(addFormObserversForDoubleSubmit); |
General Comments 0
You need to be logged in to leave comments.
Login now