Schoolwiki

"മീഡിയവിക്കി:Common.js" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം

← മുൻപത്തെ വ്യത്യാസം
(ചെ.)No edit summary
optimize js
 
(2 ഉപയോക്താക്കൾ ചെയ്ത ഇടയ്ക്കുള്ള 28 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല)
വരി 1: വരി 1:
// mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Joeytje50/JWB.js/load.js&action=raw&ctype=text/javascript');
//mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Joeytje50/JWB.js/load.js&action=raw&ctype=text/javascript');


window.onload = function() {
/* ============================================================
     // Find all images with the specified URL
  OpenStreetMap marker URL fix
    var markerImages = document.querySelectorAll('img[src="https://tile.openstreetmap.org/v4/marker/"]');
  ============================================================ */
      
window.addEventListener('load', function () {
    // Loop through the images and change their source
     document.querySelectorAll('img').forEach(function (img) {
     for (var i = 0; i < markerImages.length; i++) {
        if (img.src && img.src.startsWith('https://tile.openstreetmap.org/v4/marker/')) {
        markerImages[i].src = "https://schoolwiki.in/File:";
            img.src = img.src.replace(
          
                'https://tile.openstreetmap.org/v4/marker/',
         // Apply CSS to ensure proper display
                'https://maps.wikimedia.org/v4/marker/'
        markerImages[i].style.width = "20px"; // Adjust width as per your needs
            );
         markerImages[i].style.height = "50px"; // Adjust height as per your needs
        }
         markerImages[i].style.paddingBottom = "20px"; // Adjust positioning
     });
});
 
/* ============================================================
  Wikimedia Commons Gallery Loader
  ============================================================ */
mw.hook('wikipage.content').add(function ($content) {
 
     $content.find('.commons-gallery').each(function () {
        var container = this;
        var sources = container.querySelectorAll('.commons-gallery-source');
        if (!sources.length) return;
 
        var width = 300;
        var grid = document.createElement('div');
        grid.className = 'commons-gallery-grid';
        container.appendChild(grid);
 
        sources.forEach(function (srcEl) {
            var filename = srcEl.dataset.file;
            var captionText = srcEl.dataset.caption || '';
            if (!filename) return;
 
            var apiUrl =
                'https://commons.wikimedia.org/w/api.php' +
                '?action=query' +
                '&format=json' +
                '&prop=imageinfo' +
                '&iiprop=url|extmetadata' +
                '&iiurlwidth=' + width +
                '&titles=File:' + encodeURIComponent(filename) +
                '&origin=*';
 
            fetch(apiUrl)
                .then(function (r) {
                    if (!r.ok) throw new Error('HTTP ' + r.status);
                    return r.json();
                })
                .then(function (data) {
                    if (!data || !data.query || !data.query.pages) return;
                    var page = data.query.pages[Object.keys(data.query.pages)[0]];
                    if (!page || !page.imageinfo) return;
 
                    var info = page.imageinfo[0];
                    var imgUrl = info.thumburl || info.url;
                    var meta = info.extmetadata || {};
                    var artist = (meta.Artist && meta.Artist.value) || 'Unknown';
                    var license = (meta.LicenseShortName && meta.LicenseShortName.value) || '';
                    var licenseUrl = (meta.LicenseUrl && meta.LicenseUrl.value) || '';
                    var commonsUrl = info.descriptionurl || '';
 
                    /* Prefer responsive URL for high-DPI screens */
                    var lightboxSrc = info.url;
                    if (info.responsiveUrls) {
                        if (window.devicePixelRatio > 1 && info.responsiveUrls['2']) {
                            lightboxSrc = info.responsiveUrls['2'];
                        } else if (info.responsiveUrls['1.5']) {
                            lightboxSrc = info.responsiveUrls['1.5'];
                        }
                    }
 
                    var captionHtml =
                        (captionText ? captionText + '<br>' : '') +
                        '© ' + artist +
                        (licenseUrl
                            ? ' – <a href="' + licenseUrl + '" target="_blank" rel="noopener noreferrer">' + license + '</a>'
                            : '') +
                        (commonsUrl
                            ? '<br><a href="' + commonsUrl + '" target="_blank" rel="noopener noreferrer">View on Wikimedia Commons</a>'
                            : '');
 
                    var figure = document.createElement('figure');
                    figure.className = 'commons-gallery-item';
 
                    var img = document.createElement('img');
                    img.src = imgUrl;
                    img.alt = captionText || filename;
                    img.loading = 'lazy';
                    img.dataset.fullsrc = lightboxSrc;
                    img.dataset.caption = captionHtml;
 
                    var figcaption = document.createElement('figcaption');
                    figcaption.innerHTML = captionHtml;
 
                    figure.appendChild(img);
                    figure.appendChild(figcaption);
                    grid.appendChild(figure);
                })
                .catch(function (err) {
                    console.warn('Commons gallery image failed:', filename, err.message);
                });
         });
 
         sources.forEach(function (el) { el.style.display = 'none'; });
    });
});
 
/* ============================================================
  Commons Gallery Lightbox (keyboard + touch swipe)
  ============================================================ */
(function () {
 
    var galleryImages = [];
    var currentIndex = -1;
    var touchStartX = 0;
 
    function collectImages() {
        galleryImages = Array.prototype.slice.call(
            document.querySelectorAll('.commons-gallery-item img')
        );
    }
 
    function createLightbox() {
        if (document.getElementById('commons-lightbox')) return;
 
        var overlay = document.createElement('div');
        overlay.id = 'commons-lightbox';
        overlay.innerHTML =
            '<div class="clb-backdrop"></div>' +
            '<div class="clb-content">' +
                '<button class="clb-prev" aria-label="Previous">&#8249;</button>' +
                '<button class="clb-next" aria-label="Next">&#8250;</button>' +
                '<button class="clb-close" aria-label="Close">&times;</button>' +
                '<img class="clb-image" alt="">' +
                '<div class="clb-caption"></div>' +
            '</div>';
 
        document.body.appendChild(overlay);
 
        overlay.querySelector('.clb-backdrop').addEventListener('click', closeLightbox);
        overlay.querySelector('.clb-close').addEventListener('click', closeLightbox);
        overlay.querySelector('.clb-prev').addEventListener('click', showPrev);
        overlay.querySelector('.clb-next').addEventListener('click', showNext);
 
        /* Keyboard navigation */
        document.addEventListener('keydown', function (e) {
            if (!document.getElementById('commons-lightbox').classList.contains('active')) return;
            if (e.key === 'Escape') closeLightbox();
            if (e.key === 'ArrowLeft') showPrev();
            if (e.key === 'ArrowRight') showNext();
        });
 
        /* Touch swipe navigation */
         overlay.addEventListener('touchstart', function (e) {
            touchStartX = e.changedTouches[0].clientX;
        }, { passive: true });
 
        overlay.addEventListener('touchend', function (e) {
            var dx = e.changedTouches[0].clientX - touchStartX;
            if (Math.abs(dx) > 50) {
                if (dx < 0) showNext(); else showPrev();
            }
        }, { passive: true });
    }
 
    function openLightbox(img) {
        collectImages();
        currentIndex = galleryImages.indexOf(img);
        if (currentIndex === -1) return;
 
        createLightbox();
        showImage(currentIndex);
        document.getElementById('commons-lightbox').classList.add('active');
        document.body.style.overflow = 'hidden';
    }
 
    function showImage(index) {
        var overlay = document.getElementById('commons-lightbox');
         var img = galleryImages[index];
        if (!img) return;
 
        overlay.querySelector('.clb-image').src = img.dataset.fullsrc || img.src;
        overlay.querySelector('.clb-image').alt = img.alt || '';
        overlay.querySelector('.clb-caption').innerHTML = img.dataset.caption || '';
 
        /* Show/hide nav arrows at ends */
        overlay.querySelector('.clb-prev').style.visibility = index > 0 ? '' : 'hidden';
        overlay.querySelector('.clb-next').style.visibility = index < galleryImages.length - 1 ? '' : 'hidden';
 
        currentIndex = index;
     }
     }
};


    function showPrev() { if (currentIndex > 0) showImage(currentIndex - 1); }
    function showNext() { if (currentIndex < galleryImages.length - 1) showImage(currentIndex + 1); }


//Quick Edit Box
    function closeLightbox() {
// [[User:BrandonXLF/QuickEdit.js]]
        var overlay = document.getElementById('commons-lightbox');
//mw.loader.load('https://en.wikipedia.org/w/index.php?title=User:BrandonXLF/QuickEdit.js&action=raw&ctype=text/javascript');
        if (!overlay) return;
//mw.loader.load( '/index.php?title=മീഡിയവിക്കി:Common.js/QuickEdit.js&action=raw&ctype=text/javascript' );
        overlay.classList.remove('active');
        document.body.style.overflow = '';
    }


/*ടൂൾബാറിൽ അവലംബം ചേർക്കാനുള്ള സൗകര്യം കൂട്ടിച്ചേർക്കുന്നതിനായി */
    document.addEventListener('click', function (e) {
if ( mw.config.get( 'wgAction' ) === 'edit' || mw.config.get( 'wgAction' ) === 'submit' || mw.config.get( 'wgCanonicalSpecialPageName' ) === 'Upload' ) {
        if (e.target && e.target.matches('.commons-gallery-item img')) {
    /* scripts specific to editing pages */
            openLightbox(e.target);
/*    importScript( 'മീഡിയവിക്കി:Common.js/edit.js' ); */
        }
     mw.loader.load( '/index.php?title=മീഡിയവിക്കി:Common.js/edit.js&action=raw&ctype=text/javascript' );
    });
 
})();
 
/* ============================================================
  Editing tools (load only on edit/upload pages)
  ============================================================ */
if (
    mw.config.get('wgAction') === 'edit' ||
    mw.config.get('wgAction') === 'submit' ||
    mw.config.get('wgCanonicalSpecialPageName') === 'Upload'
) {
     mw.loader.load(
        '/index.php?title=മീഡിയവിക്കി:Common.js/edit.js&action=raw&ctype=text/javascript'
    );
}
}


