Nemcio/Redmine
1
0
Fork 0
mirror of https://github.com/redmine/redmine.git synced 2025-11-04 20:35:57 +01:00
Code Issues Packages Projects Releases Activity

Replaces icon-expanded and icon-collapsed with SVG icons (#23980).

Browse Source 
git-svn-id: https://svn.redmine.org/redmine/trunk@23041 e93f8b46-1217-0410-a6f0-8f06a7374b81
This commit is contained in:
Marius Balteanu
2024-09-08 17:25:02 +00:00
parent a6462c0bcd
commit 166540d743
19 changed files with 84 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/assets/javascripts/application.js
View File

@@ -35,12 +35,32 @@ function toggleRowGroup(el) {
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) {
if (el.classList.contains('icon-expanded')) {
updateSVGIcon(el, 'angle-down')
} else {
updateSVGIcon(el, 'angle-right')
}
}
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 collapseAllRowGroups(el) {
var tbody = $(el).parents('tbody').first();
tbody.children('tr').each(function(index) {
@@ -78,6 +98,7 @@ 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();
}
@@ -552,27 +573,20 @@ function expandScmEntry(id) {
$('#'+id).addClass('open');
}
function switchScmFolderIcon(el, from, to) {
var iconEl = el.find('svg use')
var iconHref = iconEl.attr('href')
iconEl.attr('href', iconHref.replace(from, to))
}
function scmEntryClick(id, url) {
var el = $('#'+id);
if (el.hasClass('open')) {
collapseScmEntry(id);
el.find('.expander').switchClass('icon-expanded', 'icon-collapsed');
el.addClass('collapsed');
switchScmFolderIcon(el, 'icon--folder-open', 'icon--folder')
updateSVGIcon(el[0], 'folder')
return false;
} else if (el.hasClass('loaded')) {
expandScmEntry(id);
el.find('.expander').switchClass('icon-collapsed', 'icon-expanded');
el.removeClass('collapsed');
switchScmFolderIcon(el, 'icon--folder', 'icon--folder-open')
updateSVGIcon(el[0], 'folder-open')
return false;
}
@@ -585,7 +599,7 @@ function scmEntryClick(id, url) {
success: function(data) {
el.after(data);
el.addClass('open').addClass('loaded').removeClass('loading');
switchScmFolderIcon(el, 'icon--folder', 'icon--folder-open')
updateSVGIcon(el[0], 'folder-open')
el.find('.expander').switchClass('icon-collapsed', 'icon-expanded');
}
});