MediaWiki:Common.js

$(function() {
    // Wir warten, bis das Tablesorter-Modul von MediaWiki bereit ist
    mw.loader.using(['jquery.tablesorter'], function() {
        
        $('table.filterable').each(function() {
            var $table = $(this);
            
            // 1. Alle echten Datenzeilen identifizieren (die <td> enthalten)
            var $dataRows = $table.find('tr').filter(function() {
                return $(this).find('td').length > 0;
            });

            // 2. Die Kopfzeile finden
            var $headerRow = $table.find('tr').filter(function() {
                return $(this).find('th').length > 0;
            }).first();

            if ($headerRow.length === 0 || $dataRows.length === 0) return;

            // 3. Filter-Zeile erstellen (mit 'unsortable' Klasse für MediaWiki)
            var $filterRow = $('<tr class="filter-row unsortable" style="background:#eee;"></tr>');

            $headerRow.find('th').each(function(index) {
                var $filterCell = $('<th class="unsortable"></th>');
                var $select = $('<select style="width:100%; font-weight:normal; font-size:0.9em;"><option value="">(Alle)</option></select>');
                
                // Klick-Event isolieren (wichtig für Sortierung!)
                $select.on('click mousedown', function(e) {
                    e.stopPropagation();
                });

                // Werte aus der entsprechenden Spalte sammeln
                var values = [];
                $dataRows.each(function() {
                    var text = $(this).find('td').eq(index).text().trim();
                    if (text !== "" && $.inArray(text, values) === -1) {
                        values.push(text);
                    }
                });

                values.sort().forEach(function(val) {
                    $select.append($('<option></option>').val(val).text(val));
                });

                $select.on('change', function() {
                    runFilter($table);
                });

                $filterCell.append($select);
                $filterRow.append($filterCell);
            });

            // 4. Filterzeile direkt nach dem Header einfügen
            $headerRow.after($filterRow);
            
            // 5. MediaWiki Sortierung neu triggern, damit die Filterzeile ignoriert wird
            $table.tablesorter();
        });
    });

    function runFilter($table) {
        var $rows = $table.find('tr').filter(function() {
            return $(this).find('td').length > 0 && !$(this).hasClass('filter-row');
        });
        var $selects = $table.find('.filter-row select');

        $rows.each(function() {
            var $row = $(this);
            var show = true;

            $selects.each(function(i) {
                var val = $(this).val();
                var cell = $row.find('td').eq(i).text().trim();
                if (val !== "" && cell !== val) {
                    show = false;
                    return false;
                }
            });
            $row.toggle(show);
        });
    }
});