MediaWiki:RowToggle.js: Difference between revisions

From Roat Pkz
Jump to navigation Jump to search
m (ThroatPDiddy moved page MediaWiki:Gadget-rowToggle.js to MediaWiki:RowToggle.js: gadgets not enabled)
(now it works?)
Line 1: Line 1:
mw.hook('wikipage.content').add(function($content){
mw.hook('wikipage.content').add(function () {
     $content.find('.toggle-rows').each(function(){
     document.querySelectorAll('.toggle-rows tbody tr').forEach(function (row) {
         var $table = $(this);
         row.style.cursor = 'pointer';
        $table.find('tbody tr').each(function(){
            var $row = $(this);
            $row.addClass('toggleable-row');


            var rowId = $row.attr('data-row-id');
        var rowId = row.getAttribute('data-row-id');
            if(rowId && localStorage.getItem('toggle-row-' + rowId) === '1'){
 
                 $row.addClass('toggle-row-complete');
        if (rowId && localStorage.getItem('toggle-row-' + rowId) === '1') {
            row.classList.add('toggle-row-complete');
        }
 
        row.addEventListener('click', function () {
            row.classList.toggle('toggle-row-complete');
            if (rowId) {
                 var isComplete = row.classList.contains('toggle-row-complete');
                localStorage.setItem('toggle-row-' + rowId, isComplete ? '1' : '0');
             }
             }
            $row.on('click', function () {
                $row.toggleClass('toggle-row-complete');
                var isComplete = $row.hasClass('toggle-row-complete');
                if(rowId){
                    localStorage.setItem('toggle-row-' + rowId, isComplete ? '1' : '0');
                }
            });
         });
         });
     });
     });
});
});

Revision as of 20:07, 30 August 2026

mw.hook('wikipage.content').add(function () {
    document.querySelectorAll('.toggle-rows tbody tr').forEach(function (row) {
        row.style.cursor = 'pointer';

        var rowId = row.getAttribute('data-row-id');

        if (rowId && localStorage.getItem('toggle-row-' + rowId) === '1') {
            row.classList.add('toggle-row-complete');
        }

        row.addEventListener('click', function () {
            row.classList.toggle('toggle-row-complete');
            if (rowId) {
                var isComplete = row.classList.contains('toggle-row-complete');
                localStorage.setItem('toggle-row-' + rowId, isComplete ? '1' : '0');
            }
        });
    });
});