Schoolwiki

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

← മുൻപത്തെ വ്യത്യാസം
No edit summary
No edit summary
 
(2 ഉപയോക്താക്കൾ ചെയ്ത ഇടയ്ക്കുള്ള 14 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല)
വരി 1: വരി 1:
mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Joeytje50/JWB.js/load.js&action=raw&ctype=text/javascript');
/* ============================================================
/* ============================================================
   OpenStreetMap marker URL fix
   OpenStreetMap marker URL fix
   ============================================================ */
   ============================================================ */
mw.hook('wikipage.content').add(function () {
window.onload = function () {
     var images = document.querySelectorAll('img');
     var images = document.querySelectorAll('img');
     for (var i = 0; i < images.length; i++) {
     for (var i = 0; i < images.length; i++) {
         var img = images[i];
         var img = images[i];
         if (img.src &&
         if (
             img.src.indexOf('https://tile.openstreetmap.org/v4/marker/') === 0) {
            img.src &&
             img.src.startsWith("https://tile.openstreetmap.org/v4/marker/")
        ) {
             img.src = img.src.replace(
             img.src = img.src.replace(
                 'https://tile.openstreetmap.org/v4/marker/',
                 'https://tile.openstreetmap.org/v4/marker/',
വരി 13: വരി 17:
             );
             );
         }
         }
    }
};
});
};


/* ============================================================
/* ============================================================
വരി 39: വരി 43:


         sources.forEach(function (srcEl) {
         sources.forEach(function (srcEl) {
             var filename = srcEl.dataset.file;
             var filename = srcEl.dataset.file;
             var captionText = srcEl.dataset.caption || '';
             var captionText = srcEl.dataset.caption || '';
വരി 61: വരി 64:
                 })
                 })
                 .then(function (data) {
                 .then(function (data) {
                     if (!data || !data.query || !data.query.pages) return;
                     if (!data || !data.query || !data.query.pages) return;


                     var page =
                     var page =
                         data.query.pages[Object.keys(data.query.pages)[0]];
                         data.query.pages[Object.keys(data.query.pages)[0]];
                     if (!page || !page.imageinfo) return;
                     if (!page || !page.imageinfo) return;


വരി 75: വരി 76:
                     var license = '';
                     var license = '';
                     var licenseUrl = '';
                     var licenseUrl = '';
                    var commonsUrl = info.descriptionurl || '';


                     if (info.extmetadata) {
                     if (info.extmetadata) {
വരി 96: വരി 98:
                     img.loading = 'lazy';
                     img.loading = 'lazy';
                     img.style.width = '100%';
                     img.style.width = '100%';
                    img.style.display = 'block';


                     /* Lightbox data */
                     /* Lightbox source: responsive, not original */
                     img.dataset.fullsrc = info.url;
                    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'];
                        }
                    }
 
                     img.dataset.fullsrc = lightboxSrc;
                     img.dataset.caption =
                     img.dataset.caption =
                         (captionText ? captionText + '<br>' : '') +
                         (captionText ? captionText + '<br>' : '') +
വരി 105: വരി 115:
                         (licenseUrl
                         (licenseUrl
                             ? ' – <a href="' + licenseUrl +
                             ? ' – <a href="' + licenseUrl +
                               '" target="_blank">' + license + '</a>'
                               '" target="_blank" rel="noopener noreferrer">' +
                              license + '</a>'
                            : '') +
                        (commonsUrl
                            ? '<br><a href="' + commonsUrl +
                              '" target="_blank" rel="noopener noreferrer">' +
                              'View on Wikimedia Commons</a>'
                             : '');
                             : '');


വരി 113: വരി 129:
                     figcaption.style.fontSize = '0.75em';
                     figcaption.style.fontSize = '0.75em';
                     figcaption.style.textAlign = 'center';
                     figcaption.style.textAlign = 'center';
 
                     figcaption.innerHTML = img.dataset.caption;
                     figcaption.innerHTML =
                        (captionText ? captionText + '<br>' : '') +
                        '© ' + artist +
                        (licenseUrl
                            ? ' – <a href="' + licenseUrl +
                              '" target="_blank">' + license + '</a>'
                            : '');


                     figure.appendChild(figcaption);
                     figure.appendChild(figcaption);
വരി 132: വരി 141:
                     );
                     );
                 });
                 });
         });
         });


