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