mirror of
https://github.com/redmine/redmine.git
synced 2025-10-26 00:36:14 +02:00
3407711118
* old @application.js@ from @app/assets/javascripts@ become @application-legacy.js@ in favour of @application.js@ provided by Stimulus * adds @importmap@ gem to handle JavaScript modules using logical names that map to versioned/digested files Stimulus will be used for new functionality and, over time, to migrate existing features from JQuery / JQuery UI. git-svn-id: https://svn.redmine.org/redmine/trunk@23697 e93f8b46-1217-0410-a6f0-8f06a7374b81
1432 lines
42 KiB
JavaScript
1432 lines
42 KiB
JavaScript
/**
|
|
* Redmine - project management software
|
|
* Copyright (C) 2006- Jean-Philippe Lang
|
|
* This code is released under the GNU General Public License.
|
|
*/
|
|
|
|
function sanitizeHTML(string) {
|
|
var temp = document.createElement('span');
|
|
temp.textContent = string;
|
|
return temp.innerHTML;
|
|
}
|
|
|
|
function checkAll(id, checked) {
|
|
$('#'+id).find('input[type=checkbox]:enabled').prop('checked', checked);
|
|
}
|
|
|
|
function toggleCheckboxesBySelector(selector) {
|
|
var all_checked = true;
|
|
$(selector).each(function(index) {
|
|
if (!$(this).is(':checked')) { all_checked = false; }
|
|
});
|
|
$(selector).prop('checked', !all_checked).trigger('change');
|
|
}
|
|
|
|
function showAndScrollTo(id, focus) {
|
|
$('#'+id).show();
|
|
if (focus !== null) {
|
|
$('#'+focus).focus();
|
|
}
|
|
$('html, body').animate({scrollTop: $('#'+id).offset().top}, 100);
|
|
}
|
|
|
|
function toggleRowGroup(el) {
|
|
var tr = $(el).parents('tr').first();
|
|
var n = tr.next();
|
|
tr.toggleClass('open');
|
|
$(el).toggleClass('icon-expanded icon-collapsed');
|
|
toggleExpendCollapseIcon(el)
|
|
while (n.length && !n.hasClass('group')) {
|
|
n.toggle();
|
|
n = n.next('tr');
|
|
}
|
|
}
|
|
|
|
function toggleExpendCollapseIcon(el) {
|
|
const svg = el.getElementsByTagName('svg').item(0)
|
|
|
|
if (svg === null) {
|
|
return false;
|
|
}
|
|
|
|
if (el.classList.contains('icon-expanded')) {
|
|
updateSVGIcon(svg, 'angle-down')
|
|
svg.classList.remove('icon-rtl')
|
|
} else {
|
|
updateSVGIcon(svg, 'angle-right')
|
|
svg.classList.add('icon-rtl')
|
|
}
|
|
}
|
|
|
|
function updateSVGIcon(element, icon) {
|
|
const iconElement = element.getElementsByTagName("use").item(0)
|
|
|
|
if (iconElement === null) {
|
|
return false;
|
|
}
|
|
|
|
const iconPath = iconElement.getAttribute('href');
|
|
iconElement.setAttribute('href', iconPath.replace(/#.*$/g, "#icon--" + icon))
|
|
}
|
|
|
|
function createSVGIcon(icon) {
|
|
const clonedIcon = document.querySelector('#icon-copy-source svg').cloneNode(true);
|
|
updateSVGIcon(clonedIcon, icon);
|
|
return clonedIcon
|
|
}
|
|
|
|
function collapseAllRowGroups(el) {
|
|
var tbody = $(el).parents('tbody').first();
|
|
tbody.children('tr').each(function(index) {
|
|
if ($(this).hasClass('group')) {
|
|
$(this).removeClass('open');
|
|
var expander = $(this).find('.expander');
|
|
expander.switchClass('icon-expanded', 'icon-collapsed');
|
|
toggleExpendCollapseIcon(expander[0]);
|
|
} else {
|
|
$(this).hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
function expandAllRowGroups(el) {
|
|
var tbody = $(el).parents('tbody').first();
|
|
tbody.children('tr').each(function(index) {
|
|
if ($(this).hasClass('group')) {
|
|
$(this).addClass('open');
|
|
var expander = $(this).find('.expander');
|
|
expander.switchClass('icon-collapsed', 'icon-expanded');
|
|
toggleExpendCollapseIcon(expander[0]);
|
|
} else {
|
|
$(this).show();
|
|
}
|
|
});
|
|
}
|
|
|
|
function toggleAllRowGroups(el) {
|
|
var tr = $(el).parents('tr').first();
|
|
if (tr.hasClass('open')) {
|
|
collapseAllRowGroups(el);
|
|
} else {
|
|
expandAllRowGroups(el);
|
|
}
|
|
}
|
|
|
|
function toggleFieldset(el) {
|
|
var fieldset = $(el).parents('fieldset').first();
|
|
fieldset.toggleClass('collapsed');
|
|
fieldset.children('legend').toggleClass('icon-expanded icon-collapsed');
|
|
toggleExpendCollapseIcon(fieldset.children('legend')[0])
|
|
fieldset.children('div').toggle();
|
|
}
|
|
|
|
function hideFieldset(el) {
|
|
var fieldset = $(el).parents('fieldset').first();
|
|
fieldset.toggleClass('collapsed');
|
|
fieldset.children('div').hide();
|
|
}
|
|
|
|
// columns selection
|
|
function moveOptions(theSelFrom, theSelTo) {
|
|
$(theSelFrom).find('option:selected').detach().prop("selected", false).appendTo($(theSelTo));
|
|
}
|
|
|
|
function moveOptionUp(theSel) {
|
|
$(theSel).find('option:selected').each(function(){
|
|
$(this).prev(':not(:selected)').detach().insertAfter($(this));
|
|
});
|
|
}
|
|
|
|
function moveOptionTop(theSel) {
|
|
$(theSel).find('option:selected').detach().prependTo($(theSel));
|
|
}
|
|
|
|
function moveOptionDown(theSel) {
|
|
$($(theSel).find('option:selected').get().reverse()).each(function(){
|
|
$(this).next(':not(:selected)').detach().insertBefore($(this));
|
|
});
|
|
}
|
|
|
|
function moveOptionBottom(theSel) {
|
|
$(theSel).find('option:selected').detach().appendTo($(theSel));
|
|
}
|
|
|
|
function initFilters() {
|
|
$('#add_filter_select').change(function() {
|
|
addFilter($(this).val(), '', []);
|
|
});
|
|
$('#filters-table .field input[type=checkbox]').each(function() {
|
|
toggleFilter($(this).val());
|
|
});
|
|
$('#filters-table').on('click', '.field input[type=checkbox]', function() {
|
|
toggleFilter($(this).val());
|
|
});
|
|
$('#filters-table').on('keypress', 'input[type=text]', function(e) {
|
|
if (e.keyCode == 13) $(this).closest('form').submit();
|
|
});
|
|
}
|
|
|
|
function addFilter(field, operator, values) {
|
|
var fieldId = field.replace('.', '_');
|
|
var tr = $('#tr_'+fieldId);
|
|
|
|
var filterOptions = availableFilters[field];
|
|
if (!filterOptions) return;
|
|
|
|
if (filterOptions['remote'] && filterOptions['values'] == null) {
|
|
$.getJSON(filtersUrl, {'name': field}).done(function(data) {
|
|
filterOptions['values'] = data;
|
|
addFilter(field, operator, values) ;
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (tr.length > 0) {
|
|
tr.show();
|
|
} else {
|
|
buildFilterRow(field, operator, values);
|
|
}
|
|
$('#cb_'+fieldId).prop('checked', true);
|
|
toggleFilter(field);
|
|
toggleMultiSelectIconInit();
|
|
$('#add_filter_select').val('').find('option').each(function() {
|
|
if ($(this).attr('value') == field) {
|
|
$(this).attr('disabled', true);
|
|
}
|
|
});
|
|
}
|
|
|
|
function buildFilterRow(field, operator, values) {
|
|
var fieldId = field.replace('.', '_');
|
|
var filterTable = $("#filters-table");
|
|
var filterOptions = availableFilters[field];
|
|
if (!filterOptions) return;
|
|
var operators = operatorByType[filterOptions['type']];
|
|
var filterValues = filterOptions['values'];
|
|
var select;
|
|
|
|
var tr = $('<div class="filter">').attr('id', 'tr_'+fieldId).html(
|
|
'<div class="field"><input checked="checked" id="cb_'+fieldId+'" name="f[]" value="'+field+'" type="checkbox"><label for="cb_'+fieldId+'"> '+filterOptions['name']+'</label></div>' +
|
|
'<div class="operator"><select id="operators_'+fieldId+'" name="op['+field+']"></select></div>' +
|
|
'<div class="values"></div>'
|
|
);
|
|
filterTable.append(tr);
|
|
|
|
select = tr.find('.operator select');
|
|
operators.forEach(function(op) {
|
|
var option = $('<option>').val(op).text(operatorLabels[op]);
|
|
if (op == operator) { option.prop('selected', true); }
|
|
select.append(option);
|
|
});
|
|
select.change(function(){ toggleOperator(field); });
|
|
|
|
switch (filterOptions['type']) {
|
|
case "list":
|
|
case "list_with_history":
|
|
case "list_optional":
|
|
case "list_optional_with_history":
|
|
case "list_status":
|
|
case "list_subprojects":
|
|
const iconType = values.length > 1 ? 'toggle-minus' : 'toggle-plus';
|
|
const iconSvg = createSVGIcon(iconType)
|
|
|
|
tr.find('.values').append(
|
|
$('<span>', { style: 'display:none;' }).append(
|
|
$('<select>', {
|
|
class: 'value',
|
|
id: `values_${fieldId}_1`,
|
|
name: `v[${field}][]`,
|
|
}),
|
|
'\n',
|
|
$('<span>', { class: `toggle-multiselect icon-only icon-${iconType}` }).append(iconSvg)
|
|
)
|
|
);
|
|
select = tr.find('.values select');
|
|
if (values.length > 1) { select.attr('multiple', true); }
|
|
filterValues.forEach(function(filterValue) {
|
|
var option = $('<option>');
|
|
if ($.isArray(filterValue)) {
|
|
option.val(filterValue[1]).text(filterValue[0]);
|
|
if ($.inArray(filterValue[1], values) > -1) {option.prop('selected', true);}
|
|
if (filterValue.length == 3) {
|
|
var optgroup = select.find('optgroup').filter(function(){return $(this).attr('label') == filterValue[2]});
|
|
if (!optgroup.length) {optgroup = $('<optgroup>').attr('label', filterValue[2]);}
|
|
option = optgroup.append(option);
|
|
}
|
|
} else {
|
|
option.val(filterValue).text(filterValue);
|
|
if ($.inArray(filterValue, values) > -1) {option.prop('selected', true);}
|
|
}
|
|
select.append(option);
|
|
});
|
|
break;
|
|
case "date":
|
|
case "date_past":
|
|
tr.find('.values').append(
|
|
'<span style="display:none;"><input type="date" name="v['+field+'][]" id="values_'+fieldId+'_1" size="10" class="value date_value" /></span>' +
|
|
' <span style="display:none;"><input type="date" name="v['+field+'][]" id="values_'+fieldId+'_2" size="10" class="value date_value" /></span>' +
|
|
' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="3" class="value" /> '+labelDayPlural+'</span>'
|
|
);
|
|
$('#values_'+fieldId+'_1').val(values[0]).datepickerFallback(datepickerOptions);
|
|
$('#values_'+fieldId+'_2').val(values[1]).datepickerFallback(datepickerOptions);
|
|
$('#values_'+fieldId).val(values[0]);
|
|
break;
|
|
case "string":
|
|
case "text":
|
|
case "search":
|
|
tr.find('.values').append(
|
|
'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="30" class="value" /></span>'
|
|
);
|
|
$('#values_'+fieldId).val(values[0]);
|
|
break;
|
|
case "relation":
|
|
tr.find('.values').append(
|
|
'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'" size="6" class="value" /></span>' +
|
|
'<span style="display:none;"><select class="value" name="v['+field+'][]" id="values_'+fieldId+'_1"></select></span>'
|
|
);
|
|
$('#values_'+fieldId).val(values[0]);
|
|
select = tr.find('.values select');
|
|
filterValues.forEach(function(filterValue) {
|
|
var option = $('<option>');
|
|
option.val(filterValue[1]).text(filterValue[0]);
|
|
if (values[0] == filterValue[1]) { option.prop('selected', true); }
|
|
select.append(option);
|
|
});
|
|
break;
|
|
case "integer":
|
|
case "float":
|
|
case "tree":
|
|
tr.find('.values').append(
|
|
'<span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_1" size="14" class="value" /></span>' +
|
|
' <span style="display:none;"><input type="text" name="v['+field+'][]" id="values_'+fieldId+'_2" size="14" class="value" /></span>'
|
|
);
|
|
$('#values_'+fieldId+'_1').val(values[0]);
|
|
$('#values_'+fieldId+'_2').val(values[1]);
|
|
break;
|
|
}
|
|
}
|
|
|
|
function toggleFilter(field) {
|
|
var fieldId = field.replace('.', '_');
|
|
if ($('#cb_' + fieldId).is(':checked')) {
|
|
$("#operators_" + fieldId).show().removeAttr('disabled');
|
|
toggleOperator(field);
|
|
} else {
|
|
$("#operators_" + fieldId).hide().attr('disabled', true);
|
|
enableValues(field, []);
|
|
}
|
|
}
|
|
|
|
function enableValues(field, indexes) {
|
|
var fieldId = field.replace('.', '_');
|
|
$('#tr_'+fieldId+' .values .value').each(function(index) {
|
|
if ($.inArray(index, indexes) >= 0) {
|
|
$(this).removeAttr('disabled');
|
|
$(this).parents('span').first().show();
|
|
} else {
|
|
$(this).val('');
|
|
$(this).attr('disabled', true);
|
|
$(this).parents('span').first().hide();
|
|
}
|
|
|
|
if ($(this).hasClass('group')) {
|
|
$(this).addClass('open');
|
|
} else {
|
|
$(this).show();
|
|
}
|
|
});
|
|
}
|
|
|
|
function toggleOperator(field) {
|
|
var fieldId = field.replace('.', '_');
|
|
var operator = $("#operators_" + fieldId);
|
|
switch (operator.val()) {
|
|
case "!*":
|
|
case "*":
|
|
case "nd":
|
|
case "t":
|
|
case "ld":
|
|
case "nw":
|
|
case "w":
|
|
case "lw":
|
|
case "l2w":
|
|
case "nm":
|
|
case "m":
|
|
case "lm":
|
|
case "y":
|
|
case "o":
|
|
case "c":
|
|
case "*o":
|
|
case "!o":
|
|
enableValues(field, []);
|
|
break;
|
|
case "><":
|
|
enableValues(field, [0,1]);
|
|
break;
|
|
case "<t+":
|
|
case ">t+":
|
|
case "><t+":
|
|
case "t+":
|
|
case ">t-":
|
|
case "<t-":
|
|
case "><t-":
|
|
case "t-":
|
|
enableValues(field, [2]);
|
|
break;
|
|
case "=p":
|
|
case "=!p":
|
|
case "!p":
|
|
enableValues(field, [1]);
|
|
break;
|
|
default:
|
|
enableValues(field, [0]);
|
|
break;
|
|
}
|
|
}
|
|
|
|
function toggleMultiSelect(el) {
|
|
var isWorkflow = el.closest('.controller-workflows');
|
|
if (el.attr('multiple')) {
|
|
el.removeAttr('multiple');
|
|
if (isWorkflow) { el.find("option[value=all]").show(); }
|
|
el.attr('size', 1);
|
|
} else {
|
|
el.attr('multiple', true);
|
|
if (isWorkflow) { el.find("option[value=all]").attr("selected", false).hide(); }
|
|
if (el.children().length > 10)
|
|
el.attr('size', 10);
|
|
else
|
|
el.attr('size', 4);
|
|
}
|
|
}
|
|
|
|
function showTab(name, url) {
|
|
$('#tab-content-' + name).parent().find('.tab-content').hide();
|
|
$('#tab-content-' + name).show();
|
|
$('#tab-' + name).closest('.tabs').find('a').removeClass('selected');
|
|
$('#tab-' + name).addClass('selected');
|
|
|
|
replaceInHistory(url)
|
|
|
|
return false;
|
|
}
|
|
|
|
function showIssueHistory(journal, url) {
|
|
tab_content = $('#tab-content-history');
|
|
tab_content.parent().find('.tab-content').hide();
|
|
tab_content.show();
|
|
tab_content.parent().children('div.tabs').find('a').removeClass('selected');
|
|
|
|
$('#tab-' + journal).addClass('selected');
|
|
|
|
replaceInHistory(url)
|
|
|
|
switch(journal) {
|
|
case 'notes':
|
|
tab_content.find('.journal').show();
|
|
tab_content.find('.journal:not(.has-notes)').hide();
|
|
tab_content.find('.journal .wiki').show();
|
|
tab_content.find('.journal .contextual .journal-actions').show();
|
|
|
|
// always show thumbnails in notes tab
|
|
var thumbnails = tab_content.find('.journal .thumbnails');
|
|
thumbnails.show();
|
|
// show journals without notes, but with thumbnails
|
|
thumbnails.parents('.journal').show();
|
|
break;
|
|
case 'properties':
|
|
tab_content.find('.journal').show();
|
|
tab_content.find('.journal:not(.has-details)').hide();
|
|
tab_content.find('.journal .wiki').hide();
|
|
tab_content.find('.journal .thumbnails').hide();
|
|
tab_content.find('.journal .contextual .journal-actions').hide();
|
|
break;
|
|
default:
|
|
tab_content.find('.journal').show();
|
|
tab_content.find('.journal .wiki').show();
|
|
tab_content.find('.journal .thumbnails').show();
|
|
tab_content.find('.journal .contextual .journal-actions').show();
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function getRemoteTab(name, remote_url, url, load_always) {
|
|
load_always = load_always || false;
|
|
var tab_content = $('#tab-content-' + name);
|
|
|
|
tab_content.parent().find('.tab-content').hide();
|
|
tab_content.parent().children('div.tabs').find('a').removeClass('selected');
|
|
$('#tab-' + name).addClass('selected');
|
|
|
|
replaceInHistory(url);
|
|
|
|
if (tab_content.children().length == 0 && load_always == false) {
|
|
$.ajax({
|
|
url: remote_url,
|
|
type: 'get',
|
|
success: function(data){
|
|
tab_content.html(data)
|
|
}
|
|
});
|
|
}
|
|
|
|
tab_content.show();
|
|
return false;
|
|
}
|
|
|
|
//replaces current URL with the "href" attribute of the current link
|
|
//(only triggered if supported by browser)
|
|
function replaceInHistory(url) {
|
|
if ("replaceState" in window.history && url !== undefined) {
|
|
window.history.replaceState(null, document.title, url);
|
|
}
|
|
}
|
|
|
|
function moveTabRight(el) {
|
|
var lis = $(el).parents('div.tabs').first().find('ul').children();
|
|
var bw = $(el).parents('div.tabs-buttons').outerWidth(true);
|
|
var tabsWidth = 0;
|
|
var i = 0;
|
|
lis.each(function() {
|
|
if ($(this).is(':visible')) {
|
|
tabsWidth += $(this).outerWidth(true);
|
|
}
|
|
});
|
|
if (tabsWidth < $(el).parents('div.tabs').first().width() - bw) { return; }
|
|
$(el).siblings('.tab-left').removeClass('disabled');
|
|
while (i<lis.length && !lis.eq(i).is(':visible')) { i++; }
|
|
var w = lis.eq(i).width();
|
|
lis.eq(i).hide();
|
|
if (tabsWidth - w < $(el).parents('div.tabs').first().width() - bw) {
|
|
$(el).addClass('disabled');
|
|
}
|
|
}
|
|
|
|
function moveTabLeft(el) {
|
|
var lis = $(el).parents('div.tabs').first().find('ul').children();
|
|
var i = 0;
|
|
while (i < lis.length && !lis.eq(i).is(':visible')) { i++; }
|
|
if (i > 0) {
|
|
lis.eq(i-1).show();
|
|
$(el).siblings('.tab-right').removeClass('disabled');
|
|
}
|
|
if (i <= 1) {
|
|
$(el).addClass('disabled');
|
|
}
|
|
}
|
|
|
|
function displayTabsButtons() {
|
|
var lis;
|
|
var tabsWidth;
|
|
var el;
|
|
var numHidden;
|
|
$('div.tabs').each(function() {
|
|
el = $(this);
|
|
lis = el.find('ul').children();
|
|
tabsWidth = 0;
|
|
numHidden = 0;
|
|
lis.each(function(){
|
|
if ($(this).is(':visible')) {
|
|
tabsWidth += $(this).outerWidth(true);
|
|
} else {
|
|
numHidden++;
|
|
}
|
|
});
|
|
var bw = $(el).find('div.tabs-buttons').outerWidth(true);
|
|
if ((tabsWidth < el.width() - bw) && (lis.length === 0 || lis.first().is(':visible'))) {
|
|
el.find('div.tabs-buttons').hide();
|
|
} else {
|
|
el.find('div.tabs-buttons').show().children('button.tab-left').toggleClass('disabled', numHidden == 0);
|
|
}
|
|
});
|
|
}
|
|
|
|
function setPredecessorFieldsVisibility() {
|
|
var relationType = $('#relation_relation_type');
|
|
if (relationType.val() == "precedes" || relationType.val() == "follows") {
|
|
$('#predecessor_fields').show();
|
|
} else {
|
|
$('#predecessor_fields').hide();
|
|
}
|
|
}
|
|
|
|
function showModal(id, width, title) {
|
|
var el = $('#'+id).first();
|
|
if (el.length === 0 || el.is(':visible')) {return;}
|
|
if (!title) title = el.find('h3.title').text();
|
|
// moves existing modals behind the transparent background
|
|
$(".modal").css('zIndex',99);
|
|
el.dialog({
|
|
width: width,
|
|
modal: true,
|
|
resizable: false,
|
|
dialogClass: 'modal',
|
|
title: title
|
|
}).on('dialogclose', function(){
|
|
$(".modal").css('zIndex',101);
|
|
});
|
|
el.find("input[type=text], input[type=submit]").first().focus();
|
|
}
|
|
|
|
function hideModal(el) {
|
|
var modal;
|
|
if (el) {
|
|
modal = $(el).parents('.ui-dialog-content');
|
|
} else {
|
|
modal = $('#ajax-modal');
|
|
}
|
|
modal.dialog("close");
|
|
}
|
|
|
|
function collapseScmEntry(id) {
|
|
$('.'+id).each(function() {
|
|
if ($(this).hasClass('open')) {
|
|
collapseScmEntry($(this).attr('id'));
|
|
}
|
|
$(this).hide();
|
|
});
|
|
$('#'+id).removeClass('open');
|
|
}
|
|
|
|
function expandScmEntry(id) {
|
|
$('.'+id).each(function() {
|
|
$(this).show();
|
|
if ($(this).hasClass('loaded') && !$(this).hasClass('collapsed')) {
|
|
expandScmEntry($(this).attr('id'));
|
|
}
|
|
});
|
|
$('#'+id).addClass('open');
|
|
}
|
|
|
|
function scmEntryClick(id, url) {
|
|
var el = $('#'+id);
|
|
var expander = el.find('.expander');
|
|
var folder = el.find('.icon-folder');
|
|
|
|
if (el.hasClass('open')) {
|
|
collapseScmEntry(id);
|
|
el.find('.expander').switchClass('icon-expanded', 'icon-collapsed');
|
|
el.addClass('collapsed');
|
|
updateSVGIcon(folder[0], 'folder')
|
|
toggleExpendCollapseIcon(expander[0]);
|
|
|
|
return false;
|
|
} else if (el.hasClass('loaded')) {
|
|
expandScmEntry(id);
|
|
el.find('.expander').switchClass('icon-collapsed', 'icon-expanded');
|
|
el.removeClass('collapsed');
|
|
updateSVGIcon(folder[0], 'folder-open')
|
|
toggleExpendCollapseIcon(expander[0]);
|
|
|
|
return false;
|
|
}
|
|
if (el.hasClass('loading')) {
|
|
return false;
|
|
}
|
|
el.addClass('loading');
|
|
$.ajax({
|
|
url: url,
|
|
success: function(data) {
|
|
el.after(data);
|
|
el.addClass('open').addClass('loaded').removeClass('loading');
|
|
el.find('.expander').switchClass('icon-collapsed', 'icon-expanded');
|
|
updateSVGIcon(folder[0], 'folder-open')
|
|
toggleExpendCollapseIcon(expander[0]);
|
|
}
|
|
});
|
|
return true;
|
|
}
|
|
|
|
function randomKey(size) {
|
|
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
|
|
var key = '';
|
|
for (var i = 0; i < size; i++) {
|
|
key += chars.charAt(Math.floor(Math.random() * chars.length));
|
|
}
|
|
return key;
|
|
}
|
|
|
|
function copyToClipboard(text) {
|
|
if (navigator.clipboard) {
|
|
return navigator.clipboard.writeText(text).catch(() => {
|
|
return fallbackClipboardCopy(text);
|
|
});
|
|
} else {
|
|
return fallbackClipboardCopy(text);
|
|
}
|
|
}
|
|
|
|
function fallbackClipboardCopy(text) {
|
|
const temp = document.createElement('textarea');
|
|
temp.value = text;
|
|
temp.style.position = 'fixed';
|
|
temp.style.left = '-9999px';
|
|
document.body.appendChild(temp);
|
|
temp.select();
|
|
document.execCommand('copy');
|
|
document.body.removeChild(temp);
|
|
return Promise.resolve();
|
|
}
|
|
|
|
function copyDataClipboardTextToClipboard(target) {
|
|
copyToClipboard(target.getAttribute('data-clipboard-text'));
|
|
|
|
if ($(target).closest('.drdn.expanded').length) {
|
|
$(target).closest('.drdn.expanded').removeClass("expanded");
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function setupCopyButtonsToPreElements() {
|
|
document.querySelectorAll('pre:not(.pre-wrapper pre)').forEach((pre) => {
|
|
// Wrap the <pre> element with a container and add a copy button
|
|
const wrapper = document.createElement("div");
|
|
wrapper.classList.add("pre-wrapper");
|
|
|
|
const copyButton = document.createElement("a");
|
|
copyButton.title = rm.I18n.buttonCopy;
|
|
copyButton.classList.add("copy-pre-content-link", "icon-only");
|
|
copyButton.append(createSVGIcon("copy-pre-content"));
|
|
|
|
wrapper.appendChild(copyButton);
|
|
wrapper.append(pre.cloneNode(true));
|
|
pre.replaceWith(wrapper);
|
|
|
|
// Copy the contents of the pre tag when copyButton is clicked
|
|
copyButton.addEventListener("click", (event) => {
|
|
event.preventDefault();
|
|
let textToCopy = (pre.querySelector("code") || pre).textContent.replace(/\n$/, '');
|
|
if (pre.querySelector("code.syntaxhl")) { textToCopy = textToCopy.replace(/ $/, ''); } // Workaround for half-width space issue in Textile's highlighted code
|
|
copyToClipboard(textToCopy).then(() => {
|
|
updateSVGIcon(copyButton, "checked");
|
|
setTimeout(() => updateSVGIcon(copyButton, "copy-pre-content"), 2000);
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
function updateIssueFrom(url, el) {
|
|
$('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
|
|
$(this).data('valuebeforeupdate', $(this).val());
|
|
});
|
|
if (el) {
|
|
$("#form_update_triggered_by").val($(el).attr('id'));
|
|
}
|
|
return $.ajax({
|
|
url: url,
|
|
type: 'post',
|
|
data: $('#issue-form').serialize()
|
|
});
|
|
}
|
|
|
|
function replaceIssueFormWith(html){
|
|
var replacement = $(html);
|
|
$('#all_attributes input, #all_attributes textarea, #all_attributes select').each(function(){
|
|
var object_id = $(this).attr('id');
|
|
if (object_id && $(this).data('valuebeforeupdate')!=$(this).val()) {
|
|
replacement.find('#'+object_id).val($(this).val());
|
|
}
|
|
});
|
|
$('#all_attributes').empty();
|
|
$('#all_attributes').prepend(replacement);
|
|
}
|
|
|
|
function updateBulkEditFrom(url) {
|
|
$.ajax({
|
|
url: url,
|
|
type: 'post',
|
|
data: $('#bulk_edit_form').serialize()
|
|
});
|
|
}
|
|
|
|
function observeAutocompleteField(fieldId, url, options) {
|
|
$(document).ready(function() {
|
|
$('#'+fieldId).autocomplete($.extend({
|
|
source: url,
|
|
minLength: 2,
|
|
position: {collision: "flipfit"},
|
|
search: function(){$('#'+fieldId).addClass('ajax-loading');},
|
|
response: function(){$('#'+fieldId).removeClass('ajax-loading');}
|
|
}, options));
|
|
$('#'+fieldId).addClass('autocomplete');
|
|
});
|
|
}
|
|
|
|
function multipleAutocompleteField(fieldId, url, options) {
|
|
function split(val) {
|
|
return val.split(/,\s*/);
|
|
}
|
|
|
|
function extractLast(term) {
|
|
return split(term).pop();
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
$('#' + fieldId).autocomplete($.extend({
|
|
source: function (request, response) {
|
|
$.getJSON(url, {
|
|
term: extractLast(request.term)
|
|
}, response);
|
|
},
|
|
minLength: 2,
|
|
position: {collision: "flipfit"},
|
|
search: function () {
|
|
$('#' + fieldId).addClass('ajax-loading');
|
|
},
|
|
response: function () {
|
|
$('#' + fieldId).removeClass('ajax-loading');
|
|
},
|
|
select: function (event, ui) {
|
|
var terms = split(this.value);
|
|
// remove the current input
|
|
terms.pop();
|
|
// add the selected item
|
|
terms.push(ui.item.value);
|
|
// add placeholder to get the comma-and-space at the end
|
|
terms.push("");
|
|
this.value = terms.join(", ");
|
|
return false;
|
|
}
|
|
}, options));
|
|
$('#' + fieldId).addClass('autocomplete');
|
|
});
|
|
}
|
|
|
|
function observeSearchfield(fieldId, targetId, url) {
|
|
$('#'+fieldId).each(function() {
|
|
var $this = $(this);
|
|
$this.addClass('autocomplete');
|
|
$this.attr('data-value-was', $this.val());
|
|
var check = function() {
|
|
var val = $this.val();
|
|
if ($this.attr('data-value-was') != val){
|
|
$this.attr('data-value-was', val);
|
|
$.ajax({
|
|
url: url,
|
|
type: 'get',
|
|
data: {q: $this.val()},
|
|
success: function(data){ if(targetId) $('#'+targetId).html(data); },
|
|
beforeSend: function(){ $this.addClass('ajax-loading'); },
|
|
complete: function(){ $this.removeClass('ajax-loading'); }
|
|
});
|
|
}
|
|
};
|
|
var reset = function() {
|
|
if (timer) {
|
|
clearInterval(timer);
|
|
timer = setInterval(check, 300);
|
|
}
|
|
};
|
|
var timer = setInterval(check, 300);
|
|
$this.bind('keyup click mousemove', reset);
|
|
});
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
$(".drdn .autocomplete").val('');
|
|
|
|
// This variable is used to focus selected project
|
|
var selected;
|
|
$(document).on('click', '.drdn-trigger', function(e){
|
|
var drdn = $(this).closest(".drdn");
|
|
if (drdn.hasClass("expanded")) {
|
|
drdn.removeClass("expanded");
|
|
} else {
|
|
$(".drdn").removeClass("expanded");
|
|
drdn.addClass("expanded");
|
|
if ($(this).parent('#project-jump').length) {
|
|
selected = $('.drdn-items a.selected'); // Store selected project
|
|
selected.first().focus(); // Calling focus to scroll to selected project
|
|
}
|
|
if (!isMobile()) {
|
|
drdn.find(".autocomplete").focus();
|
|
}
|
|
e.stopPropagation();
|
|
}
|
|
});
|
|
$(document).click(function(e){
|
|
if ($(e.target).closest(".drdn").length < 1) {
|
|
$(".drdn.expanded").removeClass("expanded");
|
|
}
|
|
});
|
|
|
|
observeSearchfield('projects-quick-search', null, $('#projects-quick-search').data('automcomplete-url'));
|
|
|
|
$(".drdn-content").keydown(function(event){
|
|
var items = $(this).find(".drdn-items");
|
|
|
|
// If a project is selected set focused to selected only once
|
|
if (selected && selected.length > 0) {
|
|
var focused = selected;
|
|
selected = undefined;
|
|
}
|
|
else {
|
|
var focused = items.find("a:focus");
|
|
}
|
|
switch (event.which) {
|
|
case 40: //down
|
|
if (focused.length > 0) {
|
|
focused.nextAll("a").first().focus();;
|
|
} else {
|
|
items.find("a").first().focus();;
|
|
}
|
|
event.preventDefault();
|
|
break;
|
|
case 38: //up
|
|
if (focused.length > 0) {
|
|
var prev = focused.prevAll("a");
|
|
if (prev.length > 0) {
|
|
prev.first().focus();
|
|
} else {
|
|
$(this).find(".autocomplete").focus();
|
|
}
|
|
event.preventDefault();
|
|
}
|
|
break;
|
|
case 35: //end
|
|
if (focused.length > 0) {
|
|
focused.nextAll("a").last().focus();
|
|
event.preventDefault();
|
|
}
|
|
break;
|
|
case 36: //home
|
|
if (focused.length > 0) {
|
|
focused.prevAll("a").last().focus();
|
|
event.preventDefault();
|
|
}
|
|
break;
|
|
}
|
|
});
|
|
});
|
|
|
|
function beforeShowDatePicker(input, inst) {
|
|
var default_date = null;
|
|
switch ($(input).attr("id")) {
|
|
case "issue_start_date" :
|
|
if ($("#issue_due_date").length > 0) {
|
|
default_date = $("#issue_due_date").val();
|
|
}
|
|
break;
|
|
case "issue_due_date" :
|
|
if ($("#issue_start_date").length > 0) {
|
|
var start_date = $("#issue_start_date").val();
|
|
if (start_date != "") {
|
|
start_date = new Date(Date.parse(start_date));
|
|
if (start_date > new Date()) {
|
|
default_date = $("#issue_start_date").val();
|
|
}
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
$(input).datepickerFallback("option", "defaultDate", default_date);
|
|
}
|
|
|
|
(function($){
|
|
$.fn.positionedItems = function(sortableOptions, options){
|
|
var settings = $.extend({
|
|
firstPosition: 1
|
|
}, options );
|
|
|
|
return this.sortable($.extend({
|
|
axis: 'y',
|
|
handle: ".sort-handle",
|
|
helper: function(event, ui){
|
|
ui.children('td').each(function(){
|
|
$(this).width($(this).width());
|
|
});
|
|
return ui;
|
|
},
|
|
update: function(event, ui) {
|
|
var sortable = $(this);
|
|
var handle = ui.item.find(".sort-handle").addClass("ajax-loading");
|
|
var url = handle.data("reorder-url");
|
|
var param = handle.data("reorder-param");
|
|
var data = {};
|
|
data[param] = {position: ui.item.index() + settings['firstPosition']};
|
|
$.ajax({
|
|
url: url,
|
|
type: 'put',
|
|
dataType: 'script',
|
|
data: data,
|
|
error: function(jqXHR, textStatus, errorThrown){
|
|
alert(jqXHR.status);
|
|
sortable.sortable("cancel");
|
|
},
|
|
complete: function(jqXHR, textStatus, errorThrown){
|
|
handle.removeClass("ajax-loading");
|
|
}
|
|
});
|
|
},
|
|
}, sortableOptions));
|
|
}
|
|
}( jQuery ));
|
|
|
|
var warnLeavingUnsavedMessage;
|
|
function warnLeavingUnsaved(message) {
|
|
warnLeavingUnsavedMessage = message;
|
|
$(document).on('submit', 'form', function(){
|
|
$('textarea').removeData('changed');
|
|
});
|
|
$(document).on('change', 'textarea', function(){
|
|
$(this).data('changed', 'changed');
|
|
});
|
|
window.onbeforeunload = function(){
|
|
var warn = false;
|
|
$('textarea').blur().each(function(){
|
|
if ($(this).data('changed')) {
|
|
warn = true;
|
|
}
|
|
});
|
|
if (warn) {return warnLeavingUnsavedMessage;}
|
|
};
|
|
}
|
|
|
|
function setupAjaxIndicator() {
|
|
$(document).bind('ajaxSend', function(event, xhr, settings) {
|
|
if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
|
|
$('#ajax-indicator').show();
|
|
}
|
|
});
|
|
$(document).bind('ajaxStop', function() {
|
|
$('#ajax-indicator').hide();
|
|
});
|
|
}
|
|
|
|
function setupTabs() {
|
|
if($('.tabs').length > 0) {
|
|
displayTabsButtons();
|
|
$(window).resize(displayTabsButtons);
|
|
}
|
|
}
|
|
|
|
function setupFilePreviewNavigation() {
|
|
// only bind arrow keys when preview navigation is present
|
|
const element = $('.pagination.filepreview').first();
|
|
if (element) {
|
|
|
|
const handleArrowKey = function(selector, e){
|
|
const href = $(element).find(selector).attr('href');
|
|
if (href) {
|
|
window.location = href;
|
|
e.preventDefault();
|
|
}
|
|
};
|
|
|
|
$(document).keydown(function(e) {
|
|
if(e.shiftKey || e.metaKey || e.ctrlKey || e.altKey) return;
|
|
switch(e.key) {
|
|
case 'ArrowLeft':
|
|
handleArrowKey('.previous a', e);
|
|
break;
|
|
|
|
case 'ArrowRight':
|
|
handleArrowKey('.next a', e);
|
|
break;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
$(document).on('keydown', 'form textarea', function(e) {
|
|
// Submit the form with Ctrl + Enter or Command + Return
|
|
var targetForm = $(e.target).closest('form');
|
|
if(e.keyCode == 13 && ((e.ctrlKey && !e.metaKey) || (!e.ctrlKey && e.metaKey) && targetForm.length)) {
|
|
// For ajax, use click() instead of submit() to prevent "Invalid form authenticity token" error
|
|
if (targetForm.attr('data-remote') == 'true') {
|
|
if (targetForm.find('input[type=submit]').length === 0) { return false; }
|
|
targetForm.find('textarea').blur().removeData('changed');
|
|
targetForm.find('input[type=submit]').first().click();
|
|
} else {
|
|
targetForm.find('textarea').blur().removeData('changed');
|
|
targetForm.submit();
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
function hideOnLoad() {
|
|
$('.hol').hide();
|
|
}
|
|
|
|
function addFormObserversForDoubleSubmit() {
|
|
$('form[method=post]').each(function() {
|
|
if (!$(this).hasClass('multiple-submit')) {
|
|
$(this).submit(function(form_submission) {
|
|
if ($(form_submission.target).attr('data-submitted')) {
|
|
form_submission.preventDefault();
|
|
} else {
|
|
$(form_submission.target).attr('data-submitted', true);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function defaultFocus(){
|
|
if (($('#content :focus').length == 0) && (window.location.hash == '')) {
|
|
$('#content input[type=text]:visible, #content textarea:visible').first().focus();
|
|
}
|
|
}
|
|
|
|
function blockEventPropagation(event) {
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
}
|
|
|
|
function toggleDisabledOnChange() {
|
|
var checked = $(this).is(':checked');
|
|
$($(this).data('disables')).attr('disabled', checked);
|
|
$($(this).data('enables')).attr('disabled', !checked);
|
|
$($(this).data('shows')).toggle(checked);
|
|
}
|
|
function toggleDisabledInit() {
|
|
$('input[data-disables], input[data-enables], input[data-shows]').each(toggleDisabledOnChange);
|
|
}
|
|
function toggleMultiSelectIconInit() {
|
|
$('.toggle-multiselect:not(.icon-toggle-minus):not(.icon-toggle-plus)').each(function(){
|
|
let iconType;
|
|
if ($(this).siblings('select').find('option:selected').length > 1) {
|
|
iconType = 'toggle-minus';
|
|
} else {
|
|
iconType = 'toggle-plus';
|
|
}
|
|
|
|
$(this).addClass(`icon-${iconType}`);
|
|
updateSVGIcon($(this).find('svg')[0], iconType);
|
|
});
|
|
}
|
|
|
|
function toggleNewObjectDropdown() {
|
|
var dropdown = $('#new-object + ul.menu-children');
|
|
if(dropdown.hasClass('visible')){
|
|
dropdown.removeClass('visible');
|
|
}else{
|
|
dropdown.addClass('visible');
|
|
}
|
|
}
|
|
|
|
(function ( $ ) {
|
|
|
|
// detect if native date input is supported
|
|
var nativeDateInputSupported = true;
|
|
|
|
var input = document.createElement('input');
|
|
input.setAttribute('type','date');
|
|
if (input.type === 'text') {
|
|
nativeDateInputSupported = false;
|
|
}
|
|
|
|
var notADateValue = 'not-a-date';
|
|
input.setAttribute('value', notADateValue);
|
|
if (input.value === notADateValue) {
|
|
nativeDateInputSupported = false;
|
|
}
|
|
|
|
$.fn.datepickerFallback = function( options ) {
|
|
if (nativeDateInputSupported) {
|
|
return this;
|
|
} else {
|
|
return this.datepicker( options );
|
|
}
|
|
};
|
|
}( jQuery ));
|
|
|
|
$(document).ready(function(){
|
|
$('#content').on('change', 'input[data-disables], input[data-enables], input[data-shows]', toggleDisabledOnChange);
|
|
toggleDisabledInit();
|
|
|
|
$('#content').on('click', '.toggle-multiselect', function() {
|
|
toggleMultiSelect($(this).siblings('select'));
|
|
$(this).toggleClass('icon-toggle-plus icon-toggle-minus');
|
|
updateSVGIcon($(this).find('svg')[0], $(this).hasClass('icon-toggle-plus') ? 'toggle-plus' : 'toggle-minus');
|
|
});
|
|
toggleMultiSelectIconInit();
|
|
|
|
$('#history .tabs').on('click', 'a', function(e){
|
|
var tab = $(e.target).attr('id').replace('tab-','');
|
|
document.cookie = 'history_last_tab=' + tab + '; SameSite=Lax'
|
|
});
|
|
});
|
|
|
|
$(document).ready(function(){
|
|
$('#content').on('click', 'div.jstTabs a.tab-preview', function(event){
|
|
var tab = $(event.target);
|
|
|
|
var url = tab.data('url');
|
|
var form = tab.parents('form');
|
|
var jstBlock = tab.parents('.jstBlock');
|
|
|
|
var element = encodeURIComponent(jstBlock.find('.wiki-edit').val());
|
|
var attachments = form.find('.attachments_fields input').serialize();
|
|
|
|
$.ajax({
|
|
url: url,
|
|
type: 'post',
|
|
data: "text=" + element + '&' + attachments,
|
|
success: function(data){
|
|
jstBlock.find('.wiki-preview').html(data);
|
|
setupWikiTableSortableHeader();
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
function keepAnchorOnSignIn(form){
|
|
var hash = decodeURIComponent(self.document.location.hash);
|
|
if (hash) {
|
|
if (hash.indexOf("#") === -1) {
|
|
hash = "#" + hash;
|
|
}
|
|
form.action = form.action + hash;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
$(function ($) {
|
|
$('#auth_source_ldap_mode').change(function () {
|
|
$('.ldaps_warning').toggle($(this).val() != 'ldaps_verify_peer');
|
|
}).change();
|
|
});
|
|
|
|
function setFilecontentContainerHeight() {
|
|
var $filecontainer = $('.filecontent-container');
|
|
var fileTypeSelectors = ['.image', 'video'];
|
|
|
|
if($filecontainer.length > 0 && $filecontainer.find(fileTypeSelectors.join(',')).length === 1) {
|
|
var containerOffsetTop = $filecontainer.offset().top;
|
|
var containerMarginBottom = parseInt($filecontainer.css('marginBottom'));
|
|
var paginationHeight = $filecontainer.next('.pagination').height();
|
|
var diff = containerOffsetTop + containerMarginBottom + paginationHeight;
|
|
|
|
$filecontainer.css('height', 'calc(100vh - ' + diff + 'px)')
|
|
}
|
|
}
|
|
|
|
function setupAttachmentDetail() {
|
|
setFilecontentContainerHeight();
|
|
$(window).resize(setFilecontentContainerHeight);
|
|
}
|
|
|
|
function setupWikiTableSortableHeader() {
|
|
if (typeof Tablesort === 'undefined') { return; }
|
|
$('div.wiki table').each(function(i, table){
|
|
if (table.rows.length < 3) return true;
|
|
var tr = $(table.rows).first();
|
|
if (tr.find("TH").length > 0) {
|
|
tr.attr('data-sort-method', 'none');
|
|
tr.find("TD").attr('data-sort-method', 'none');
|
|
new Tablesort(table);
|
|
}
|
|
});
|
|
}
|
|
|
|
function setupHoverTooltips() {
|
|
$("[title]:not(.no-tooltip)").tooltip({
|
|
show: {
|
|
delay: 400
|
|
},
|
|
position: {
|
|
my: "center bottom-5",
|
|
at: "center top"
|
|
}
|
|
});
|
|
}
|
|
|
|
$(function() { setupHoverTooltips(); });
|
|
|
|
function inlineAutoComplete(element) {
|
|
'use strict';
|
|
|
|
// do not attach if Tribute is already initialized
|
|
if (element.dataset.tribute === 'true') {return};
|
|
|
|
const getDataSource = function(entity) {
|
|
const dataSources = rm.AutoComplete.dataSources;
|
|
|
|
if (dataSources[entity]) {
|
|
return dataSources[entity];
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
const remoteSearch = function(url, cb) {
|
|
const xhr = new XMLHttpRequest();
|
|
xhr.onreadystatechange = function ()
|
|
{
|
|
if (xhr.readyState === 4) {
|
|
if (xhr.status === 200) {
|
|
var data = JSON.parse(xhr.responseText);
|
|
cb(data);
|
|
} else if (xhr.status === 403) {
|
|
cb([]);
|
|
}
|
|
}
|
|
};
|
|
xhr.open("GET", url, true);
|
|
xhr.send();
|
|
};
|
|
|
|
const tribute = new Tribute({
|
|
collection: [
|
|
{
|
|
trigger: '#',
|
|
values: function (text, cb) {
|
|
if (event.target.type === 'text' && element.getAttribute('autocomplete') != 'off') {
|
|
element.setAttribute('autocomplete', 'off');
|
|
}
|
|
// When triggered with text starting with "##", like "##a", the search term will become "#a",
|
|
// causing the SQL query to fail in finding issues with "a" in the subject.
|
|
// To avoid this, remove the first "#" from the search term.
|
|
if (text) {
|
|
text = text.replace(/^#/, '');
|
|
}
|
|
remoteSearch(getDataSource('issues') + encodeURIComponent(text), function (issues) {
|
|
return cb(issues);
|
|
});
|
|
},
|
|
lookup: 'label',
|
|
fillAttr: 'label',
|
|
requireLeadingSpace: true,
|
|
selectTemplate: function (issue) {
|
|
let leadingHash = "#"
|
|
// keep ## syntax which is a valid issue syntax to show issue with title.
|
|
if (this.currentMentionTextSnapshot.charAt(0) === "#") {
|
|
leadingHash = "##"
|
|
}
|
|
return leadingHash + issue.original.id;
|
|
},
|
|
menuItemTemplate: function (issue) {
|
|
return sanitizeHTML(issue.original.label);
|
|
}
|
|
},
|
|
{
|
|
trigger: '[[',
|
|
values: function (text, cb) {
|
|
remoteSearch(getDataSource('wiki_pages') + encodeURIComponent(text), function (wikiPages) {
|
|
return cb(wikiPages);
|
|
});
|
|
},
|
|
lookup: 'label',
|
|
fillAttr: 'label',
|
|
requireLeadingSpace: true,
|
|
selectTemplate: function (wikiPage) {
|
|
return '[[' + wikiPage.original.value + ']]';
|
|
},
|
|
menuItemTemplate: function (wikiPage) {
|
|
return sanitizeHTML(wikiPage.original.label);
|
|
}
|
|
},
|
|
{
|
|
trigger: '@',
|
|
lookup: function (user, mentionText) {
|
|
return user.name + user.firstname + user.lastname + user.login;
|
|
},
|
|
values: function (text, cb) {
|
|
const url = getDataSource('users');
|
|
if (url) {
|
|
remoteSearch(url + encodeURIComponent(text), function (users) {
|
|
return cb(users);
|
|
});
|
|
}
|
|
},
|
|
menuItemTemplate: function (user) {
|
|
return user.original.name;
|
|
},
|
|
selectTemplate: function (user) {
|
|
return '@' + user.original.login;
|
|
}
|
|
}
|
|
],
|
|
noMatchTemplate: ""
|
|
});
|
|
|
|
tribute.attach(element);
|
|
}
|
|
|
|
// collapsible sidebar jQuery plugin
|
|
(function($) {
|
|
// main container this is applied to
|
|
var main;
|
|
// triggers show/hide
|
|
var button;
|
|
// the key to use in local storage
|
|
// this will later be expanded using the current controller and action to
|
|
// allow for different sidebar states for different pages
|
|
var localStorageKey = 'redmine-sidebar-state';
|
|
// true if local storage is available
|
|
var canUseLocalStorage = function(){
|
|
try {
|
|
if('localStorage' in window){
|
|
localStorage.setItem('redmine.test.storage', 'ok');
|
|
var item = localStorage.getItem('redmine.test.storage');
|
|
localStorage.removeItem('redmine.test.storage');
|
|
if(item === 'ok') return true;
|
|
}
|
|
} catch (err) {}
|
|
return false;
|
|
}();
|
|
// function to set current sidebar state
|
|
var setState = function(state){
|
|
if(canUseLocalStorage){
|
|
localStorage.setItem(localStorageKey, state);
|
|
}
|
|
};
|
|
var applyState = function(){
|
|
if(main.hasClass('collapsedsidebar')){
|
|
updateSVGIcon(document.getElementById('sidebar-switch-button'), 'chevrons-left')
|
|
setState('hidden');
|
|
} else {
|
|
updateSVGIcon(document.getElementById('sidebar-switch-button'), 'chevrons-right')
|
|
setState('visible');
|
|
}
|
|
};
|
|
var setupToggleButton = function(){
|
|
button = $('#sidebar-switch-button');
|
|
button.click(function(e){
|
|
main.addClass("animate");
|
|
main.toggleClass('collapsedsidebar');
|
|
applyState();
|
|
e.preventDefault();
|
|
return false;
|
|
});
|
|
applyState();
|
|
};
|
|
$.fn.collapsibleSidebar = function() {
|
|
main = this;
|
|
// determine previously stored sidebar state for this page
|
|
if(canUseLocalStorage) {
|
|
// determine current controller/action pair and use them as storage key
|
|
var bodyClass = $('body').attr('class');
|
|
if(bodyClass){
|
|
try {
|
|
localStorageKey += '-' + bodyClass.split(/\s+/).filter(function(s){
|
|
return s.match(/(action|controller)-.*/);
|
|
}).sort().join('-');
|
|
} catch(e) {
|
|
// in case of error (probably IE8), continue with the unmodified key
|
|
}
|
|
}
|
|
var storedState = localStorage.getItem(localStorageKey);
|
|
main.toggleClass('collapsedsidebar', storedState === 'hidden');
|
|
}
|
|
// draw the toggle button once the DOM is complete
|
|
$(document).ready(setupToggleButton);
|
|
};
|
|
}(jQuery));
|
|
|
|
$(document).ready(setupAjaxIndicator);
|
|
$(document).ready(hideOnLoad);
|
|
$(document).ready(addFormObserversForDoubleSubmit);
|
|
$(document).ready(defaultFocus);
|
|
$(document).ready(setupAttachmentDetail);
|
|
$(document).ready(setupTabs);
|
|
$(document).ready(setupFilePreviewNavigation);
|
|
$(document).ready(setupWikiTableSortableHeader);
|
|
$(document).on('focus', '[data-auto-complete=true]', function(event) {
|
|
inlineAutoComplete(event.target);
|
|
});
|
|
document.addEventListener("DOMContentLoaded", () => { setupCopyButtonsToPreElements(); });
|