വരി 141: വരി 149:
     });
     });
});
});


/* ============================================================
/* ============================================================
   Commons Gallery Lightbox Viewer (CORRECTED)
   Commons Gallery Lightbox Viewer (with navigation)
   ============================================================ */
   ============================================================ */
(function () {
(function () {
    var galleryImages = [];
    var currentIndex = -1;
    function collectGalleryImages() {
        galleryImages = Array.prototype.slice.call(
            document.querySelectorAll('.commons-gallery-item img')
        );
    }


     function createLightbox() {
     function createLightbox() {
         if (document.getElementById('commons-lightbox')) {
         if (document.getElementById('commons-lightbox')) return;
            return;
        }


         var overlay = document.createElement('div');
         var overlay = document.createElement('div');
വരി 159: വരി 173:
             '<div class="clb-backdrop"></div>' +
             '<div class="clb-backdrop"></div>' +
             '<div class="clb-content">' +
             '<div class="clb-content">' +
                '<button class="clb-prev" aria-label="Previous">‹</button>' +
                '<button class="clb-next" aria-label="Next">›</button>' +
                 '<button class="clb-close" aria-label="Close">×</button>' +
                 '<button class="clb-close" aria-label="Close">×</button>' +
                 '<img class="clb-image" alt="">' +
                 '<img class="clb-image" alt="">' +
വരി 166: വരി 182:
         document.body.appendChild(overlay);
         document.body.appendChild(overlay);


         overlay.querySelector('.clb-backdrop').addEventListener('click', closeLightbox);
         overlay.querySelector('.clb-backdrop').onclick = closeLightbox;
         overlay.querySelector('.clb-close').addEventListener('click', closeLightbox);
        overlay.querySelector('.clb-close').onclick = closeLightbox;
         overlay.querySelector('.clb-prev').onclick = showPrev;
        overlay.querySelector('.clb-next').onclick = showNext;


         document.addEventListener('keydown', function (e) {
         document.addEventListener('keydown', function (e) {
             if (e.key === 'Escape') {
            if (!overlay.classList.contains('active')) return;
                closeLightbox();
             if (e.key === 'Escape') closeLightbox();
             }
            if (e.key === 'ArrowLeft') showPrev();
             if (e.key === 'ArrowRight') showNext();
         });
         });
     }
     }


     function openLightbox(img) {
     function openLightbox(img) {
        collectGalleryImages();
        currentIndex = galleryImages.indexOf(img);
        if (currentIndex === -1) return;
         createLightbox();
         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 overlay = document.getElementById('commons-lightbox');
         var lbImg = overlay.querySelector('.clb-image');
         var lbImg = overlay.querySelector('.clb-image');
         var caption = overlay.querySelector('.clb-caption');
         var caption = overlay.querySelector('.clb-caption');
        var img = galleryImages[index];
        if (!img) return;


         lbImg.src = img.dataset.fullsrc || img.src;
         lbImg.src = img.dataset.fullsrc || img.src;
         lbImg.alt = img.alt || '';
         lbImg.alt = img.alt || '';
        caption.innerHTML = img.dataset.caption || '';


         caption.innerHTML = img.dataset.caption || '';
         currentIndex = index;
    }
 
    function showPrev() {
        if (currentIndex > 0) showImage(currentIndex - 1);
    }


         overlay.classList.add('active');
    function showNext() {
         document.body.style.overflow = 'hidden';
         if (currentIndex < galleryImages.length - 1) {
            showImage(currentIndex + 1);
         }
     }
     }


വരി 195: വരി 235:
         var overlay = document.getElementById('commons-lightbox');
         var overlay = document.getElementById('commons-lightbox');
         if (!overlay) return;
         if (!overlay) return;
         overlay.classList.remove('active');
         overlay.classList.remove('active');
         document.body.style.overflow = '';
         document.body.style.overflow = '';
     }
     }


     /* ========================================================
     /* Event delegation (single, correct) */
      Event delegation for dynamically loaded gallery images
      ======================================================== */
     document.addEventListener('click', function (e) {
     document.addEventListener('click', function (e) {
         var img = e.target;
         var img = e.target;
         if (img && img.matches('.commons-gallery-item img')) {
         if (img && img.matches('.commons-gallery-item img')) {
            img.style.cursor = 'zoom-in';
             openLightbox(img);
             openLightbox(img);
         }
         }
വരി 213: വരി 248:


})();
})();
/* ============================================================
  Load images from Wikimedia Commons using template
  ============================================================ */
mw.hook('wikipage.content').add(function ($content) {
    $content.find('.commons-image').each(function () {
        var el = this;
        var filename = el.dataset.filename;
        if (!filename) return;
        var width = el.dataset.width || 300;
        var align = el.dataset.align || 'none';
        var caption = el.dataset.caption || '';
        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) { return r.json(); })
            .then(function (data) {
                if (!data.query || !data.query.pages) {
                    el.textContent = 'Error loading image';
                    return;
                }
                var pages = data.query.pages;
                var page = pages[Object.keys(pages)[0]];
                if (!page.imageinfo) {
                    el.textContent = 'Image not found on Wikimedia Commons';
                    return;
                }
                var info = page.imageinfo[0];
                var imgUrl = info.thumburl || info.url;
                var artist = 'Unknown';
                var license = '';
                var licenseUrl = '';
                if (info.extmetadata) {
                    if (info.extmetadata.Artist) {
                        artist = info.extmetadata.Artist.value;
                    }
                    if (info.extmetadata.LicenseShortName) {
                        license = info.extmetadata.LicenseShortName.value;
                    }
                    if (info.extmetadata.LicenseUrl) {
                        licenseUrl = info.extmetadata.LicenseUrl.value;
                    }
                }
                var figure = document.createElement('figure');
                figure.style.maxWidth = width + 'px';
                if (align === 'right') figure.style.float = 'right';
                if (align === 'left') figure.style.float = 'left';
                if (align === 'center') {
                    figure.style.marginLeft = 'auto';
                    figure.style.marginRight = 'auto';
                }
                var img = document.createElement('img');
                img.src = imgUrl;
                img.alt = caption || filename;
                img.loading = 'lazy';
                img.style.width = '100%';
                figure.appendChild(img);
                if (caption || license) {
                    var figcaption = document.createElement('figcaption');
                    figcaption.style.fontSize = '0.8em';
                    figcaption.style.textAlign = 'center';
                    figcaption.innerHTML =
                        caption +
                        '<br>© ' + artist +
                        (licenseUrl
                            ? ' – <a href="' + licenseUrl +
                              '" target="_blank">' + license + '</a>'
                            : '');
                    figure.appendChild(figcaption);
                }
                el.replaceWith(figure);
            })
            .catch(function () {
                el.textContent = 'Error loading image from Wikimedia Commons';
            });
    });
});


