Mippedia Data

MediaWiki:Common.js: Perbedaan antara revisi

← Revisi sebelumnyaRevisi selanjutnya →

Admin (bicara | kontrib)

7 grup pengguna
168 suntingan
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Dikembalikan Suntingan perangkat seluler Suntingan peramban seluler
Baris 1: Baris 1:
/* ==========================================================
/* ==========================================================
   🧠 MIPPEDIA DATA - SMART CONTEXT + AUTO THUMBNAIL
   🧠 MIPPEDIA DATA - SMART CONTEXT + AUTO THUMB & DESC
   Features: Smart Sync, Auto-Age, Auto-Bold, Smart Links,
   Features: Smart Sync, Auto-Age, Auto-Bold, Smart Links,
             Dynamic Context, AND NEW: Auto Thumbnail Image
             Dynamic Context, Auto Thumbnail, AND Image Caption
   ========================================================== */
   ========================================================== */
(function() {
(function() {
Baris 13: Baris 13:


         var pageTitle = mw.config.get('wgPageName').replace(/_/g, ' '),
         var pageTitle = mw.config.get('wgPageName').replace(/_/g, ' '),
             cacheKey = 'mip_smart_context_thumb_' + pageTitle, now = new Date().getTime(),
             cacheKey = 'mip_v5_full_' + pageTitle, now = new Date().getTime(),
             currentYear = 2026;
             currentYear = 2026;


Baris 22: Baris 22:
         ];
         ];


         // --- SEMUA FUNGSI AWAL (TETAP UTUH) ---
         // --- SEMUA FUNGSI AWAL (TETAP UTUH 100%) ---
         function applyAutoBold(text) { return text.replace(new RegExp('(' + pageTitle + ')', 'gi'), '<strong>$1</strong>'); }
         function applyAutoBold(text) { return text.replace(new RegExp('(' + pageTitle + ')', 'gi'), '<strong>$1</strong>'); }
         function cleanExtract(text) { return text.replace(/\[\d+\]/g, '').replace(/\{\{[^}]+\}\}/g, '').replace(/\(\s*\)/g, '').replace(/\s\s+/g, ' ').trim(); }
         function cleanExtract(text) { return text.replace(/\[\d+\]/g, '').replace(/\{\{[^}]+\}\}/g, '').replace(/\(\s*\)/g, '').replace(/\s\s+/g, ' ').trim(); }
Baris 62: Baris 62:
         }
         }


         // --- SISTEM SMART CHECK DENGAN SUPPORT THUMBNAIL ---
         // --- SISTEM SMART CHECK (CEK TIMESTAMP & GAMBAR & CAPTION) ---
         var cached = JSON.parse(localStorage.getItem(cacheKey) || "{}");
         var cached = JSON.parse(localStorage.getItem(cacheKey) || "{}");


Baris 69: Baris 69:
             $.ajax({
             $.ajax({
                 url: pCheck.url,
                 url: pCheck.url,
                 data: { action: 'query', prop: 'revisions|pageimages', rvprop: 'timestamp', piprop: 'thumbnail', pithumbsize: 150, titles: pageTitle, format: 'json', origin: '*' },
                // Ditambahkan pengambilan 'pageterms' untuk nyari deskripsi gambar otomatis
                 data: { action: 'query', prop: 'revisions|pageimages|pageterms', rvprop: 'timestamp', piprop: 'thumbnail', pithumbsize: 200, titles: pageTitle, format: 'json', origin: '*' },
                 dataType: 'json',
                 dataType: 'json',
                 success: function(res) {
                 success: function(res) {
                     var pg = res.query.pages, id = Object.keys(pg)[0];
                     var pg = res.query.pages, id = Object.keys(pg)[0];
                     var latestTS = (id != "-1") ? pg[id].revisions[0].timestamp : "0";
                     var latestTS = (id != "-1") ? pg[id].revisions[0].timestamp : "0";
                    // Ambil thumbnail kalau ada
                     var thumbUrl = (id != "-1" && pg[id].thumbnail) ? pg[id].thumbnail.source : "";
                     var thumbUrl = (id != "-1" && pg[id].thumbnail) ? pg[id].thumbnail.source : "";
                   
                    // Coba ambil deskripsi gambar (caption) dari metadata kalau ada
                    var caption = "";
                    if (id != "-1" && pg[id].terms && pg[id].terms.label) {
                        caption = pg[id].terms.label[0];
                    }


                     if (cached.content && cached.ts === latestTS) {
                     if (cached.content && cached.ts === latestTS) {
                         renderAll(cached.p, cached.content, cached.isTrans, cached.orig, cached.img);
                         renderAll(cached.p, cached.content, cached.isTrans, cached.orig, cached.img, cached.cap);
                     } else {  
                     } else { fetchFreshData(latestTS, thumbUrl, caption); }
                        fetchFreshData(latestTS, thumbUrl);  
                    }
                 },
                 },
                 error: function() { if (cached.content) renderAll(cached.p, cached.content, cached.isTrans, cached.orig, cached.img); }
                 error: function() { if (cached.content) renderAll(cached.p, cached.content, cached.isTrans, cached.orig, cached.img, cached.cap); }
             });
             });
         }
         }


         function fetchFreshData(newTS, img) {
         function fetchFreshData(newTS, img, cap) {
             var found = false;
             var found = false, shuffled = projects.sort(() => Math.random() - 0.5);
            var shuffled = projects.sort(() => Math.random() - 0.5);
             shuffled.forEach(function(p) {
             shuffled.forEach(function(p) {
                 if (found) return;
                 if (found) return;
Baris 105: Baris 108:
                                 $.ajax({ url: "https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=id&dt=t&q=" + encodeURIComponent(extract), success: function(res) {  
                                 $.ajax({ url: "https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=id&dt=t&q=" + encodeURIComponent(extract), success: function(res) {  
                                     var trans = ""; res[0].forEach(s => { if (s[0]) trans += s[0]; });
                                     var trans = ""; res[0].forEach(s => { if (s[0]) trans += s[0]; });
                                     finalize(p, trans, true, extract, newTS, img);
                                     finalize(p, trans, true, extract, newTS, img, cap);
                                 }});
                                 }});
                             } else {  
                             } else { finalize(p, extract, false, "", newTS, img, cap); }
                                finalize(p, extract, false, "", newTS, img);  
                            }
                         }
                         }
                     }
                     }
