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