MediaWiki:Common.js: Difference between revisions

From MalveraWiki
No edit summary
No edit summary
Line 4: Line 4:
         var tablesStr = $wrapper.data('tooltip-tables');
         var tablesStr = $wrapper.data('tooltip-tables');
         if (!tablesStr) return;
         if (!tablesStr) return;
        var imgWikiLink = $wrapper.data('tooltip-image'); // np. [[File:Crown.png]]
        var itemName = $wrapper.data('tooltip-name');      // np. "Crown"


         var $tooltip = $wrapper.find('.custom-tooltip').empty();
         var $tooltip = $wrapper.find('.custom-tooltip').empty();


         // 1️⃣ Dodaj grafikę i nazwę przedmiotu
         // 🔹 Dodaj obrazek i nazwę przedmiot
        var itemImage = $wrapper.data('tooltip-image'); // np. "File:Crown.png"
         if (imgWikiLink) {
        var itemName = $wrapper.data('tooltip-name');  // np. "Crown"
             $tooltip.append('<div class="tooltip-item-image" style="text-align:center; margin-bottom:3px;">' + imgWikiLink + '</div>');
 
         if (itemImage) {
             var $img = $('<div style="text-align:center;margin-bottom:4px;">' +
                        '<img src="/images/' + itemImage + '" style="max-width:64px;display:block;margin:0 auto;">' +
                        '</div>');
            $tooltip.append($img);
         }
         }
         if (itemName) {
         if (itemName) {
             var $name = $('<div style="text-align:center;font-weight:bold;margin-bottom:6px;">' + itemName + '</div>');
             $tooltip.append('<div class="tooltip-item-name" style="text-align:center; font-weight:bold; margin-bottom:5px;">' + itemName + '</div>');
            $tooltip.append($name);
         }
         }


        // 2️⃣ Dodaj tabele
         var tables = tablesStr.split('##');
         var tables = tablesStr.split('##'); // separator między tabelami
 
         tables.forEach(function(tableDef) {
         tables.forEach(function(tableDef) {
             var parts = tableDef.split('{{!}}'); // separator nagłówek | wiersze
             var parts = tableDef.split('{{!}}');
             if (parts.length < 2) return;
             if (parts.length < 2) return;


Line 37: Line 30:


             var $tableContainer = $('<div class="tooltip-table-container"></div>');
             var $tableContainer = $('<div class="tooltip-table-container"></div>');
             if (header) {
             if (header) {
                 $tableContainer.append('<div class="tooltip-table-header">'+header+'</div>');
                 $tableContainer.append('<div class="tooltip-table-header">'+header+'</div>');

Revision as of 20:59, 2 February 2026

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 imgWikiLink = $wrapper.data('tooltip-image'); // np. [[File:Crown.png]]
        var itemName = $wrapper.data('tooltip-name');      // np. "Crown"

        var $tooltip = $wrapper.find('.custom-tooltip').empty();

        // 🔹 Dodaj obrazek i nazwę przedmiot
        if (imgWikiLink) {
            $tooltip.append('<div class="tooltip-item-image" style="text-align:center; margin-bottom:3px;">' + imgWikiLink + '</div>');
        }
        if (itemName) {
            $tooltip.append('<div class="tooltip-item-name" style="text-align:center; font-weight:bold; margin-bottom:5px;">' + itemName + '</div>');
        }

        var tables = tablesStr.split('##');
        tables.forEach(function(tableDef) {
            var parts = tableDef.split('{{!}}');
            if (parts.length < 2) return;

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

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

            var $tableContainer = $('<div class="tooltip-table-container"></div>');
            if (header) {
                $tableContainer.append('<div class="tooltip-table-header">'+header+'</div>');
            }

            var $table = $('<table class="wikitable sortable"></table>');
            $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);
            $tableContainer.append($table);
            $tooltip.append($tableContainer);
        });
    });
});