Baris 116: Baris 117:
         }
         }


         function finalize(p, c, t, o, ts, img) {
         function finalize(p, c, t, o, ts, img, cap) {
             localStorage.setItem(cacheKey, JSON.stringify({p:p, content:c, isTrans:t, orig:o, ts:ts, img:img}));
             localStorage.setItem(cacheKey, JSON.stringify({p:p, content:c, isTrans:t, orig:o, ts:ts, img:img, cap:cap}));
             renderAll(p, c, t, o, img);
             renderAll(p, c, t, o, img, cap);
         }
         }


         function renderAll(p, currentText, isTranslated, originalText, img) {
         function renderAll(p, currentText, isTranslated, originalText, img, cap) {
             var processedText = applyAutoBold(applyDynamicContext(currentText));
             var processedText = applyAutoBold(applyDynamicContext(currentText));
            $descSection.show();
              
              
             // Layouting Thumbnail (Tetap ringan: hanya render jika gambar ada)
             // --- RENDER THUMBNAIL + CAPTION ---
             var thumbHtml = img ? '<div style="float: right; margin-left: 15px; margin-bottom: 10px; border: 1px solid #ddd; padding: 3px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"><img src="'+img+'" style="max-width: 100px; display: block; height: auto;"></div>' : '';
             var thumbHtml = "";
            if (img) {
                thumbHtml = '<div style="float: right; margin-left: 15px; margin-bottom: 10px; border: 1px solid #ddd; padding: 3px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 110px; text-align: center;">' +
                            '<img src="'+img+'" style="width: 100%; height: auto; display: block; border-radius: 2px;">';
                // Jika caption ada, tampilkan di bawah gambar
                if (cap) {
                    thumbHtml += '<div style="font-size: 10px; color: #555; margin-top: 5px; line-height: 1.2; padding: 0 2px; font-style: italic;">' + cap + '</div>';
                }
                thumbHtml += '</div>';
            }


            $descSection.show();
            // Masukkan thumbnail ke dalam konten box
             $descBox.show().html(thumbHtml + applySummary(processedText) + '<div style="clear:both;"></div>');
             $descBox.show().html(thumbHtml + applySummary(processedText) + '<div style="clear:both;"></div>');
              
              
Baris 142: Baris 151:
                 var isOrig = ($(this).text() === 'Tampilkan versi asli');
                 var isOrig = ($(this).text() === 'Tampilkan versi asli');
                 var textToDisplay = applyAutoBold(applyDynamicContext(isOrig ? originalText : currentText));
                 var textToDisplay = applyAutoBold(applyDynamicContext(isOrig ? originalText : currentText));
                // Pastikan thumbnail tetap ada saat toggle versi asli
                 $descBox.html(thumbHtml + applySummary(textToDisplay) + '<div style="clear:both;"></div>');
                 $descBox.html(thumbHtml + applySummary(textToDisplay) + '<div style="clear:both;"></div>');
                 $(this).text(isOrig ? 'Tampilkan terjemahan' : 'Tampilkan versi asli');
                 $(this).text(isOrig ? 'Tampilkan terjemahan' : 'Tampilkan versi asli');
Diperoleh dari "https://data.mippedia.org/wiki/MediaWiki:Common.js"