MediaWiki:BibTest.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/**
 * Bibliography Tag Filter and Sorting
 */

(function() {
  'use strict';

  let ACTIVE_TAGS = new Set();

  function init() {
    const tagBar = document.getElementById('tagBar');
    const bibliography = document.getElementById('listView');
    
    if (!tagBar || !bibliography) return;

    // Sammle alle Original-Taggamen aus den Einträgen
    const allTagsMap = new Map(); // normalized -> original name
    document.querySelectorAll('.bib-entry .tag').forEach(tagEl => {
      const originalName = tagEl.textContent.trim();
      const normalized = normalizeTag(originalName);
      allTagsMap.set(normalized, originalName);
    });

    // Lösche alte Tags aus tagBar
    tagBar.innerHTML = '';

    // Erstelle neue Tags mit Original-Namen
    Array.from(allTagsMap.entries())
      .sort((a, b) => a[1].localeCompare(b[1])) // Sortiere nach original name
      .forEach(([normalized, originalName]) => {
        const span = document.createElement('span');
        span.className = 'tag inactive';
        span.textContent = originalName; // Zeige original name
        span.dataset.normalized = normalized; // Speichere normalized für Filterung
        span.onclick = () => toggleTag(originalName, span, normalized);
        tagBar.appendChild(span);
      });

    // Sortiere Einträge alphabetisch
    sortEntries();
  }

  function toggleTag(tagName, element, normalized) {
    if (ACTIVE_TAGS.has(normalized)) {
      ACTIVE_TAGS.delete(normalized);
      element.classList.remove('active');
      element.classList.add('inactive');
    } else {
      ACTIVE_TAGS.add(normalized);
      element.classList.add('active');
      element.classList.remove('inactive');
    }
    filterEntries();
  }

  function sortEntries() {
    const container = document.getElementById('listView');
    if (!container) return;

    const entries = Array.from(container.querySelectorAll('.bib-entry'));
    
    entries.sort((a, b) => {
      const titleA = a.querySelector('h3')?.textContent || '';
      const titleB = b.querySelector('h3')?.textContent || '';
      return titleA.localeCompare(titleB);
    });

    entries.forEach(entry => container.appendChild(entry));
  }

  function normalizeTag(tag) {
    return tag.toLowerCase().replace(/\s+/g, '_').replace(/,/g, '').replace(/\./g, '').replace(/'/g, '').replace(/"/g, '');
  }

  function filterEntries() {
    const entries = document.querySelectorAll('.bib-entry');
    
    entries.forEach(entry => {
      const entryTags = (entry.getAttribute('data-tags') || '').split(' ').filter(t => t);
      
      if (ACTIVE_TAGS.size === 0) {
        entry.style.display = 'block';
      } else {
        // AND-Logik: Entry muss ALLE aktiven Tags haben
        const hasAllTags = Array.from(ACTIVE_TAGS).every(activeTag => {
          return entryTags.includes(activeTag);
        });
        entry.style.display = hasAllTags ? 'block' : 'none';
      }
    });
  }

  // Abstract-Button Toggle
  document.addEventListener('click', function(e) {
    if (e.target.classList.contains('expand-btn')) {
      const abstractDiv = e.target.nextElementSibling;
      if (abstractDiv && abstractDiv.classList.contains('abstract')) {
        abstractDiv.classList.toggle('hidden');
        e.target.textContent = abstractDiv.classList.contains('hidden')
          ? 'Show Abstract'
          : 'Hide Abstract';
      }
    }
  });

  // Starte wenn DOM bereit
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();