MediaWiki:Mobile.js: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 53: Line 53:
}
}
// Enhanced table sorting for mobile
// Enhanced table sorting for mobile
// Debug version - table sorting for mobile
mw.hook('wikipage.content').add(function($content) {
mw.hook('wikipage.content').add(function($content) {
    console.log('Hook fired, skin:', mw.config.get('skin'));
   
     if (mw.config.get('skin') === 'minerva') {
     if (mw.config.get('skin') === 'minerva') {
         // Find all tables that should be sortable
         console.log('Minerva skin detected');
       
         var $tables = $content.find('.wikitable, table.sortable');
         var $tables = $content.find('.wikitable, table.sortable');
        console.log('Found tables:', $tables.length);
          
          
         if ($tables.length > 0) {
         if ($tables.length > 0) {
            console.log('Loading tablesorter...');
             mw.loader.using('jquery.tablesorter').done(function() {
             mw.loader.using('jquery.tablesorter').done(function() {
                 $tables.each(function() {
                console.log('Tablesorter loaded successfully');
               
                 $tables.each(function(index) {
                     var $table = $(this);
                     var $table = $(this);
                    console.log('Processing table', index, $table);
                   
                     if (!$table.hasClass('sortable')) {
                     if (!$table.hasClass('sortable')) {
                         $table.addClass('sortable');
                         $table.addClass('sortable');
                        console.log('Added sortable class to table', index);
                     }
                     }
                      
                      
                     // Initialize tablesorter with mobile-friendly options
                     try {
                    $table.tablesorter({
                        $table.tablesorter();
                         theme: 'blue',
                         console.log('Tablesorter applied to table', index);
                        headerTemplate: '{content} {icon}',
                    } catch (e) {
                         widgets: ['zebra'],
                         console.error('Error applying tablesorter to table', index, e);
                        widgetOptions: {
                     }
                            zebra: ["even", "odd"]
                        }
                     });
                 });
                 });
            }).fail(function() {
                console.error('Failed to load tablesorter module');
             });
             });
        } else {
            console.log('No tables found to sort');
         }
         }
    } else {
        console.log('Not Minerva skin, current skin:', mw.config.get('skin'));
     }
     }
});
});
});
});

Navigation menu