##// END OF EJS Templates
Don't focus first input when URL contains a hash (#17757)....
Jean-Philippe Lang -
r14014:ec1937479ffa
parent child
Show More
@@ -1,657 +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 355 var tabsWidth = 0;
356 356 var el;
357 357 $('div.tabs').each(function() {
358 358 el = $(this);
359 359 lis = el.find('ul').children();
360 360 lis.each(function(){
361 361 if ($(this).is(':visible')) {
362 362 tabsWidth += $(this).width() + 6;
363 363 }
364 364 });
365 365 if ((tabsWidth < el.width() - 60) && (lis.first().is(':visible'))) {
366 366 el.find('div.tabs-buttons').hide();
367 367 } else {
368 368 el.find('div.tabs-buttons').show();
369 369 }
370 370 });
371 371 }
372 372
373 373 function setPredecessorFieldsVisibility() {
374 374 var relationType = $('#relation_relation_type');
375 375 if (relationType.val() == "precedes" || relationType.val() == "follows") {
376 376 $('#predecessor_fields').show();
377 377 } else {
378 378 $('#predecessor_fields').hide();
379 379 }
380 380 }
381 381
382 382 function showModal(id, width, title) {
383 383 var el = $('#'+id).first();
384 384 if (el.length === 0 || el.is(':visible')) {return;}
385 385 if (!title) title = el.find('h3.title').text();
386 386 // moves existing modals behind the transparent background
387 387 $(".modal").zIndex(99);
388 388 el.dialog({
389 389 width: width,
390 390 modal: true,
391 391 resizable: false,
392 392 dialogClass: 'modal',
393 393 title: title
394 394 }).on('dialogclose', function(){
395 395 $(".modal").zIndex(101);
396 396 });
397 397 el.find("input[type=text], input[type=submit]").first().focus();
398 398 }
399 399
400 400 function hideModal(el) {
401 401 var modal;
402 402 if (el) {
403 403 modal = $(el).parents('.ui-dialog-content');
404 404 } else {
405 405 modal = $('#ajax-modal');
406 406 }
407 407 modal.dialog("close");
408 408 }
409 409
410 410 function submitPreview(url, form, target) {
411 411 $.ajax({
412 412 url: url,
413 413 type: 'post',
414 414 data: $('#'+form).serialize(),
415 415 success: function(data){
416 416 $('#'+target).html(data);
417 417 }
418 418 });
419 419 }
420 420
421 421 function collapseScmEntry(id) {
422 422 $('.'+id).each(function() {
423 423 if ($(this).hasClass('open')) {
424 424 collapseScmEntry($(this).attr('id'));
425 425 }
426 426 $(this).hide();
427 427 });
428 428 $('#'+id).removeClass('open');
429 429 }
430 430
431 431 function expandScmEntry(id) {
432 432 $('.'+id).each(function() {
433 433 $(this).show();
434 434 if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {
435 435 expandScmEntry($(this).attr('id'));
436 436 }
437 437 });
438 438 $('#'+id).addClass('open');
439 439 }
440 440
441 441 function scmEntryClick(id, url) {
442 442 var el = $('#'+id);
443 443 if (el.hasClass('open')) {
444 444 collapseScmEntry(id);
445 445 el.addClass('collapsed');
446 446 return false;
447 447 } else if (el.hasClass('loaded')) {
448 448 expandScmEntry(id);
449 449 el.removeClass('collapsed');
450 450 return false;
451 451 }
452 452 if (el.hasClass('loading')) {
453 453 return false;
454 454 }
455 455 el.addClass('loading');
456 456 $.ajax({
457 457 url: url,
458 458 success: function(data) {
459 459 el.after(data);
460 460 el.addClass('open').addClass('loaded').removeClass('loading');
461 461 }
462 462 });
463 463 return true;
464 464 }
465 465
466 466 function randomKey(size) {
467 467 var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
468 468 var key = '';
469 469 for (var i = 0; i < size; i++) {
470 470 key += chars.charAt(Math.floor(Math.random() * chars.length));
471 471 }
472 472 return key;
473 473 }
474 474
475 475 function updateIssueFrom(url) {
476 476 $('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
477 477 $(this).data('valuebeforeupdate', $(this).val());
478 478 });
479 479 return $.ajax({
480 480 url: url,
481 481 type: 'post',
482 482 data: $('#issue-form').serialize()
483 483 });
484 484 }
485 485
486 486 function replaceIssueFormWith(html){
487 487 var replacement = $(html);
488 488 $('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
489 489 var object_id = $(this).attr('id');
490 490 if (object_id && $(this).data('valuebeforeupdate')!=$(this).val()) {
491 491 replacement.find('#'+object_id).val($(this).val());
492 492 }
493 493 });
494 494 $('#all_attributes').empty();
495 495 $('#all_attributes').prepend(replacement);
496 496 }
497 497
498 498 function updateBulkEditFrom(url) {
499 499 $.ajax({
500 500 url: url,
501 501 type: 'post',
502 502 data: $('#bulk_edit_form').serialize()
503 503 });
504 504 }
505 505
506 506 function observeAutocompleteField(fieldId, url, options) {
507 507 $(document).ready(function() {
508 508 $('#'+fieldId).autocomplete($.extend({
509 509 source: url,
510 510 minLength: 2,
511 511 search: function(){$('#'+fieldId).addClass('ajax-loading');},
512 512 response: function(){$('#'+fieldId).removeClass('ajax-loading');}
513 513 }, options));
514 514 $('#'+fieldId).addClass('autocomplete');
515 515 });
516 516 }
517 517
518 518 function observeSearchfield(fieldId, targetId, url) {
519 519 $('#'+fieldId).each(function() {
520 520 var $this = $(this);
521 521 $this.addClass('autocomplete');
522 522 $this.attr('data-value-was', $this.val());
523 523 var check = function() {
524 524 var val = $this.val();
525 525 if ($this.attr('data-value-was') != val){
526 526 $this.attr('data-value-was', val);
527 527 $.ajax({
528 528 url: url,
529 529 type: 'get',
530 530 data: {q: $this.val()},
531 531 success: function(data){ if(targetId) $('#'+targetId).html(data); },
532 532 beforeSend: function(){ $this.addClass('ajax-loading'); },
533 533 complete: function(){ $this.removeClass('ajax-loading'); }
534 534 });
535 535 }
536 536 };
537 537 var reset = function() {
538 538 if (timer) {
539 539 clearInterval(timer);
540 540 timer = setInterval(check, 300);
541 541 }
542 542 };
543 543 var timer = setInterval(check, 300);
544 544 $this.bind('keyup click mousemove', reset);
545 545 });
546 546 }
547 547
548 548 function beforeShowDatePicker(input, inst) {
549 549 var default_date = null;
550 550 switch ($(input).attr("id")) {
551 551 case "issue_start_date" :
552 552 if ($("#issue_due_date").size() > 0) {
553 553 default_date = $("#issue_due_date").val();
554 554 }
555 555 break;
556 556 case "issue_due_date" :
557 557 if ($("#issue_start_date").size() > 0) {
558 558 default_date = $("#issue_start_date").val();
559 559 }
560 560 break;
561 561 }
562 562 $(input).datepicker("option", "defaultDate", default_date);
563 563 }
564 564
565 565 function initMyPageSortable(list, url) {
566 566 $('#list-'+list).sortable({
567 567 connectWith: '.block-receiver',
568 568 tolerance: 'pointer',
569 569 update: function(){
570 570 $.ajax({
571 571 url: url,
572 572 type: 'post',
573 573 data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})}
574 574 });
575 575 }
576 576 });
577 577 $("#list-top, #list-left, #list-right").disableSelection();
578 578 }
579 579
580 580 var warnLeavingUnsavedMessage;
581 581 function warnLeavingUnsaved(message) {
582 582 warnLeavingUnsavedMessage = message;
583 583 $(document).on('submit', 'form', function(){
584 584 $('textarea').removeData('changed');
585 585 });
586 586 $(document).on('change', 'textarea', function(){
587 587 $(this).data('changed', 'changed');
588 588 });
589 589 window.onbeforeunload = function(){
590 590 var warn = false;
591 591 $('textarea').blur().each(function(){
592 592 if ($(this).data('changed')) {
593 593 warn = true;
594 594 }
595 595 });
596 596 if (warn) {return warnLeavingUnsavedMessage;}
597 597 };
598 598 }
599 599
600 600 function setupAjaxIndicator() {
601 601 $(document).bind('ajaxSend', function(event, xhr, settings) {
602 602 if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
603 603 $('#ajax-indicator').show();
604 604 }
605 605 });
606 606 $(document).bind('ajaxStop', function() {
607 607 $('#ajax-indicator').hide();
608 608 });
609 609 }
610 610
611 611 function hideOnLoad() {
612 612 $('.hol').hide();
613 613 }
614 614
615 615 function addFormObserversForDoubleSubmit() {
616 616 $('form[method=post]').each(function() {
617 617 if (!$(this).hasClass('multiple-submit')) {
618 618 $(this).submit(function(form_submission) {
619 619 if ($(form_submission.target).attr('data-submitted')) {
620 620 form_submission.preventDefault();
621 621 } else {
622 622 $(form_submission.target).attr('data-submitted', true);
623 623 }
624 624 });
625 625 }
626 626 });
627 627 }
628 628
629 629 function defaultFocus(){
630 if ($('#content :focus').length == 0) {
630 if (($('#content :focus').length == 0) && (window.location.hash == '')) {
631 631 $('#content input[type=text], #content textarea').first().focus();
632 632 }
633 633 }
634 634
635 635 function blockEventPropagation(event) {
636 636 event.stopPropagation();
637 637 event.preventDefault();
638 638 }
639 639
640 640 function toggleDisabledOnChange() {
641 641 var checked = $(this).is(':checked');
642 642 $($(this).data('disables')).attr('disabled', checked);
643 643 $($(this).data('enables')).attr('disabled', !checked);
644 644 }
645 645 function toggleDisabledInit() {
646 646 $('input[data-disables], input[data-enables]').each(toggleDisabledOnChange);
647 647 }
648 648 $(document).ready(function(){
649 649 $('#content').on('change', 'input[data-disables], input[data-enables]', toggleDisabledOnChange);
650 650 toggleDisabledInit();
651 651 });
652 652
653 653 $(document).ready(setupAjaxIndicator);
654 654 $(document).ready(hideOnLoad);
655 655 $(document).ready(addFormObserversForDoubleSubmit);
656 656 $(document).ready(defaultFocus);
657 657
General Comments 0
You need to be logged in to leave comments. Login now