/* ============================================================
/* ============================================================
വരി 330: വരി 261:
     );
     );
}
}


/* ============================================================
/* ============================================================
വരി 383: വരി 313:


$(addCharSubsetMenu);
$(addCharSubsetMenu);


/* ============================================================
/* ============================================================
വരി 428: വരി 357:
     });
     });
});
});


/* ============================================================
/* ============================================================
വരി 434: വരി 362:
   ============================================================ */
   ============================================================ */
var autoCollapse = 2;
var autoCollapse = 2;
var collapseCaption = "മറയ്ക്കുക";
var collapseCaption = 'മറയ്ക്കുക';
var expandCaption = "പ്രദർശിപ്പിക്കുക";
var expandCaption = 'പ്രദർശിപ്പിക്കുക';


function collapseTable(tableIndex) {
function collapseTable(tableIndex) {
     var Button = document.getElementById("collapseButton" + tableIndex);
     var Button = document.getElementById('collapseButton' + tableIndex);
     var Table = document.getElementById("collapsibleTable" + tableIndex);
     var Table = document.getElementById('collapsibleTable' + tableIndex);
     if (!Table || !Button) return;
     if (!Table || !Button) return;


വരി 446: വരി 374:


     for (var i = 1; i < Rows.length; i++) {
     for (var i = 1; i < Rows.length; i++) {
         Rows[i].style.display = hide ? "none" : "";
         Rows[i].style.display = hide ? 'none' : '';
     }
     }
     Button.firstChild.data = hide ? expandCaption : collapseCaption;
     Button.firstChild.data = hide ? expandCaption : collapseCaption;
"https://schoolwiki.in/മീഡിയവിക്കി:Common.js" എന്ന താളിൽനിന്ന് ശേഖരിച്ചത്