Chris@1464: /* Redmine - project management software
Chris@1464: Copyright (C) 2006-2013 Jean-Philippe Lang */
Chris@1464:
Chris@1464: function checkAll(id, checked) {
Chris@1464: if (checked) {
Chris@1464: $('#'+id).find('input[type=checkbox]').attr('checked', true);
Chris@1464: } else {
Chris@1464: $('#'+id).find('input[type=checkbox]').removeAttr('checked');
Chris@1464: }
Chris@1464: }
Chris@1464:
Chris@1464: function toggleCheckboxesBySelector(selector) {
Chris@1464: var all_checked = true;
Chris@1464: $(selector).each(function(index) {
Chris@1464: if (!$(this).is(':checked')) { all_checked = false; }
Chris@1464: });
Chris@1464: $(selector).attr('checked', !all_checked);
Chris@1464: }
Chris@1464:
Chris@1464: function showAndScrollTo(id, focus) {
Chris@1464: $('#'+id).show();
Chris@1464: if (focus !== null) {
Chris@1464: $('#'+focus).focus();
Chris@1464: }
Chris@1464: $('html, body').animate({scrollTop: $('#'+id).offset().top}, 100);
Chris@1464: }
Chris@1464:
Chris@1464: function toggleRowGroup(el) {
Chris@1464: var tr = $(el).parents('tr').first();
Chris@1464: var n = tr.next();
Chris@1464: tr.toggleClass('open');
Chris@1464: while (n.length && !n.hasClass('group')) {
Chris@1464: n.toggle();
Chris@1464: n = n.next('tr');
Chris@1464: }
Chris@1464: }
Chris@1464:
Chris@1464: function collapseAllRowGroups(el) {
Chris@1464: var tbody = $(el).parents('tbody').first();
Chris@1464: tbody.children('tr').each(function(index) {
Chris@1464: if ($(this).hasClass('group')) {
Chris@1464: $(this).removeClass('open');
Chris@1464: } else {
Chris@1464: $(this).hide();
Chris@1464: }
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function expandAllRowGroups(el) {
Chris@1464: var tbody = $(el).parents('tbody').first();
Chris@1464: tbody.children('tr').each(function(index) {
Chris@1464: if ($(this).hasClass('group')) {
Chris@1464: $(this).addClass('open');
Chris@1464: } else {
Chris@1464: $(this).show();
Chris@1464: }
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function toggleAllRowGroups(el) {
Chris@1464: var tr = $(el).parents('tr').first();
Chris@1464: if (tr.hasClass('open')) {
Chris@1464: collapseAllRowGroups(el);
Chris@1464: } else {
Chris@1464: expandAllRowGroups(el);
Chris@1464: }
Chris@1464: }
Chris@1464:
Chris@1464: function toggleFieldset(el) {
Chris@1464: var fieldset = $(el).parents('fieldset').first();
Chris@1464: fieldset.toggleClass('collapsed');
Chris@1464: fieldset.children('div').toggle();
Chris@1464: }
Chris@1464:
Chris@1464: function hideFieldset(el) {
Chris@1464: var fieldset = $(el).parents('fieldset').first();
Chris@1464: fieldset.toggleClass('collapsed');
Chris@1464: fieldset.children('div').hide();
Chris@1464: }
Chris@1464:
Chris@1464: function initFilters(){
Chris@1464: $('#add_filter_select').change(function(){
Chris@1464: addFilter($(this).val(), '', []);
Chris@1464: });
Chris@1464: $('#filters-table td.field input[type=checkbox]').each(function(){
Chris@1464: toggleFilter($(this).val());
Chris@1464: });
Chris@1464: $('#filters-table td.field input[type=checkbox]').live('click',function(){
Chris@1464: toggleFilter($(this).val());
Chris@1464: });
Chris@1464: $('#filters-table .toggle-multiselect').live('click',function(){
Chris@1464: toggleMultiSelect($(this).siblings('select'));
Chris@1464: });
Chris@1464: $('#filters-table input[type=text]').live('keypress', function(e){
Chris@1464: if (e.keyCode == 13) submit_query_form("query_form");
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function addFilter(field, operator, values) {
Chris@1464: var fieldId = field.replace('.', '_');
Chris@1464: var tr = $('#tr_'+fieldId);
Chris@1464: if (tr.length > 0) {
Chris@1464: tr.show();
Chris@1464: } else {
Chris@1464: buildFilterRow(field, operator, values);
Chris@1464: }
Chris@1464: $('#cb_'+fieldId).attr('checked', true);
Chris@1464: toggleFilter(field);
Chris@1464: $('#add_filter_select').val('').children('option').each(function(){
Chris@1464: if ($(this).attr('value') == field) {
Chris@1464: $(this).attr('disabled', true);
Chris@1464: }
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function buildFilterRow(field, operator, values) {
Chris@1464: var fieldId = field.replace('.', '_');
Chris@1464: var filterTable = $("#filters-table");
Chris@1464: var filterOptions = availableFilters[field];
Chris@1464: if (!filterOptions) return;
Chris@1464: var operators = operatorByType[filterOptions['type']];
Chris@1464: var filterValues = filterOptions['values'];
Chris@1464: var i, select;
Chris@1464:
Chris@1464: var tr = $('
').attr('id', 'tr_'+fieldId).html(
Chris@1464: ' | ' +
Chris@1464: ' | ' +
Chris@1464: ' | '
Chris@1464: );
Chris@1464: filterTable.append(tr);
Chris@1464:
Chris@1464: select = tr.find('td.operator select');
Chris@1464: for (i=0;i').val(operators[i]).text(operatorLabels[operators[i]]);
Chris@1464: if (operators[i] == operator) { option.attr('selected', true); }
Chris@1464: select.append(option);
Chris@1464: }
Chris@1464: select.change(function(){ toggleOperator(field); });
Chris@1464:
Chris@1464: switch (filterOptions['type']){
Chris@1464: case "list":
Chris@1464: case "list_optional":
Chris@1464: case "list_status":
Chris@1464: case "list_subprojects":
Chris@1464: tr.find('td.values').append(
Chris@1464: '' +
Chris@1464: ' '
Chris@1464: );
Chris@1464: select = tr.find('td.values select');
Chris@1464: if (values.length > 1) { select.attr('multiple', true); }
Chris@1464: for (i=0;i');
Chris@1464: if ($.isArray(filterValue)) {
Chris@1464: option.val(filterValue[1]).text(filterValue[0]);
Chris@1464: if ($.inArray(filterValue[1], values) > -1) {option.attr('selected', true);}
Chris@1464: } else {
Chris@1464: option.val(filterValue).text(filterValue);
Chris@1464: if ($.inArray(filterValue, values) > -1) {option.attr('selected', true);}
Chris@1464: }
Chris@1464: select.append(option);
Chris@1464: }
Chris@1464: break;
Chris@1464: case "date":
Chris@1464: case "date_past":
Chris@1464: tr.find('td.values').append(
Chris@1464: '' +
Chris@1464: ' ' +
Chris@1464: ' '+labelDayPlural+''
Chris@1464: );
Chris@1464: $('#values_'+fieldId+'_1').val(values[0]).datepicker(datepickerOptions);
Chris@1464: $('#values_'+fieldId+'_2').val(values[1]).datepicker(datepickerOptions);
Chris@1464: $('#values_'+fieldId).val(values[0]);
Chris@1464: break;
Chris@1464: case "string":
Chris@1464: case "text":
Chris@1464: tr.find('td.values').append(
Chris@1464: ''
Chris@1464: );
Chris@1464: $('#values_'+fieldId).val(values[0]);
Chris@1464: break;
Chris@1464: case "relation":
Chris@1464: tr.find('td.values').append(
Chris@1464: '' +
Chris@1464: ''
Chris@1464: );
Chris@1464: $('#values_'+fieldId).val(values[0]);
Chris@1464: select = tr.find('td.values select');
Chris@1464: for (i=0;i');
Chris@1464: option.val(filterValue[1]).text(filterValue[0]);
Chris@1464: if (values[0] == filterValue[1]) { option.attr('selected', true); }
Chris@1464: select.append(option);
Chris@1464: }
Chris@1464: case "integer":
Chris@1464: case "float":
Chris@1464: tr.find('td.values').append(
Chris@1464: '' +
Chris@1464: ' '
Chris@1464: );
Chris@1464: $('#values_'+fieldId+'_1').val(values[0]);
Chris@1464: $('#values_'+fieldId+'_2').val(values[1]);
Chris@1464: break;
Chris@1464: }
Chris@1464: }
Chris@1464:
Chris@1464: function toggleFilter(field) {
Chris@1464: var fieldId = field.replace('.', '_');
Chris@1464: if ($('#cb_' + fieldId).is(':checked')) {
Chris@1464: $("#operators_" + fieldId).show().removeAttr('disabled');
Chris@1464: toggleOperator(field);
Chris@1464: } else {
Chris@1464: $("#operators_" + fieldId).hide().attr('disabled', true);
Chris@1464: enableValues(field, []);
Chris@1464: }
Chris@1464: }
Chris@1464:
Chris@1464: function enableValues(field, indexes) {
Chris@1464: var fieldId = field.replace('.', '_');
Chris@1464: $('#tr_'+fieldId+' td.values .value').each(function(index) {
Chris@1464: if ($.inArray(index, indexes) >= 0) {
Chris@1464: $(this).removeAttr('disabled');
Chris@1464: $(this).parents('span').first().show();
Chris@1464: } else {
Chris@1464: $(this).val('');
Chris@1464: $(this).attr('disabled', true);
Chris@1464: $(this).parents('span').first().hide();
Chris@1464: }
Chris@1464:
Chris@1464: if ($(this).hasClass('group')) {
Chris@1464: $(this).addClass('open');
Chris@1464: } else {
Chris@1464: $(this).show();
Chris@1464: }
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function toggleOperator(field) {
Chris@1464: var fieldId = field.replace('.', '_');
Chris@1464: var operator = $("#operators_" + fieldId);
Chris@1464: switch (operator.val()) {
Chris@1464: case "!*":
Chris@1464: case "*":
Chris@1464: case "t":
Chris@1464: case "ld":
Chris@1464: case "w":
Chris@1464: case "lw":
Chris@1464: case "l2w":
Chris@1464: case "m":
Chris@1464: case "lm":
Chris@1464: case "y":
Chris@1464: case "o":
Chris@1464: case "c":
Chris@1464: enableValues(field, []);
Chris@1464: break;
Chris@1464: case "><":
Chris@1464: enableValues(field, [0,1]);
Chris@1464: break;
Chris@1464: case "t+":
Chris@1464: case ">t-":
Chris@1464: case "0) {
Chris@1464: lis.eq(i-1).show();
Chris@1464: }
Chris@1464: }
Chris@1464:
Chris@1464: function displayTabsButtons() {
Chris@1464: var lis;
Chris@1464: var tabsWidth = 0;
Chris@1464: var el;
Chris@1464: $('div.tabs').each(function() {
Chris@1464: el = $(this);
Chris@1464: lis = el.find('ul').children();
Chris@1464: lis.each(function(){
Chris@1464: if ($(this).is(':visible')) {
Chris@1464: tabsWidth += $(this).width() + 6;
Chris@1464: }
Chris@1464: });
Chris@1464: if ((tabsWidth < el.width() - 60) && (lis.first().is(':visible'))) {
Chris@1464: el.find('div.tabs-buttons').hide();
Chris@1464: } else {
Chris@1464: el.find('div.tabs-buttons').show();
Chris@1464: }
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function setPredecessorFieldsVisibility() {
Chris@1464: var relationType = $('#relation_relation_type');
Chris@1464: if (relationType.val() == "precedes" || relationType.val() == "follows") {
Chris@1464: $('#predecessor_fields').show();
Chris@1464: } else {
Chris@1464: $('#predecessor_fields').hide();
Chris@1464: }
Chris@1464: }
Chris@1464:
Chris@1464: function showModal(id, width) {
Chris@1464: var el = $('#'+id).first();
Chris@1464: if (el.length === 0 || el.is(':visible')) {return;}
Chris@1464: var title = el.find('h3.title').text();
Chris@1464: el.dialog({
Chris@1464: width: width,
Chris@1464: modal: true,
Chris@1464: resizable: false,
Chris@1464: dialogClass: 'modal',
Chris@1464: title: title
Chris@1464: });
Chris@1464: el.find("input[type=text], input[type=submit]").first().focus();
Chris@1464: }
Chris@1464:
Chris@1464: function hideModal(el) {
Chris@1464: var modal;
Chris@1464: if (el) {
Chris@1464: modal = $(el).parents('.ui-dialog-content');
Chris@1464: } else {
Chris@1464: modal = $('#ajax-modal');
Chris@1464: }
Chris@1464: modal.dialog("close");
Chris@1464: }
Chris@1464:
Chris@1464: function submitPreview(url, form, target) {
Chris@1464: $.ajax({
Chris@1464: url: url,
Chris@1464: type: 'post',
Chris@1464: data: $('#'+form).serialize(),
Chris@1464: success: function(data){
Chris@1464: $('#'+target).html(data);
Chris@1464: }
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function collapseScmEntry(id) {
Chris@1464: $('.'+id).each(function() {
Chris@1464: if ($(this).hasClass('open')) {
Chris@1464: collapseScmEntry($(this).attr('id'));
Chris@1464: }
Chris@1464: $(this).hide();
Chris@1464: });
Chris@1464: $('#'+id).removeClass('open');
Chris@1464: }
Chris@1464:
Chris@1464: function expandScmEntry(id) {
Chris@1464: $('.'+id).each(function() {
Chris@1464: $(this).show();
Chris@1464: if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {
Chris@1464: expandScmEntry($(this).attr('id'));
Chris@1464: }
Chris@1464: });
Chris@1464: $('#'+id).addClass('open');
Chris@1464: }
Chris@1464:
Chris@1464: function scmEntryClick(id, url) {
Chris@1464: var el = $('#'+id);
Chris@1464: if (el.hasClass('open')) {
Chris@1464: collapseScmEntry(id);
Chris@1464: el.addClass('collapsed');
Chris@1464: return false;
Chris@1464: } else if (el.hasClass('loaded')) {
Chris@1464: expandScmEntry(id);
Chris@1464: el.removeClass('collapsed');
Chris@1464: return false;
Chris@1464: }
Chris@1464: if (el.hasClass('loading')) {
Chris@1464: return false;
Chris@1464: }
Chris@1464: el.addClass('loading');
Chris@1464: $.ajax({
Chris@1464: url: url,
Chris@1464: success: function(data){
Chris@1464: el.after(data);
Chris@1464: el.addClass('open').addClass('loaded').removeClass('loading');
Chris@1464: }
Chris@1464: });
Chris@1464: return true;
Chris@1464: }
Chris@1464:
Chris@1464: function randomKey(size) {
Chris@1464: var chars = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z');
Chris@1464: var key = '';
Chris@1464: for (i = 0; i < size; i++) {
Chris@1464: key += chars[Math.floor(Math.random() * chars.length)];
Chris@1464: }
Chris@1464: return key;
Chris@1464: }
Chris@1464:
Chris@1464: // Can't use Rails' remote select because we need the form data
Chris@1464: function updateIssueFrom(url) {
Chris@1464: $.ajax({
Chris@1464: url: url,
Chris@1464: type: 'post',
Chris@1464: data: $('#issue-form').serialize()
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function updateBulkEditFrom(url) {
Chris@1464: $.ajax({
Chris@1464: url: url,
Chris@1464: type: 'post',
Chris@1464: data: $('#bulk_edit_form').serialize()
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function observeAutocompleteField(fieldId, url, options) {
Chris@1464: $(document).ready(function() {
Chris@1464: $('#'+fieldId).autocomplete($.extend({
Chris@1464: source: url,
Chris@1464: minLength: 2,
Chris@1464: search: function(){$('#'+fieldId).addClass('ajax-loading');},
Chris@1464: response: function(){$('#'+fieldId).removeClass('ajax-loading');}
Chris@1464: }, options));
Chris@1464: $('#'+fieldId).addClass('autocomplete');
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function observeSearchfield(fieldId, targetId, url) {
Chris@1464: $('#'+fieldId).each(function() {
Chris@1464: var $this = $(this);
Chris@1464: $this.addClass('autocomplete');
Chris@1464: $this.attr('data-value-was', $this.val());
Chris@1464: var check = function() {
Chris@1464: var val = $this.val();
Chris@1464: if ($this.attr('data-value-was') != val){
Chris@1464: $this.attr('data-value-was', val);
Chris@1464: $.ajax({
Chris@1464: url: url,
Chris@1464: type: 'get',
Chris@1464: data: {q: $this.val()},
Chris@1464: success: function(data){ if(targetId) $('#'+targetId).html(data); },
Chris@1464: beforeSend: function(){ $this.addClass('ajax-loading'); },
Chris@1464: complete: function(){ $this.removeClass('ajax-loading'); }
Chris@1464: });
Chris@1464: }
Chris@1464: };
Chris@1464: var reset = function() {
Chris@1464: if (timer) {
Chris@1464: clearInterval(timer);
Chris@1464: timer = setInterval(check, 300);
Chris@1464: }
Chris@1464: };
Chris@1464: var timer = setInterval(check, 300);
Chris@1464: $this.bind('keyup click mousemove', reset);
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function observeProjectModules() {
Chris@1464: var f = function() {
Chris@1464: /* Hides trackers and issues custom fields on the new project form when issue_tracking module is disabled */
Chris@1464: if ($('#project_enabled_module_names_issue_tracking').attr('checked')) {
Chris@1464: $('#project_trackers').show();
Chris@1464: }else{
Chris@1464: $('#project_trackers').hide();
Chris@1464: }
Chris@1464: };
Chris@1464:
Chris@1464: $(window).load(f);
Chris@1464: $('#project_enabled_module_names_issue_tracking').change(f);
Chris@1464: }
Chris@1464:
Chris@1464: function initMyPageSortable(list, url) {
Chris@1464: $('#list-'+list).sortable({
Chris@1464: connectWith: '.block-receiver',
Chris@1464: tolerance: 'pointer',
Chris@1464: update: function(){
Chris@1464: $.ajax({
Chris@1464: url: url,
Chris@1464: type: 'post',
Chris@1464: data: {'blocks': $.map($('#list-'+list).children(), function(el){return $(el).attr('id');})}
Chris@1464: });
Chris@1464: }
Chris@1464: });
Chris@1464: $("#list-top, #list-left, #list-right").disableSelection();
Chris@1464: }
Chris@1464:
Chris@1464: var warnLeavingUnsavedMessage;
Chris@1464: function warnLeavingUnsaved(message) {
Chris@1464: warnLeavingUnsavedMessage = message;
Chris@1464:
Chris@1464: $('form').submit(function(){
Chris@1464: $('textarea').removeData('changed');
Chris@1464: });
Chris@1464: $('textarea').change(function(){
Chris@1464: $(this).data('changed', 'changed');
Chris@1464: });
Chris@1464: window.onbeforeunload = function(){
Chris@1464: var warn = false;
Chris@1464: $('textarea').blur().each(function(){
Chris@1464: if ($(this).data('changed')) {
Chris@1464: warn = true;
Chris@1464: }
Chris@1464: });
Chris@1464: if (warn) {return warnLeavingUnsavedMessage;}
Chris@1464: };
Chris@1464: }
Chris@1464:
Chris@1464: function setupAjaxIndicator() {
Chris@1464:
Chris@1464: $('#ajax-indicator').bind('ajaxSend', function(event, xhr, settings) {
Chris@1464:
Chris@1464: if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
Chris@1464: $('#ajax-indicator').show();
Chris@1464: }
Chris@1464: });
Chris@1464:
Chris@1464: $('#ajax-indicator').bind('ajaxStop', function() {
Chris@1464: $('#ajax-indicator').hide();
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function hideOnLoad() {
Chris@1464: $('.hol').hide();
Chris@1464: }
Chris@1464:
Chris@1464: function addFormObserversForDoubleSubmit() {
Chris@1464: $('form[method=post]').each(function() {
Chris@1464: if (!$(this).hasClass('multiple-submit')) {
Chris@1464: $(this).submit(function(form_submission) {
Chris@1464: if ($(form_submission.target).attr('data-submitted')) {
Chris@1464: form_submission.preventDefault();
Chris@1464: } else {
Chris@1464: $(form_submission.target).attr('data-submitted', true);
Chris@1464: }
Chris@1464: });
Chris@1464: }
Chris@1464: });
Chris@1464: }
Chris@1464:
Chris@1464: function blockEventPropagation(event) {
Chris@1464: event.stopPropagation();
Chris@1464: event.preventDefault();
Chris@1464: }
Chris@1464:
Chris@1464: $(document).ready(setupAjaxIndicator);
Chris@1464: $(document).ready(hideOnLoad);
Chris@1464: $(document).ready(addFormObserversForDoubleSubmit);