/* ============================================================
  Special characters subset menu
  ============================================================ */
function addCharSubsetMenu() {
    if ($('#editpage-specialchars').length === 0) return;
    var s = parseInt(mw.cookie.get('edittoolscharsubset'), 10);
    if (isNaN(s)) s = 0;
    var options = [
        'ഫലകങ്ങൾ', 'വിക്കിവിന്യാസങ്ങൾ', 'അനുമതിപത്രങ്ങൾ', 'മലയാളം',
        'കൊറിയൻ', 'ലത്തീൻ', 'ഐ.പി.എ.', 'പലവക',
        'അറബി', 'ദേവനാഗരി', 'ഹിബ്രു', 'പഴയ ഇംഗ്ലീഷ്'
    ];
    var $menu = $('<select />')
        .attr('id', 'charSubsetControl')
        .css('display', 'inline')
        .change(chooseCharSubset)
        .data('previousSelectedIndex', s);


/*
    options.forEach(function (label) {
==addCharSubsetMenu==
        $menu.append($('<option />').text(label));
*/
    });


/* add menu for selecting subsets of secial characters  */
    $('#editpage-specialchars').prepend($menu);
/***** must match MediaWiki:Edittools *****/
    $('#charSubsetControl')[0].selectedIndex = s;
function addCharSubsetMenu() {
 
if($('#editpage-specialchars').length>0) {
    $('p', '#editpage-specialchars').each(function (index) {
/* default subset from cookie */
        $(this).css({
var s = parseInt( $.cookie('edittoolscharsubset') );
            display: index === s ? 'inline' : 'none',
if ( isNaN(s) ) s = 0;
            visibility: index === s ? 'visible' : 'hidden'
var $menu = $('<select />')
        });
.attr('id', 'charSubsetControl')
    });
.css('display', 'inline');
$menu.change(chooseCharSubset)
.data('previousSelectedIndex', s)
.append($('<option />').text('ഫലകങ്ങൾ'))
.append($('<option />').text('വിക്കിവിന്യാസങ്ങൾ'))
.append($('<option />').text('അനുമതിപത്രങ്ങൾ'))
.append($('<option />').text('മലയാളം'))
.append($('<option />').text('കൊറിയൻ'))
.append($('<option />').text('ലത്തീൻ'))
.append($('<option />').text('ഐ.പി.എ.'))
.append($('<option />').text('പലവക'))
.append($('<option />').text('അറബി'))
.append($('<option />').text('ദേവനാഗരി'))
.append($('<option />').text('ഹിബ്രു'))
.append($('<option />').text('പഴയ ഇംഗ്ലീഷ്'));
$('#editpage-specialchars').prepend($menu);
/* update dropdown control to value of cookie */
$('#charSubsetControl')[0].selectedIndex = s;
$('p', '#editpage-specialchars').each(function(index) {
if(index==s) {
$(this).css('display', 'inline');
$(this).css('visibility', 'visible');
} else {
$(this).css('display', 'none');
$(this).css('visibility', 'hidden');
}
});
}
}
}


