kanbanworkflowstimelinescrumrubyroadmapproject-planningproject-managementopenprojectangularissue-trackerifcgantt-chartganttbug-trackerboardsbcf
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
2.9 KiB
100 lines
2.9 KiB
//-- copyright
|
|
// OpenProject is a project management system.
|
|
// Copyright (C) 2012-2018 the OpenProject Foundation (OPF)
|
|
//
|
|
// This program is free software; you can redistribute it and/or
|
|
// modify it under the terms of the GNU General Public License version 3.
|
|
//
|
|
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
|
|
// Copyright (C) 2006-2017 Jean-Philippe Lang
|
|
// Copyright (C) 2010-2013 the ChiliProject Team
|
|
//
|
|
// This program is free software; you can redistribute it and/or
|
|
// modify it under the terms of the GNU General Public License
|
|
// as published by the Free Software Foundation; either version 2
|
|
// of the License, or (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with this program; if not, write to the Free Software
|
|
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
|
//
|
|
// See docs/COPYRIGHT.rdoc for more details.
|
|
//++
|
|
|
|
function createFieldsetToggleStateLabel(legend, text) {
|
|
var labelClass = 'fieldset-toggle-state-label';
|
|
var toggleLabel = legend.find('a span.' + labelClass);
|
|
var legendLink = legend.children('a');
|
|
|
|
if (toggleLabel.length === 0) {
|
|
toggleLabel = jQuery("<span />").addClass(labelClass)
|
|
.addClass("hidden-for-sighted");
|
|
|
|
legendLink.append(toggleLabel);
|
|
}
|
|
|
|
toggleLabel.text(' ' + text);
|
|
}
|
|
|
|
function setFieldsetToggleState(fieldset) {
|
|
var legend = fieldset.children('legend');
|
|
|
|
|
|
if (fieldset.hasClass('collapsed')) {
|
|
createFieldsetToggleStateLabel(legend, I18n.t('js.label_collapsed'));
|
|
} else {
|
|
createFieldsetToggleStateLabel(legend, I18n.t('js.label_expanded'));
|
|
}
|
|
}
|
|
|
|
function getFieldset(el) {
|
|
var element = jQuery(el);
|
|
|
|
if (element.is('legend')) {
|
|
return jQuery(el).parent();
|
|
} else if (element.is('fieldset')) {
|
|
return element;
|
|
}
|
|
|
|
throw "Cannot derive fieldset from element!";
|
|
}
|
|
|
|
function toggleFieldset(el) {
|
|
var fieldset = getFieldset(el);
|
|
var contentArea = fieldset.find('> div').not('.form--fieldset-control');
|
|
|
|
fieldset.toggleClass('collapsed');
|
|
contentArea.slideToggle('fast', null);
|
|
|
|
setFieldsetToggleState(fieldset);
|
|
}
|
|
|
|
jQuery(document).ready(function() {
|
|
const fieldsets = jQuery('fieldset.form--fieldset.-collapsible');
|
|
|
|
// Toggle on click
|
|
fieldsets.on('click', '.form--fieldset-legend', function(evt) {
|
|
toggleFieldset(this);
|
|
evt.preventDefault();
|
|
evt.stopPropagation();
|
|
return false;
|
|
});
|
|
|
|
// Set initial state
|
|
fieldsets
|
|
.each(function() {
|
|
var fieldset = getFieldset(this);
|
|
|
|
var contentArea = fieldset.find('> div');
|
|
if (fieldset.hasClass('collapsed')) {
|
|
contentArea.hide();
|
|
}
|
|
|
|
setFieldsetToggleState(fieldset);
|
|
});
|
|
});
|
|
|