Jump to content

MediaWiki:Common.js: Difference between revisions

From English Mippedia, general encyclopedia
No edit summary
Tags: Reverted Mobile edit Mobile web edit
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
Line 1: Line 1:
function injectFloatingDataBtn(name, domain) {
/* ==========================================================
        if ($('#mippedia-data-btn').length) return;
  🚀 MIPPEDIA DATA BUTTON ONLY (Otomatis - English Bridge Version)
  Hanya memunculkan tombol jika data tersedia di pusat.
  Mendukung pencarian otomatis ke Mippedia ID secara mandiri tanpa interwiki manual.
  ========================================================== */
$(document).ready(function() {
    var pageName = mw.config.get('wgPageName').replace(/_/g, ' ');
    var namespace = mw.config.get('wgNamespaceNumber');
    var dataDomain = 'https://data.mippedia.org';
   
    // Alamat API Mippedia Bahasa Indonesia (Sesuaikan URL domainnya jika berbeda)
    var indonesianWikiApi = 'https://id.mippedia.org/api.php';  


        var currentSkin = mw.config.get('skin');
    // Jalankan hanya di namespace artikel resmi
 
    if (namespace === 0) {
         // Tarik resolusi tinggi dari server agar tetap tajam HD
       
         var api = new mw.Api();
         // Langkah 1: Tembak API Mippedia Indonesia untuk mencari padanan halaman paling relevan
        api.get({
         $.ajax({
            action: 'query',
            url: indonesianWikiApi,
            titles: 'File:Locked_Data.svg',
            data: {
            prop: 'imageinfo',
                action: 'query',
            iiprop: 'url',
                list: 'search',
             iiurlwidth: 128,  
                srsearch: pageName, // Mencari padanan berdasarkan judul Inggris
             format: 'json'
                srlimit: 1,
        }).done(function(data) {
                format: 'json',
            var imageUrl = '';
                origin: '*'
            try {
             },
                 var pages = data.query.pages;
             dataType: 'json',
                for (var id in pages) {
            success: function(wikiRes) {
                    if (pages[id].imageinfo && pages[id].imageinfo[0]) {
                var targetDataPage = pageName; // Fallback jika tidak ditemukan
                        imageUrl = pages[id].imageinfo[0].thumburl || pages[id].imageinfo[0].url;
               
                    }
                 if (wikiRes && wikiRes.query && wikiRes.query.search && wikiRes.query.search.length > 0) {
                    // Ketemu judul bahasa Indonesianya secara otomatis dari sistem search internal
                    targetDataPage = wikiRes.query.search[0].title;
                 }
                 }
            } catch (e) { imageUrl = ''; }
               
                // Format spasi menjadi underscore untuk validasi nama halaman MediaWiki
                targetDataPage = targetDataPage.replace(/\s+/g, '_');


            if (!imageUrl) return;
                // Langkah 2: Cek langsung ke Mippedia Data menggunakan nama halaman Indonesia hasil pelacakan
                $.ajax({
                    url: dataDomain + '/api.php',
                    data: {
                        action: 'query',
                        titles: targetDataPage,
                        format: 'json',
                        origin: '*'
                    },
                    dataType: 'jsonp',
                    success: function(res) {
                        if (res && res.query && res.query.pages) {
                            var pages = res.query.pages;
                            var isExist = false;
                           
                            for (var id in pages) {
                                if (parseInt(id) > 0) {
                                    isExist = true;
                                    break;
                                }
                            }


            // Buat elemen tombol dengan style flex yang rapi (Tanpa Absolute!)
                            // Jika data valid ditemukan di pusat, munculkan tombol melayang
             var $btn = $('<a>', {
                            if (isExist) {
                 id: 'mippedia-data-btn',
                                injectFloatingDataBtn(targetDataPage, dataDomain);
                 href: domain + '/wiki/' + encodeURIComponent(name),
                            }
                 target: '_blank',
                        }
                style: 'display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; text-decoration: none; transition: transform 0.2s; min-width: 24px;',
                    }
                html: $('<img>', {
                });
                    src: imageUrl,
            },
                     alt: 'Data Icon',
             error: function() {
                     style: 'height: 22px; width: 22px; display: block; opacity: 0.85;'
                 // Jika server Wiki Indonesia down, langsung pakai nama asli Inggris-nya sebagai fallback akhir
                 })
                 var nativePage = pageName.replace(/\s+/g, '_');
             });
                 $.ajax({
                    url: dataDomain + '/api.php',
                    data: { action: 'query', titles: nativePage, format: 'json', origin: '*' },
                     dataType: 'jsonp',
                     success: function(res) {
                        var pages = res.query.pages;
                        var isExist = false;
                        for (var id in pages) { if (parseInt(id) > 0) { isExist = true; break; } }
                        if (isExist) { injectFloatingDataBtn(nativePage, dataDomain); }
                    }
                 });
             }
        });
    }


            // Efek hover / touch
    function injectFloatingDataBtn(name, domain) {
            $btn.hover(
        if ($('#mippedia-data-btn').length) return;
                function() { $(this).css({ 'transform': 'scale(1.15)', 'opacity': '1' }); },
                function() { $(this).css({ 'transform': 'scale(1.0)', 'opacity': '0.85' }); }
            );


            // 🛠️ PROSES PENEMPATAN ALAMI (ANTI TUMPUK)
        var $btn = $('<a>', {
            if (currentSkin === 'minerva') {
            id: 'mippedia-data-btn',
                // TAMPILAN MOBILE (MINERVA)
            href: domain + '/wiki/' + encodeURIComponent(name),
                // Cari barisan menu aksi utama tempat tombol bahasa/pensil berada
            target: '_blank',
                var $menuBar = $('.page-actions-menu__list, .page-actions-menu');
            style: 'position: absolute; right: 10px; top: -32px; background: #36c; color: #fff; padding: 4px 10px; border-radius: 4px; font-weight: bold; font-size: 10px; text-decoration: none; z-index: 1000; box-shadow: 0 2px 4px rgba(0,0,0,0.1);',
               
            text: 'DATA'
                if ($menuBar.length) {
        });
                    // Bungkus dengan tag <li> agar sesuai dengan struktur asli Minerva mobile
                    var $liWrapper = $('<li>', {
                        class: 'page-actions-menu__list-item',
                        style: 'display: inline-flex; align-items: center;'
                    }).append($btn);


                    // Selipkan di paling depan (sebelah kiri tombol bahasa)
        var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();
                    $liWrapper.prependTo($menuBar.first());
       
                } else {
        if ($target.length) {
                    // Fallback jika barisan menu tidak terdeteksi (Anonim darurat)
            $target.css('position', 'relative').append($btn);
                    $('#firstHeading').css('position', 'relative');
        } else {
                    $btn.css({ 'position': 'absolute', 'right': '10px', 'top': '10px', 'width': 'auto', 'height': 'auto' });
            $('#firstHeading').css('position', 'relative').append($btn);
                    $('#firstHeading').append($btn);
         }
                }
            } else {
                // TAMPILAN DESKTOP (Vector / Skin lainnya)
                var $desktopTarget = $('#p-views ul, .vector-menu-content-list').first();
               
                if ($desktopTarget.length) {
                    var $wrapperLi = $('<li>', {
                        style: 'display: inline-block; vertical-align: middle; margin-right: 12px; margin-left: 8px; padding-top: 10px;'  
                    });
                    $wrapperLi.append($btn);
                    $desktopTarget.prepend($wrapperLi);
                } else {
                    var $headingDesktop = $('#firstHeading');
                    $headingDesktop.css('position', 'relative');
                    $btn.css({ 'position': 'absolute', 'right': '20px', 'top': '10px', 'width': 'auto', 'height': 'auto' });
                    $headingDesktop.append($btn);
                }
            }
         });
     }
     }
});