/*
===chooseCharSubsetMenu===
*/
/* select subsection of special characters */
function chooseCharSubset() {
function chooseCharSubset() {
var selectedIndex = $(this).find(':selected').index();
    var selectedIndex = $(this).find(':selected').index();
$('p', '#editpage-specialchars').each(function(index) {
    $('p', '#editpage-specialchars').each(function (index) {
if(index==selectedIndex) {
        $(this).css({
$(this).css('display', 'inline');
            display: index === selectedIndex ? 'inline' : 'none',
$(this).css('visibility', 'visible');
            visibility: index === selectedIndex ? 'visible' : 'hidden'
}else {
        });
$(this).css('display', 'none');
    });
$(this).css('visibility', 'hidden');
    mw.cookie.set('edittoolscharsubset', selectedIndex);
}
});
$.cookie('edittoolscharsubset', selectedIndex);
$(this).data('previousSelectedIndex', selectedIndex);
}
}


/*
$(addCharSubsetMenu);
== customizeWikipedia ==
*/


function customizeWikipedia() {
/* ============================================================
addCharSubsetMenu();
  Navigation bars (NavFrame show/hide)
}
  ============================================================ */
$(customizeWikipedia);
 
/**
* Dynamic Navigation Bars (experimental)
*
* Description: See [[Wikipedia:NavFrame]].
* Maintainers: UNMAINTAINED
*/
 
/* set up the words in your language */
var NavigationBarHide = 'മറയ്ക്കുക';
var NavigationBarHide = 'മറയ്ക്കുക';
var NavigationBarShow = 'പ്രദർശിപ്പിക്കുക';
var NavigationBarShow = 'പ്രദർശിപ്പിക്കുക';
var indexNavigationBar = 0;
var indexNavigationBar = 0;


/**
window.toggleNavigationBar = function (index, event) {
* Shows and hides content and picture (if available) of navigation bars
     var NavToggle = document.getElementById('NavToggle' + index);
* Parameters:
     var NavFrame = document.getElementById('NavFrame' + index);
*    indexNavigationBar: the index of navigation bar to be toggled
     if (!NavFrame || !NavToggle) return;
**/
window.toggleNavigationBar = function ( indexNavigationBar, event ) {
     var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
     var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
     var NavChild;


     if ( !NavFrame || !NavToggle ) {
     var show = NavToggle.firstChild.data === NavigationBarShow;
        return false;
     NavToggle.firstChild.data = show ? NavigationBarHide : NavigationBarShow;
     }


     /* if shown now */
     Array.prototype.forEach.call(NavFrame.children, function (child) {
    if ( NavToggle.firstChild.data === NavigationBarHide ) {
        if (child.classList.contains('NavContent') || child.classList.contains('NavPic')) {
        for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
            child.style.display = show ? 'block' : 'none';
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
                NavChild.style.display = 'none';
            }
         }
         }
     NavToggle.firstChild.data = NavigationBarShow;
     });
    event.preventDefault();
};


    /* if hidden now */
