|
Tags: Replaced Manual revert |
| Line 1: |
Line 1: |
| mw.loader.load('/w/index.php?title=MediaWiki:CustomExtensions&action=raw&ctype=text/javascript'); | | mw.loader.load('/w/index.php?title=MediaWiki:CustomExtensions&action=raw&ctype=text/javascript'); |
|
| |
| mw.loader.using(['mediawiki.util']).then(function () {
| |
| if (mw.config.get('wgPageName') !== 'Item:Q5' || mw.config.get('wgAction') !== 'view') {
| |
| return;
| |
| }
| |
|
| |
| const apiUrl = 'http://127.0.0.1:5000/api/v3/search?search=Volt&lang=en&types=unit';
| |
|
| |
| function normalizeText(text) {
| |
| return (text || '')
| |
| .replace(/\s+/g, ' ')
| |
| .trim()
| |
| .toLowerCase();
| |
| }
| |
|
| |
| function extractValues(data) {
| |
| const result = data?.result || {};
| |
| const embedded = (result.embeddedDataSpecifications || [])[0] || {};
| |
| const content = embedded.dataSpecificationContent || {};
| |
|
| |
| const preferredNameRaw = content.preferredName?.value;
| |
| const symbolRaw = content.Symbol?.value;
| |
|
| |
| let preferredName = '—';
| |
| if (Array.isArray(preferredNameRaw)) {
| |
| preferredName = preferredNameRaw
| |
| .map(v => typeof v === 'object' && v !== null ? (v.value || JSON.stringify(v)) : String(v))
| |
| .join(', ');
| |
| } else if (preferredNameRaw) {
| |
| preferredName = typeof preferredNameRaw === 'object'
| |
| ? (preferredNameRaw.value || JSON.stringify(preferredNameRaw))
| |
| : String(preferredNameRaw);
| |
| }
| |
|
| |
| let symbol = '—';
| |
| if (symbolRaw) {
| |
| symbol = typeof symbolRaw === 'object'
| |
| ? (symbolRaw.value || JSON.stringify(symbolRaw))
| |
| : String(symbolRaw);
| |
| }
| |
|
| |
| return {
| |
| 'id': result.id || '—',
| |
| 'idshort': result.idShort || '—',
| |
| 'preferred name': preferredName,
| |
| 'preferredname': preferredName,
| |
| 'symbol': symbol
| |
| };
| |
| }
| |
|
| |
| function setCellValue(row, value) {
| |
| if (!row) return false;
| |
|
| |
| let valueCell =
| |
| row.querySelector('td') ||
| |
| row.querySelector('.wikibase-statementview-mainsnak-container') ||
| |
| row.querySelector('.wikibase-snakview-value') ||
| |
| row.querySelector('.wikibase-statementview-mainsnak');
| |
|
| |
| if (!valueCell) return false;
| |
|
| |
| const target =
| |
| valueCell.querySelector('.wikibase-snakview-value') ||
| |
| valueCell;
| |
|
| |
| target.textContent = value;
| |
| return true;
| |
| }
| |
|
| |
| function fillExistingTable(values) {
| |
| const rows = document.querySelectorAll('tr, .wikibase-statementview');
| |
|
| |
| let filled = 0;
| |
|
| |
| rows.forEach(function (row) {
| |
| const headerText = normalizeText(row.textContent);
| |
|
| |
| if (!headerText) return;
| |
|
| |
| if (headerText.includes('idshort')) {
| |
| if (setCellValue(row, values['idshort'])) filled++;
| |
| } else if (headerText.includes('preferred name') || headerText.includes('preferredname')) {
| |
| if (setCellValue(row, values['preferredname'])) filled++;
| |
| } else if (headerText.includes('symbol')) {
| |
| if (setCellValue(row, values['symbol'])) filled++;
| |
| } else if (headerText === 'id' || headerText.includes(' id ')) {
| |
| if (setCellValue(row, values['id'])) filled++;
| |
| }
| |
| });
| |
|
| |
| return filled;
| |
| }
| |
|
| |
| function showDebugFallback(values, errorText) {
| |
| const target = document.querySelector('#mw-content-text') || document.body;
| |
| if (!target) return;
| |
|
| |
| const box = document.createElement('div');
| |
| box.style.border = '1px solid #c8ccd1';
| |
| box.style.background = '#fff8e1';
| |
| box.style.padding = '12px';
| |
| box.style.margin = '12px 0';
| |
| box.innerHTML = `
| |
| <strong>QUDT-Testdaten</strong><br>
| |
| ${errorText ? '<div style="color:#a33; margin-top:6px;">' + errorText + '</div>' : ''}
| |
| <pre style="white-space:pre-wrap; margin-top:8px;"></pre>
| |
| `;
| |
| box.querySelector('pre').textContent = JSON.stringify(values, null, 2);
| |
| target.prepend(box);
| |
| }
| |
|
| |
| fetch(apiUrl)
| |
| .then(function (response) {
| |
| if (!response.ok) {
| |
| throw new Error('HTTP ' + response.status);
| |
| }
| |
| return response.json();
| |
| })
| |
| .then(function (data) {
| |
| const values = extractValues(data);
| |
| const filled = fillExistingTable(values);
| |
|
| |
| if (filled === 0) {
| |
| showDebugFallback(values, 'Keine passende Property-Tabelle bzw. Zeile gefunden.');
| |
| }
| |
| })
| |
| .catch(function (error) {
| |
| showDebugFallback({}, 'Fehler beim Laden: ' + error.message);
| |
| });
| |
| });
| |
|
| |
|
| |
| /* =========================================================
| |
| Design
| |
| ========================================================= */
| |
| (function () {
| |
| function ready(fn) {
| |
| if (document.readyState !== "loading") fn();
| |
| else document.addEventListener("DOMContentLoaded", fn);
| |
| }
| |
|
| |
| ready(function () {
| |
| enhanceExternalLinks();
| |
| wrapWideTables();
| |
| improveTOC();
| |
| addCopyButtonsToCode();
| |
| addBackToTop();
| |
| improveSearchFocus();
| |
| });
| |
|
| |
| function enhanceExternalLinks() {
| |
| var links = document.querySelectorAll('#mw-content-text a[href^="http"]');
| |
| links.forEach(function (link) {
| |
| if (location.hostname && !link.href.includes(location.hostname)) {
| |
| link.setAttribute('target', '_blank');
| |
| link.setAttribute('rel', 'noopener noreferrer');
| |
| if (!link.querySelector('.sh-external-indicator')) {
| |
| var mark = document.createElement('span');
| |
| mark.className = 'sh-external-indicator';
| |
| mark.setAttribute('aria-hidden', 'true');
| |
| mark.textContent = ' ↗';
| |
| link.appendChild(mark);
| |
| }
| |
| }
| |
| });
| |
| }
| |
|
| |
| function wrapWideTables() {
| |
| var tables = document.querySelectorAll('.wikitable');
| |
| tables.forEach(function (table) {
| |
| if (table.parentElement && !table.parentElement.classList.contains('sh-table-wrap')) {
| |
| var wrap = document.createElement('div');
| |
| wrap.className = 'sh-table-wrap';
| |
| wrap.style.overflowX = 'auto';
| |
| wrap.style.margin = '1rem 0';
| |
| table.parentNode.insertBefore(wrap, table);
| |
| wrap.appendChild(table);
| |
| }
| |
| });
| |
| }
| |
|
| |
| function improveTOC() {
| |
| var toc = document.querySelector('#toc, .toc');
| |
| if (!toc) return;
| |
|
| |
| var title = toc.querySelector('.toctitle');
| |
| var list = toc.querySelector('ul');
| |
| if (!title || !list) return;
| |
|
| |
| var button = document.createElement('button');
| |
| button.type = 'button';
| |
| button.className = 'sh-toc-toggle';
| |
| button.textContent = 'Inhalt ein-/ausblenden';
| |
| button.style.marginTop = '0.5rem';
| |
| button.style.fontSize = '0.95rem';
| |
| button.style.cursor = 'pointer';
| |
|
| |
| button.addEventListener('click', function () {
| |
| var hidden = list.style.display === 'none';
| |
| list.style.display = hidden ? '' : 'none';
| |
| });
| |
|
| |
| title.appendChild(button);
| |
| }
| |
|
| |
| function addCopyButtonsToCode() {
| |
| var blocks = document.querySelectorAll('pre');
| |
| blocks.forEach(function (block) {
| |
| if (block.querySelector('.sh-copy-btn')) return;
| |
|
| |
| block.style.position = 'relative';
| |
|
| |
| var btn = document.createElement('button');
| |
| btn.type = 'button';
| |
| btn.className = 'sh-copy-btn';
| |
| btn.textContent = 'Kopieren';
| |
| btn.style.position = 'absolute';
| |
| btn.style.top = '8px';
| |
| btn.style.right = '8px';
| |
| btn.style.padding = '6px 10px';
| |
| btn.style.fontSize = '0.85rem';
| |
| btn.style.borderRadius = '8px';
| |
|
| |
| btn.addEventListener('click', function () {
| |
| var text = block.innerText;
| |
| navigator.clipboard.writeText(text).then(function () {
| |
| btn.textContent = 'Kopiert';
| |
| setTimeout(function () {
| |
| btn.textContent = 'Kopieren';
| |
| }, 1500);
| |
| });
| |
| });
| |
|
| |
| block.appendChild(btn);
| |
| });
| |
| }
| |
|
| |
| function addBackToTop() {
| |
| var btn = document.createElement('button');
| |
| btn.type = 'button';
| |
| btn.textContent = '↑ Oben';
| |
| btn.setAttribute('aria-label', 'Zurück nach oben');
| |
| btn.style.position = 'fixed';
| |
| btn.style.right = '16px';
| |
| btn.style.bottom = '16px';
| |
| btn.style.zIndex = '999';
| |
| btn.style.padding = '10px 14px';
| |
| btn.style.borderRadius = '999px';
| |
| btn.style.display = 'none';
| |
| btn.style.boxShadow = '0 8px 20px rgba(0,0,0,.15)';
| |
|
| |
| btn.addEventListener('click', function () {
| |
| window.scrollTo({ top: 0, behavior: 'smooth' });
| |
| });
| |
|
| |
| document.body.appendChild(btn);
| |
|
| |
| window.addEventListener('scroll', function () {
| |
| btn.style.display = window.scrollY > 500 ? 'block' : 'none';
| |
| });
| |
| }
| |
|
| |
| function improveSearchFocus() {
| |
| var search = document.querySelector('#searchInput, input[name="search"]');
| |
| if (!search) return;
| |
|
| |
| search.setAttribute('placeholder', 'Semantic Definition, semanticId oder Begriff suchen …');
| |
|
| |
| document.addEventListener('keydown', function (e) {
| |
| if (e.key === '/' && document.activeElement !== search) {
| |
| var tag = document.activeElement && document.activeElement.tagName;
| |
| if (tag !== 'INPUT' && tag !== 'TEXTAREA') {
| |
| e.preventDefault();
| |
| search.focus();
| |
| }
| |
| }
| |
| });
| |
| }
| |
| })();
| |
