MediaWiki:Common.js: Difference between revisions

No edit summary
Tags: Reverted Mobile edit Mobile web edit
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(4 intermediate revisions by the same user not shown)
Line 9: Line 9:
     var dataDomain = 'https://data.mippedia.org';
     var dataDomain = 'https://data.mippedia.org';
      
      
     // Alamat API Mippedia Bahasa Indonesia
     // Alamat API Mippedia Bahasa Indonesia (Sesuaikan URL domainnya jika berbeda)
     var indonesianWikiApi = 'https://id.mippedia.org/api.php';  
     var indonesianWikiApi = 'https://id.mippedia.org/api.php';  


Line 89: Line 89:
         if ($('#mippedia-data-btn').length) return;
         if ($('#mippedia-data-btn').length) return;


        // Otak Cerdas: Ambil link render resolusi tinggi (64px) dari server agar tidak buram
         var $btn = $('<a>', {
         var api = new mw.Api();
             id: 'mippedia-data-btn',
        api.get({
             href: domain + '/wiki/' + encodeURIComponent(name),
             action: 'query',
             target: '_blank',
             titles: 'File:Locked_Data.svg',
             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);',
             prop: 'imageinfo',
             text: 'DATA'
             iiprop: 'url',
        });
            iiurlwidth: 64,
            format: 'json'
        }).done(function(data) {
            var imageUrl = '';
            try {
                var pages = data.query.pages;
                for (var id in pages) {
                    if (pages[id].imageinfo && pages[id].imageinfo[0]) {
                        imageUrl = pages[id].imageinfo[0].thumburl || pages[id].imageinfo[0].url;
                    }
                }
             } catch (e) {
                imageUrl = '';
            }


            if (!imageUrl) return;
        var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();
 
       
            var $btn = $('<a>', {
        if ($target.length) {
                id: 'mippedia-data-btn',
            $target.css('position', 'relative').append($btn);
                href: domain + '/wiki/' + encodeURIComponent(name),
        } else {
                target: '_blank',
            $('#firstHeading').css('position', 'relative').append($btn);
                // top: 2px dan right: 12px disesuaikan agar pas di barisan menu mobile minerva
         }
                style: 'position: absolute; right: 12px; top: 2px; z-index: 1000; text-decoration: none; display: inline-block; transition: transform 0.2s;',
                html: $('<img>', {
                    src: imageUrl,
                    alt: 'Data Icon',
                    // Memaksa dimensi tampilan ke 20px agar seukuran dengan tombol bintang/edit bawaan
                    style: 'height: 20px; width: 20px; display: block; opacity: 0.85; vertical-align: middle;'
                })
            });
 
            // Efek interaksi hover/touch tipis
            $btn.hover(
                function() { $(this).css({ 'transform': 'scale(1.1)', 'opacity': '1' }); },
                function() { $(this).css({ 'transform': 'scale(1.0)', 'opacity': '0.85' }); }
            );
 
            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);
                $btn.css('top', '8px');
            }
         });
     }
     }
});
});