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