Revision as of 12:51, 29 May 2026

/* ==========================================================
   🚀 MIPPEDIA DATA BUTTON ONLY (Otomatis - English Bridge Version)
   Hanya memunculkan tombol jika data tersedia di pusat.
   Mendukung pencarian otomatis ke Mippedia ID secara mandiri tanpa interwiki manual.
   ========================================================== */
$(document).ready(function() {
    var pageName = mw.config.get('wgPageName').replace(/_/g, ' ');
    var namespace = mw.config.get('wgNamespaceNumber');
    var dataDomain = 'https://data.mippedia.org';
    
    // Alamat API Mippedia Bahasa Indonesia (Sesuaikan URL domainnya jika berbeda)
    var indonesianWikiApi = 'https://id.mippedia.org/api.php'; 

    // Jalankan hanya di namespace artikel resmi
    if (namespace === 0) {
        
        // Langkah 1: Tembak API Mippedia Indonesia untuk mencari padanan halaman paling relevan
        $.ajax({
            url: indonesianWikiApi,
            data: {
                action: 'query',
                list: 'search',
                srsearch: pageName, // Mencari padanan berdasarkan judul Inggris
                srlimit: 1,
                format: 'json',
                origin: '*'
            },
            dataType: 'json',
            success: function(wikiRes) {
                var targetDataPage = pageName; // Fallback jika tidak ditemukan
                
                if (wikiRes && wikiRes.query && wikiRes.query.search && wikiRes.query.search.length > 0) {
                    // Ketemu judul bahasa Indonesianya secara otomatis dari sistem search internal
                    targetDataPage = wikiRes.query.search[0].title;
                }
                
                // Format spasi menjadi underscore untuk validasi nama halaman MediaWiki
                targetDataPage = targetDataPage.replace(/\s+/g, '_');

                // Langkah 2: Cek langsung ke Mippedia Data menggunakan nama halaman Indonesia hasil pelacakan
                $.ajax({
                    url: dataDomain + '/api.php',
                    data: { 
                        action: 'query', 
                        titles: targetDataPage, 
                        format: 'json', 
                        origin: '*' 
                    },
                    dataType: 'jsonp',
                    success: function(res) {
                        if (res && res.query && res.query.pages) {
                            var pages = res.query.pages;
                            var isExist = false;
                            
                            for (var id in pages) {
                                if (parseInt(id) > 0) {
                                    isExist = true;
                                    break;
                                }
                            }

                            // Jika data valid ditemukan di pusat, munculkan tombol melayang
                            if (isExist) {
                                injectFloatingDataBtn(targetDataPage, dataDomain);
                            }
                        }
                    }
                });
            },
            error: function() {
                // Jika server Wiki Indonesia down, langsung pakai nama asli Inggris-nya sebagai fallback akhir
                var nativePage = pageName.replace(/\s+/g, '_');
                $.ajax({
                    url: dataDomain + '/api.php',
                    data: { action: 'query', titles: nativePage, format: 'json', origin: '*' },
                    dataType: 'jsonp',
                    success: function(res) {
                        var pages = res.query.pages;
                        var isExist = false;
                        for (var id in pages) { if (parseInt(id) > 0) { isExist = true; break; } }
                        if (isExist) { injectFloatingDataBtn(nativePage, dataDomain); }
                    }
                });
            }
        });
    }

    function injectFloatingDataBtn(name, domain) {
        if ($('#mippedia-data-btn').length) return;

        var $btn = $('<a>', {
            id: 'mippedia-data-btn',
            href: domain + '/wiki/' + encodeURIComponent(name),
            target: '_blank',
            style: 'position: absolute; right: 10px; top: -32px; background: #36c; color: #fff; padding: 4px 10px; border-radius: 4px; font-weight: bold; font-size: 10px; text-decoration: none; z-index: 1000; box-shadow: 0 2px 4px rgba(0,0,0,0.1);',
            text: 'DATA'
        });

        var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();
        
        if ($target.length) {
            $target.css('position', 'relative').append($btn);
        } else {
            $('#firstHeading').css('position', 'relative').append($btn);
        }
    }
});