Initial Codeberg Pages publish: Doxygen HTML for v0.9.x main
This commit is contained in:
Tarik Moussa
317
dynsections.js
Normal file
317
dynsections.js
Normal file
@@ -0,0 +1,317 @@
|
||||
/*
|
||||
@licstart The following is the entire license notice for the JavaScript code in this file.
|
||||
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (C) 1997-2026 by Dimitri van Heesch
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software
|
||||
and associated documentation files (the "Software"), to deal in the Software without restriction,
|
||||
including without limitation the rights to use, copy, modify, merge, publish, distribute,
|
||||
sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or
|
||||
substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING
|
||||
BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
|
||||
DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
@licend The above is the entire license notice for the JavaScript code in this file
|
||||
*/
|
||||
|
||||
function toggleVisibility(linkObj) {
|
||||
return dynsection.toggleVisibility(linkObj);
|
||||
}
|
||||
|
||||
let dynsection = {
|
||||
// helper function
|
||||
updateStripes : function() {
|
||||
const rows = document.querySelectorAll('table.directory tr');
|
||||
rows.forEach(row => {
|
||||
row.classList.remove('even', 'odd');
|
||||
});
|
||||
const visibleRows = Array.from(rows).filter(row => {
|
||||
return row.offsetParent !== null; // checks if element is visible
|
||||
});
|
||||
visibleRows.forEach((row, index) => {
|
||||
if (index % 2 === 0) {
|
||||
row.classList.add('even');
|
||||
} else {
|
||||
row.classList.add('odd');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
slide : function(element, fromHeight, toHeight, duration=200) {
|
||||
element.style.overflow = 'hidden';
|
||||
element.style.transition = `height ${duration}ms ease-out`;
|
||||
element.style.height = fromHeight;
|
||||
setTimeout(() => {
|
||||
element.style.height = toHeight;
|
||||
setTimeout(() => {
|
||||
element.style.height = '';
|
||||
element.style.transition = '';
|
||||
element.style.overflow = '';
|
||||
if (toHeight === '0px') {
|
||||
element.style.display = 'none';
|
||||
}
|
||||
}, duration);
|
||||
}, 0);
|
||||
},
|
||||
|
||||
toggleVisibility : function(linkObj) {
|
||||
const base = linkObj.getAttribute('id');
|
||||
const summary = document.getElementById(base+'-summary');
|
||||
const content = document.getElementById(base+'-content');
|
||||
const trigger = document.getElementById(base+'-trigger');
|
||||
const src = trigger ? trigger.getAttribute('src') : null;
|
||||
if (content.offsetParent !== null) { // checks if element is visible
|
||||
const height = content.offsetHeight;
|
||||
this.slide(content, height + 'px', '0px');
|
||||
if (summary) summary.style.display = '';
|
||||
linkObj.querySelectorAll('.arrowhead').forEach(el => {
|
||||
el.classList.add('closed');
|
||||
el.classList.remove('opened');
|
||||
});
|
||||
} else {
|
||||
// slideDown animation
|
||||
const height = content.scrollHeight;
|
||||
if (height==0) { // height unknown -> show immediately
|
||||
content.style.display = 'block';
|
||||
} else {
|
||||
this.slide(content, '0px', height + 'px');
|
||||
}
|
||||
if (summary) summary.style.display = 'none';
|
||||
linkObj.querySelectorAll('.arrowhead').forEach(el => {
|
||||
el.classList.remove('closed');
|
||||
el.classList.add('opened');
|
||||
});
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
toggleLevel : function(level) {
|
||||
document.querySelectorAll('table.directory tr').forEach(function(row) {
|
||||
const l = row.id.split('_').length-1;
|
||||
const i = document.getElementById('img'+row.id.substring(3));
|
||||
const a = document.getElementById('arr'+row.id.substring(3));
|
||||
if (l<level+1) {
|
||||
if (i) i.querySelectorAll('.folder-icon').forEach(el => el.classList.add('open'));
|
||||
if (a) {
|
||||
a.querySelectorAll('.arrowhead').forEach(el => {
|
||||
el.classList.remove('closed');
|
||||
el.classList.add('opened');
|
||||
});
|
||||
}
|
||||
row.style.display = '';
|
||||
} else if (l==level+1) {
|
||||
if (a) {
|
||||
a.querySelectorAll('.arrowhead').forEach(el => {
|
||||
el.classList.remove('opened');
|
||||
el.classList.add('closed');
|
||||
});
|
||||
}
|
||||
if (i) i.querySelectorAll('.folder-icon').forEach(el => el.classList.remove('open'));
|
||||
row.style.display = '';
|
||||
} else {
|
||||
row.style.display = 'none';
|
||||
}
|
||||
});
|
||||
this.updateStripes();
|
||||
},
|
||||
|
||||
toggleFolder : function(id) {
|
||||
// the clicked row
|
||||
const currentRow = document.getElementById('row_'+id);
|
||||
if (!currentRow) return;
|
||||
|
||||
// all rows after the clicked row
|
||||
const rows = [];
|
||||
let nextRow = currentRow.nextElementSibling;
|
||||
while (nextRow && nextRow.tagName === 'TR') {
|
||||
rows.push(nextRow);
|
||||
nextRow = nextRow.nextElementSibling;
|
||||
}
|
||||
|
||||
const re = new RegExp('^row_'+id+'\\d+_$', "i"); //only one sub
|
||||
|
||||
// only match elements AFTER this one (can't hide elements before)
|
||||
const childRows = rows.filter(function(row) { return row.id.match(re); });
|
||||
|
||||
if (childRows.length === 0) return;
|
||||
|
||||
function replaceClass(el,fromClass,toClass) {
|
||||
if (el.classList.contains(fromClass)) {
|
||||
el.classList.remove(fromClass);
|
||||
el.classList.add(toClass);
|
||||
}
|
||||
}
|
||||
|
||||
// first row is visible we are HIDING
|
||||
if (childRows[0].offsetParent !== null) { // checks if element is visible
|
||||
// replace down arrow by right arrow for current row
|
||||
const currentRowSpans = currentRow.querySelectorAll("span");
|
||||
currentRowSpans.forEach(span => {
|
||||
if (span.classList.contains('iconfolder')) {
|
||||
span.querySelectorAll('.folder-icon').forEach(el => el.classList.remove("open"));
|
||||
}
|
||||
replaceClass(span,'opened','closed');
|
||||
});
|
||||
rows.forEach(row => {
|
||||
if (row.id.startsWith('row_'+id)) {
|
||||
row.style.display = 'none'; // hide all children
|
||||
}
|
||||
});
|
||||
} else { // we are SHOWING
|
||||
// replace right arrow by down arrow for current row
|
||||
const currentRowSpans = currentRow.querySelectorAll("span");
|
||||
currentRowSpans.forEach(span => {
|
||||
if (span.classList.contains('iconfolder')) {
|
||||
span.querySelectorAll('.folder-icon').forEach(el => el.classList.add("open"));
|
||||
}
|
||||
replaceClass(span,'closed','opened');
|
||||
});
|
||||
// replace down arrows by right arrows for child rows
|
||||
childRows.forEach(row => {
|
||||
const childRowSpans = row.querySelectorAll("span");
|
||||
childRowSpans.forEach(span => {
|
||||
if (span.classList.contains('iconfolder')) {
|
||||
span.querySelectorAll('.folder-icon').forEach(el => el.classList.remove("open"));
|
||||
}
|
||||
replaceClass(span,'opened','closed');
|
||||
});
|
||||
row.style.display = ''; //show all children
|
||||
});
|
||||
}
|
||||
this.updateStripes();
|
||||
},
|
||||
|
||||
toggleInherit : function(id) {
|
||||
const rows = document.querySelectorAll('tr.inherit.'+id);
|
||||
const header = document.querySelector('tr.inherit_header.'+id);
|
||||
if (rows.length > 0 && rows[0].offsetParent !== null) { // checks if element is visible
|
||||
rows.forEach(row => row.style.display = 'none');
|
||||
if (header) {
|
||||
header.querySelectorAll('.arrowhead').forEach(el => {
|
||||
el.classList.add('closed');
|
||||
el.classList.remove('opened');
|
||||
});
|
||||
}
|
||||
} else {
|
||||
rows.forEach(row => row.style.display = 'table-row');
|
||||
if (header) {
|
||||
header.querySelectorAll('.arrowhead').forEach(el => {
|
||||
el.classList.remove('closed');
|
||||
el.classList.add('opened');
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
/* @license-end */
|
||||
/*
|
||||
@licstart The following is the entire license notice for the JavaScript code in this file.
|
||||
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (C) 1997-2026 by Dimitri van Heesch
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software
|
||||
and associated documentation files (the "Software"), to deal in the Software without restriction,
|
||||
including without limitation the rights to use, copy, modify, merge, publish, distribute,
|
||||
sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or
|
||||
substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING
|
||||
BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
|
||||
DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
@licend The above is the entire license notice for the JavaScript code in this file
|
||||
*/
|
||||
|
||||
// Simple tooltip implementation
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Create hidden tooltip container
|
||||
const tooltip = document.createElement('div');
|
||||
tooltip.id = 'powerTip';
|
||||
tooltip.style.position = 'absolute';
|
||||
tooltip.style.display = 'none';
|
||||
tooltip.style.zIndex = '9999';
|
||||
document.body.appendChild(tooltip);
|
||||
|
||||
let currentElement = null;
|
||||
let hideTimeout = null;
|
||||
|
||||
function showTooltip(element, content) {
|
||||
clearTimeout(hideTimeout);
|
||||
currentElement = element;
|
||||
|
||||
// Materialize tooltip so we can compute its size
|
||||
tooltip.innerHTML = content;
|
||||
tooltip.style.display = 'block';
|
||||
|
||||
// Compute the position of the tooltip with respect to the source
|
||||
const sourceRect = element.getBoundingClientRect();
|
||||
const tooltipRect = tooltip.getBoundingClientRect();
|
||||
|
||||
// Ideal position
|
||||
let left = sourceRect.left + (sourceRect.width - tooltipRect.width) / 2;
|
||||
let top = sourceRect.bottom;
|
||||
|
||||
// Check if tooltip goes off screen
|
||||
const margin = 10;
|
||||
if (left < margin) left = margin;
|
||||
if (left + tooltipRect.width + margin > window.innerWidth) {
|
||||
left = window.innerWidth - tooltipRect.width - margin;
|
||||
}
|
||||
|
||||
// If tooltip would go below viewport, show above element instead
|
||||
if (top + tooltipRect.height > window.innerHeight) {
|
||||
top = sourceRect.top - tooltipRect.height;
|
||||
}
|
||||
|
||||
// Set computed position
|
||||
tooltip.style.left = left + window.scrollX + 'px';
|
||||
tooltip.style.top = top + window.scrollY + 'px';
|
||||
}
|
||||
|
||||
function hideTooltip() {
|
||||
hideTimeout = setTimeout(() => {
|
||||
tooltip.style.display = 'none';
|
||||
currentElement = null;
|
||||
}, 100);
|
||||
}
|
||||
|
||||
// Add hover listeners to code elements
|
||||
document.querySelectorAll('.code,.codeRef').forEach(sourceElement => {
|
||||
const href = sourceElement.getAttribute('href');
|
||||
if (!href) return;
|
||||
|
||||
// Get tooltip content from data attribute or related sourceElement
|
||||
const targetId = 'a' + href.replace(/.*\//, '').replace(/[^a-z_A-Z0-9]/g, '_');
|
||||
const targetElement = document.getElementById(targetId);
|
||||
const targetContent = targetElement ? targetElement.innerHTML : null;
|
||||
if (targetContent) {
|
||||
sourceElement.addEventListener('mouseenter', () => showTooltip(sourceElement, targetContent));
|
||||
sourceElement.addEventListener('mouseleave', () => hideTooltip());
|
||||
sourceElement.addEventListener('focus', () => showTooltip(sourceElement, targetContent));
|
||||
sourceElement.addEventListener('blur', () => hideTooltip());
|
||||
}
|
||||
});
|
||||
|
||||
// Allow mouse to enter tooltip without hiding it
|
||||
tooltip.addEventListener('mouseenter', () => clearTimeout(hideTimeout));
|
||||
tooltip.addEventListener('mouseleave', () => hideTooltip());
|
||||
});
|
||||
/* @license-end */
|
||||
Reference in New Issue
Block a user