MediaWiki:Common.js: Perbedaan antara revisi

/* ==========================================================
   🧠 MIPPEDIA DATA AUTO-DESCRIPTION (GOOGLE STYLE)
   ========================================================== */
(function() {
    $(document).ready(function() {
        var $descBox = $('#mip-auto-description');
        var $triggerWrap = $('#mip-trigger-wrapper');
        var $triggerBtn = $('#mip-desc-trigger');
        var $sourcePre = $('#mip-source-pre');
        
        if ($descBox.length) {
            var pageTitle = mw.config.get('wgPageName');
            var apiUrl = 'https://id.mippedia.org/api.php';

            $.ajax({
                url: apiUrl,
                data: {
                    action: 'query', prop: 'extracts', exintro: true, explaintext: true,
                    titles: pageTitle, format: 'json', origin: '*'
                },
                dataType: 'json',
                success: function(data) {
                    var pages = data.query.pages;
                    var pageId = Object.keys(pages)[0];
                    
                    if (pageId != "-1") {
                        var extract = pages[pageId].extract;

                        // PEMBERSIHAN TEMPLATE & KURUNG KOSONG
                        extract = extract.replace(/\{\{[^}]+\}\}/g, '').replace(/\(\s*\)/g, '').replace(/\s\s+/g, ' ').trim();

                        var sourceLink = 'https://id.mippedia.org/wiki/' + encodeURIComponent(pageTitle);
                        var fullText = extract;
                        var shortText = extract.substring(0, 180); // Potongan awal gaya Google

                        if (extract.length > 180) {
                            $descBox.attr('data-full', fullText).attr('data-short', shortText + '...');
                            $descBox.text(shortText + '...');
                            $triggerWrap.show();
                        } else {
                            $descBox.html(fullText + ' <a href="' + sourceLink + '" target="_blank" style="color: #1a0dab; text-decoration: none;">Dari Mippedia</a>');
                        }

                        // EVENT CLICK GAYA GOOGLE
                        $triggerBtn.on('click', function() {
                            if ($(this).text() === 'Tampilkan') {
                                // Mode Expand
                                $descBox.html(fullText + ' <a href="' + sourceLink + '" target="_blank" style="color: #1a0dab; text-decoration: none;">Dari Mippedia</a>');
                                $(this).text('Sembunyikan');
                                $sourcePre.hide(); // Ilangin "- Mippedia" karena udah ada "Dari Mippedia"
                            } else {
                                // Mode Collapse
                                $descBox.text($descBox.attr('data-short'));
                                $(this).text('Tampilkan');
                                $sourcePre.show();
                            }
                        });
                    }
                }
            });
        }
    });
})();