MediaWiki:Common.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.

mw.hook('wikipage.content').add(function ($content) {
    $content.find('.tooltip-wrapper[data-tooltip-tables]').each(function () {
        var $wrapper = $(this);
        var tablesStr = $wrapper.data('tooltip-tables');
        if (!tablesStr) return;

        var tables = tablesStr.split('##'); // separator między tabelami
        var $tooltip = $wrapper.find('.custom-tooltip').empty();

        tables.forEach(function(tableDef) {
            var parts = tableDef.split('{{!}}'); // separator nagłówek | wiersze
            if (parts.length < 2) return;

            var header = parts[0].trim();
            var rowsStr = parts[1].trim();
            if (!rowsStr) return;

            var rows = rowsStr.split(';');

            // Tworzymy kontener
            var $tableContainer = $('<div class="tooltip-table-container"></div>');

            // Nagłówek w <small>
            if (header) {
                $tableContainer.append('<div class="tooltip-table-header"><small>' + header + '</small></div>');
            }

            // Tabela w <small>
            var $table = $('<table class="wikitable sortable"><small></small></table>');
            var $small = $table.find('small');

            $table.append('<thead><tr><th>Amount</th><th>Chance</th></tr></thead>');
            var $tbody = $('<tbody></tbody>');

            rows.forEach(function(row) {
                var cols = row.split(',');
                if (cols.length < 2) return;
                var $tr = $('<tr></tr>');
                cols.forEach(function(c){
                    $tr.append('<td>'+c.trim()+'</td>');
                });
                $tbody.append($tr);
            });

            $table.append($tbody);
            $small.append($table.contents()); // przenosimy całą tabelę do <small>
            $tableContainer.append($table);
            $tooltip.append($tableContainer);
        });
    });
});