100 lines
3.4 KiB
JavaScript
100 lines
3.4 KiB
JavaScript
// ==UserScript==
|
|
// @name academyFIVE::HighlightStudyRow
|
|
// @namespace dakp/academyfive
|
|
// @version 2026.10.004
|
|
// @description Hebt beim Hovern einer Zelle die gesamte <tr>-Zeile der Studiensemester-Tabelle (profil_studenten_edit.php4) per CSS hervor
|
|
// @author Dims Akpan
|
|
// @match https://a5.fhdw-hannover.de/admin/*
|
|
// @match https://a5.fhdw.de/admin/*
|
|
// @match https://fhdw.academyfive-preview.net/admin/*
|
|
// @match https://fhdw-hannover.academyfive-preview.net/admin/*
|
|
// @grant none
|
|
// @icon https://www.simovative.com/favicon.png
|
|
// ==/UserScript==
|
|
|
|
(function() {
|
|
'use strict';
|
|
|
|
const HOVER_COLOR = 'rgba(0, 120, 200, 0.12)';
|
|
const STUDY_INPUTS = 'input[name*="hochschulsemester"], input[name*="fachsemester"], input[name*="as_gesamt"]';
|
|
|
|
function injectStyle(css) {
|
|
const style = document.createElement('style');
|
|
style.textContent = css;
|
|
(document.head || document.documentElement).appendChild(style);
|
|
}
|
|
|
|
// Bevorzugter Pfad: reines CSS über :has(). Kein JavaScript, kein Observer,
|
|
// keine DOM-Änderungen -> das Script kann Eigenheiten der Seite (z.B.
|
|
// Kontextmenüs, die auf DOM-Änderungen/Mausbewegung reagieren) nicht stören.
|
|
const HAS_TABLE = `table:has(${STUDY_INPUTS})`;
|
|
const cssSupportsHas = typeof CSS !== 'undefined'
|
|
&& typeof CSS.supports === 'function'
|
|
&& CSS.supports(`selector(${HAS_TABLE})`);
|
|
|
|
if (cssSupportsHas) {
|
|
injectStyle(`
|
|
${HAS_TABLE} tr:hover th,
|
|
${HAS_TABLE} tr:hover td {
|
|
background-color: ${HOVER_COLOR} !important;
|
|
}
|
|
`);
|
|
return;
|
|
}
|
|
|
|
// Fallback für ältere Browser ohne :has()-Unterstützung:
|
|
const STYLE_CLASS = 'a5-row-hl';
|
|
injectStyle(`
|
|
table.${STYLE_CLASS} tr:hover th,
|
|
table.${STYLE_CLASS} tr:hover td {
|
|
background-color: ${HOVER_COLOR} !important;
|
|
}
|
|
`);
|
|
|
|
function isStudyTable(table) {
|
|
return !!table.querySelector(STUDY_INPUTS);
|
|
}
|
|
|
|
function markTable(table) {
|
|
if (table.classList.contains(STYLE_CLASS)) return;
|
|
table.classList.add(STYLE_CLASS);
|
|
}
|
|
|
|
function scanTables() {
|
|
document.querySelectorAll('table').forEach(table => {
|
|
if (isStudyTable(table)) markTable(table);
|
|
});
|
|
}
|
|
|
|
// Entprellter Observer, der nur auf neu eingefügte Tabellen/Inputs reagiert
|
|
// und nicht auf jede beliebige DOM-Änderung (Kontextmenü, Tooltips, Hover-Klassen).
|
|
let scanScheduled = false;
|
|
function scheduleScan() {
|
|
if (scanScheduled) return;
|
|
scanScheduled = true;
|
|
setTimeout(() => {
|
|
scanScheduled = false;
|
|
scanTables();
|
|
}, 200);
|
|
}
|
|
|
|
function onDocReady() {
|
|
scanTables();
|
|
new MutationObserver(mutations => {
|
|
const relevant = mutations.some(m =>
|
|
Array.from(m.addedNodes).some(n =>
|
|
n.nodeType === Node.ELEMENT_NODE &&
|
|
(n.tagName === 'TABLE' || n.tagName === 'INPUT' ||
|
|
n.querySelector('table') || n.querySelector('input'))
|
|
)
|
|
);
|
|
if (relevant) scheduleScan();
|
|
}).observe(document.documentElement, { childList: true, subtree: true });
|
|
}
|
|
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', onDocReady);
|
|
} else {
|
|
onDocReady();
|
|
}
|
|
})(); |