mw.hook('wikipage.content').add(function ($content) {
     } else if ( NavToggle.firstChild.data === NavigationBarShow ) {
     $content.find('div.NavFrame').each(function () {
         for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
         indexNavigationBar++;
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
        var NavFrame = this;
                NavChild.style.display = 'block';
        var $NavHead = $(NavFrame).find('.NavHead').first();
            }
         if (!$NavHead.length) return;
         }
        NavToggle.firstChild.data = NavigationBarHide;
    }


    event.preventDefault();
        var idx = indexNavigationBar;
};
        var $NavToggle = $('<a href="#" class="NavToggle"></a>')
            .attr('id', 'NavToggle' + idx)
            .text(NavigationBarHide)
            .on('click', function (e) {
                toggleNavigationBar(idx, e);
            });


/* adds show/hide-button to navigation bars */
        NavFrame.id = 'NavFrame' + idx;
function createNavigationBarToggleButton( $content ) {
        $NavHead.append($NavToggle);
    var NavChild;
     });
    /* iterate over all < div >-elements */
});
    var $divs = $content.find( 'div' );
     $divs.each( function ( i, NavFrame ) {
        /* if found a navigation bar */
        if ( $( NavFrame ).hasClass( 'NavFrame' ) ) {


            indexNavigationBar++;
/* ============================================================
            var NavToggle = document.createElement( 'a' );
  Collapsible tables
            NavToggle.className = 'NavToggle';
  ============================================================ */
            NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
var autoCollapse = 2;
            NavToggle.setAttribute( 'href', '#' );
var collapseCaption = 'മറയ്ക്കുക';
            $( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) );
var expandCaption = 'പ്രദർശിപ്പിക്കുക';


            var isCollapsed = $( NavFrame ).hasClass( 'collapsed' );
function collapseTable(tableIndex) {
            /**
    var Button = document.getElementById('collapseButton' + tableIndex);
            * Check if any children are already hidden.  This loop is here for backwards compatibility:
    var Table = document.getElementById('collapsibleTable' + tableIndex);
            * the old way of making NavFrames start out collapsed was to manually add style="display:none"
    if (!Table || !Button) return;
            * to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make
            * the content visible without JavaScript support), the new recommended way is to add the class
            * "collapsed" to the NavFrame itself, just like with collapsible tables.
            */
            for ( NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) {
                if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                    if ( NavChild.style.display === 'none' ) {
                        isCollapsed = true;
                    }
                }
            }
            if ( isCollapsed ) {
                for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
                    if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                        NavChild.style.display = 'none';
                    }
                }
            }
            var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide );
            NavToggle.appendChild( NavToggleText );


            /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */
    var hide = Button.firstChild.data === collapseCaption;
            for( var j = 0; j < NavFrame.childNodes.length; j++ ) {
    Array.prototype.forEach.call(Table.rows, function (row, i) {
                if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
        if (i > 0) row.style.display = hide ? 'none' : '';
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
    });
                    NavFrame.childNodes[j].appendChild( NavToggle );
     Button.firstChild.data = hide ? expandCaption : collapseCaption;
                }
            }
            NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
        }
     } );
}
}


mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );
$(function () {
    var tableIndex = 0;
    $('table.collapsible').each(function () {
        var $table = $(this);
        var $header = $table.find('tr:first th:first');
        if (!$header.length) return;
 
        var idx = tableIndex;
        $table.attr('id', 'collapsibleTable' + idx);


/*END OF NAVIGATION BARS*/
        var $link = $('<a href="#"></a>')
            .attr('id', 'collapseButton' + idx)
            .text(collapseCaption)
            .on('click', function (e) {
                e.preventDefault();
                collapseTable(idx);
            });


/** Collapsible tables *********************************************************
        $header.prepend($('<span class="collapseButton">[</span>').append($link).append(']'));
*
        tableIndex++;
*  Description: Allows tables to be collapsed, showing only the header. See
    });
*              [[Wikipedia:NavFrame]].
});
*  Maintainers: [[User:R. Koot]]
*/
var autoCollapse = 2;
var collapseCaption = "മറയ്ക്കുക";
var expandCaption = "പ്രദർശിപ്പിക്കുക";
function collapseTable( tableIndex )
{
var Button = document.getElementById( "collapseButton" + tableIndex );
var Table = document.getElementById( "collapsibleTable" + tableIndex );
if ( !Table || !Button ) {
return false;
}
var Rows = Table.rows;
if ( Button.firstChild.data == collapseCaption ) {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = "none";
}
Button.firstChild.data = expandCaption;
} else {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = Rows[0].style.display;
}
Button.firstChild.data = collapseCaption;
}
}
function createCollapseButtons()
{
var tableIndex = 0;
var NavigationBoxes = new Object();
var Tables = document.getElementsByTagName( "table" );
for ( var i = 0; i < Tables.length; i++ ) {
if ( $(Tables[i]).hasClass( "collapsible" ) ) {
/* only add button and increment count if there is a header row to work with */
var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
if (!HeaderRow) continue;
var Header = HeaderRow.getElementsByTagName( "th" )[0];
if (!Header) continue;
NavigationBoxes[ tableIndex ] = Tables[i];
Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
var Button    = document.createElement( "span" );
var ButtonLink = document.createElement( "a" );
var ButtonText = document.createTextNode( collapseCaption );
Button.className = "collapseButton";  //Styles are declared in Common.css
ButtonLink.style.color = Header.style.color;
ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
ButtonLink.appendChild( ButtonText );
Button.appendChild( document.createTextNode( "[" ) );
Button.appendChild( ButtonLink );
Button.appendChild( document.createTextNode( "]" ) );
Header.insertBefore( Button, Header.childNodes[0] );
tableIndex++;
}
}
for ( var i = 0;  i < tableIndex; i++ ) {
if ( $(NavigationBoxes[i]).hasClass( "collapsed" ) || ( tableIndex >= autoCollapse && $(NavigationBoxes[i]).hasClass( "autocollapse" ) ) ) {
collapseTable( i );
}
else if ( $(NavigationBoxes[i]).hasClass( "innercollapse" ) ) {
var element = NavigationBoxes[i];
while (element = element.parentNode) {
if ( $(element).hasClass( "outercollapse" ) ) {
collapseTable ( i );
break;
}
}
}
}
}
$( createCollapseButtons );
"https://schoolwiki.in/മീഡിയവിക്കി:Common.js" എന്ന താളിൽനിന്ന് ശേഖരിച്ചത്