##// END OF EJS Templates
Submit handler should be live as well (#14615)....
Jean-Philippe Lang -
r11856:85d4ac372a12
parent child
Show More
@@ -1,591 +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">&nbsp;</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 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 298 //replaces current URL with the "href" attribute of the current link
299 299 //(only triggered if supported by browser)
300 300 if ("replaceState" in window.history) {
301 301 window.history.replaceState(null, document.title, url);
302 302 }
303 303 return false;
304 304 }
305 305
306 306 function moveTabRight(el) {
307 307 var lis = $(el).parents('div.tabs').first().find('ul').children();
308 308 var tabsWidth = 0;
309 309 var i = 0;
310 310 lis.each(function() {
311 311 if ($(this).is(':visible')) {
312 312 tabsWidth += $(this).width() + 6;
313 313 }
314 314 });
315 315 if (tabsWidth < $(el).parents('div.tabs').first().width() - 60) { return; }
316 316 while (i<lis.length && !lis.eq(i).is(':visible')) { i++; }
317 317 lis.eq(i).hide();
318 318 }
319 319
320 320 function moveTabLeft(el) {
321 321 var lis = $(el).parents('div.tabs').first().find('ul').children();
322 322 var i = 0;
323 323 while (i < lis.length && !lis.eq(i).is(':visible')) { i++; }
324 324 if (i > 0) {
325 325 lis.eq(i-1).show();
326 326 }
327 327 }
328 328
329 329 function displayTabsButtons() {
330 330 var lis;
331 331 var tabsWidth = 0;
332 332 var el;
333 333 $('div.tabs').each(function() {
334 334 el = $(this);
335 335 lis = el.find('ul').children();
336 336 lis.each(function(){
337 337 if ($(this).is(':visible')) {
338 338 tabsWidth += $(this).width() + 6;
339 339 }
340 340 });
341 341 if ((tabsWidth < el.width() - 60) && (lis.first().is(':visible'))) {
342 342 el.find('div.tabs-buttons').hide();
343 343 } else {
344 344 el.find('div.tabs-buttons').show();
345 345 }
346 346 });
347 347 }
348 348
349 349 function setPredecessorFieldsVisibility() {
350 350 var relationType = $('#relation_relation_type');
351 351 if (relationType.val() == "precedes" || relationType.val() == "follows") {
352 352 $('#predecessor_fields').show();
353 353 } else {
354 354 $('#predecessor_fields').hide();
355 355 }
356 356 }
357 357
358 358 function showModal(id, width) {
359 359 var el = $('#'+id).first();
360 360 if (el.length === 0 || el.is(':visible')) {return;}
361 361 var title = el.find('h3.title').text();
362 362 el.dialog({
363 363 width: width,
364 364 modal: true,
365 365 resizable: false,
366 366 dialogClass: 'modal',
367 367 title: title
368 368 });
369 369 el.find("input[type=text], input[type=submit]").first().focus();
370 370 }
371 371
372 372 function hideModal(el) {
373 373 var modal;
374 374 if (el) {
375 375 modal = $(el).parents('.ui-dialog-content');
376 376 } else {
377 377 modal = $('#ajax-modal');
378 378 }
379 379 modal.dialog("close");
380 380 }
381 381
382 382 function submitPreview(url, form, target) {
383 383 $.ajax({
384 384 url: url,
385 385 type: 'post',
386 386 data: $('#'+form).serialize(),
387 387 success: function(data){
388 388 $('#'+target).html(data);
389 389 }
390 390 });
391 391 }
392 392
393 393 function collapseScmEntry(id) {
394 394 $('.'+id).each(function() {
395 395 if ($(this).hasClass('open')) {
396 396 collapseScmEntry($(this).attr('id'));
397 397 }
398 398 $(this).hide();
399 399 });
400 400 $('#'+id).removeClass('open');
401 401 }
402 402
403 403 function expandScmEntry(id) {
404 404 $('.'+id).each(function() {
405 405 $(this).show();
406 406 if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {
407 407 expandScmEntry($(this).attr('id'));
408 408 }
409 409 });
410 410 $('#'+id).addClass('open');
411 411 }
412 412
413 413 function scmEntryClick(id, url) {
414 414 el = $('#'+id);
415 415 if (el.hasClass('open')) {
416 416 collapseScmEntry(id);
417 417 el.addClass('collapsed');
418 418 return false;
419 419 } else if (el.hasClass('loaded')) {
420 420 expandScmEntry(id);
421 421 el.removeClass('collapsed');
422 422 return false;
423 423 }
424 424 if (el.hasClass('loading')) {
425 425 return false;
426 426 }
427 427 el.addClass('loading');
428 428 $.ajax({
429 429 url: url,
430 430 success: function(data) {
431 431 el.after(data);
432 432 el.addClass('open').addClass('loaded').removeClass('loading');
433 433 }
434 434 });
435 435 return true;
436 436 }
437 437
438 438 function randomKey(size) {
439 439 var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
440 440 var key = '';
441 441 for (var i = 0; i < size; i++) {
442 442 key += chars.charAt(Math.floor(Math.random() * chars.length));
443 443 }
444 444 return key;
445 445 }
446 446
447 447 // Can't use Rails' remote select because we need the form data
448 448 function updateIssueFrom(url) {
449 449 $.ajax({
450 450 url: url,
451 451 type: 'post',
452 452 data: $('#issue-form').serialize()
453 453 });
454 454 }
455 455
456 456 function updateBulkEditFrom(url) {
457 457 $.ajax({
458 458 url: url,
459 459 type: 'post',
460 460 data: $('#bulk_edit_form').serialize()
461 461 });
462 462 }
463 463
464 464 function observeAutocompleteField(fieldId, url, options) {
465 465 $(document).ready(function() {
466 466 $('#'+fieldId).autocomplete($.extend({
467 467 source: url,
468 468 minLength: 2,
469 469 search: function(){$('#'+fieldId).addClass('ajax-loading');},
470 470 response: function(){$('#'+fieldId).removeClass('ajax-loading');}
471 471 }, options));
472 472 $('#'+fieldId).addClass('autocomplete');
473 473 });
474 474 }
475 475
476 476 function observeSearchfield(fieldId, targetId, url) {
477 477 $('#'+fieldId).each(function() {
478 478 var $this = $(this);
479 479 $this.addClass('autocomplete');
480 480 $this.attr('data-value-was', $this.val());
481 481 var check = function() {
482 482 var val = $this.val();
483 483 if ($this.attr('data-value-was') != val){
484 484 $this.attr('data-value-was', val);
485 485 $.ajax({
486 486 url: url,
487 487 type: 'get',
488 488 data: {q: $this.val()},
489 489 success: function(data){ if(targetId) $('#'+targetId).html(data); },
490 490 beforeSend: function(){ $this.addClass('ajax-loading'); },
491 491 complete: function(){ $this.removeClass('ajax-loading'); }
492 492 });
493 493 }
494 494 };
495 495 var reset = function() {
496 496 if (timer) {
497 497 clearInterval(timer);
498 498 timer = setInterval(check, 300);
499 499 }
500 500 };
501 501 var timer = setInterval(check, 300);
502 502 $this.bind('keyup click mousemove', reset);
503 503 });
504 504 }
505 505
506 506 function observeProjectModules() {
507 507 var f = function() {
508 508 /* Hides trackers and issues custom fields on the new project form when issue_tracking module is disabled */
509 509 if ($('#project_enabled_module_names_issue_tracking').attr('checked')) {
510 510 $('#project_trackers').show();
511 511 } else {
512 512 $('#project_trackers').hide();
513 513 }
514 514 };
515 515
516 516 $(window).load(f);
517 517 $('#project_enabled_module_names_issue_tracking').change(f);
518 518 }
519 519
520 520 function initMyPageSortable(list, url) {
521 521 $('#list-'+list).sortable({
522 522 connectWith: '.block-receiver',
523 523 tolerance: 'pointer',
524 524 update: function(){
525 525 $.ajax({
526 526 url: url,
527 527 type: 'post',
528 528 data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})}
529 529 });
530 530 }
531 531 });
532 532 $("#list-top, #list-left, #list-right").disableSelection();
533 533 }
534 534
535 535 var warnLeavingUnsavedMessage;
536 536 function warnLeavingUnsaved(message) {
537 537 warnLeavingUnsavedMessage = message;
538 $('form').submit(function(){
538 $('form').live('submit', function(){
539 539 $('textarea').removeData('changed');
540 540 });
541 541 $('textarea').live('change', function(){
542 542 $(this).data('changed', 'changed');
543 543 });
544 544 window.onbeforeunload = function(){
545 545 var warn = false;
546 546 $('textarea').blur().each(function(){
547 547 if ($(this).data('changed')) {
548 548 warn = true;
549 549 }
550 550 });
551 551 if (warn) {return warnLeavingUnsavedMessage;}
552 552 };
553 553 }
554 554
555 555 function setupAjaxIndicator() {
556 556 $('#ajax-indicator').bind('ajaxSend', function(event, xhr, settings) {
557 557 if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
558 558 $('#ajax-indicator').show();
559 559 }
560 560 });
561 561 $('#ajax-indicator').bind('ajaxStop', function() {
562 562 $('#ajax-indicator').hide();
563 563 });
564 564 }
565 565
566 566 function hideOnLoad() {
567 567 $('.hol').hide();
568 568 }
569 569
570 570 function addFormObserversForDoubleSubmit() {
571 571 $('form[method=post]').each(function() {
572 572 if (!$(this).hasClass('multiple-submit')) {
573 573 $(this).submit(function(form_submission) {
574 574 if ($(form_submission.target).attr('data-submitted')) {
575 575 form_submission.preventDefault();
576 576 } else {
577 577 $(form_submission.target).attr('data-submitted', true);
578 578 }
579 579 });
580 580 }
581 581 });
582 582 }
583 583
584 584 function blockEventPropagation(event) {
585 585 event.stopPropagation();
586 586 event.preventDefault();
587 587 }
588 588
589 589 $(document).ready(setupAjaxIndicator);
590 590 $(document).ready(hideOnLoad);
591 591 $(document).ready(addFormObserversForDoubleSubmit);
General Comments 0
You need to be logged in to leave comments. Login now